@hyphen/hyphen-components 7.3.2 → 7.3.4

package/dist/lib/generateResponsiveClasses.d.ts

@@ -1,2 +0,0 @@
-import { ResponsiveProp } from '../types';
-export declare function generateResponsiveClasses(classRoot: string, value: ResponsiveProp<any> | string | undefined): string[];

package/dist/lib/getAutoCompleteValue.d.ts

@@ -1 +0,0 @@
-export declare function getAutoCompleteValue(value: string | boolean): string;

package/dist/lib/getColumnKeys.d.ts

@@ -1,3 +0,0 @@
-import { Key } from 'react';
-import { Column } from '../types';
-export declare const getColumnKeys: (columns: Column[]) => Key[];

package/dist/lib/getDimensionCss.d.ts

@@ -1,12 +0,0 @@
-import { CSSProperties } from 'react';
-import { StylesAndClasses, CssDimensionAbbreviation, ResponsiveProp, DimensionSize } from '../types';
-export declare function getDimensionStyles(dimension: CssDimensionAbbreviation, value?: DimensionSize | ResponsiveProp<DimensionSize> | string): {
-    [key: string]: string;
-} | undefined;
-export declare function getDimensionClasses(dimension: CssDimensionAbbreviation, value?: DimensionSize | ResponsiveProp<DimensionSize> | string): string[] | undefined;
-/**
- * Returns an object of styles and class names that correspond with the given value
- * @param {CssDimensionAbbreviation} dimension width or height
- * @param {string} [value] value of the dimension
- */
-export declare function getDimensionCss(dimension: CssDimensionAbbreviation, value?: DimensionSize | ResponsiveProp<DimensionSize> | string): StylesAndClasses<CSSProperties>;

package/dist/lib/getElementType.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-/**
- * Returns a createElement() type based on the props of the Component.
- * Useful for calculating what type a component should render as.
- *
- * @param {function} Component A function or ReactClass.
- * @param {object} props A ReactElement props object
- * @param {function} [getDefault] A function that returns a default element type.
- * @returns {string} A ReactElement type
- */
-export declare function getElementType(// eslint-disable-line import/prefer-default-export
-Component: React.Component | React.FC, props: {
-    [key: string]: unknown;
-}, getDefault?: () => string): string;

package/dist/lib/getFlexCss.d.ts

@@ -1,9 +0,0 @@
-import { StylesAndClasses, FlexProperty, ResponsiveProp } from '../types';
-export declare function parsePropertyValue(value: string): string | number;
-export declare function getFlexStyles(value?: string): FlexProperty | undefined;
-export declare function getFlexClasses(value?: string): string[] | undefined;
-/**
- * Returns an object of styles and class names that correspond with the given flex value
- * @param {string} [value] spacing token value
- */
-export declare function getFlexCss(value?: ResponsiveProp<FlexProperty> | string): StylesAndClasses<FlexProperty>;

package/dist/lib/index.d.ts

@@ -1,15 +0,0 @@
-export * from './cssShorthandToClasses';
-export * from './doesStringIncludeCssUnit';
-export * from './generateResponsiveClasses';
-export * from './getAutoCompleteValue';
-export * from './getColumnKeys';
-export * from './getDimensionCss';
-export * from './getElementType';
-export * from './getFlexCss';
-export * from './isFunction';
-export * from './mergeRefs';
-export * from './prefersReducedMotion';
-export * from './reactRouterClickHandler';
-export * from './resolveValue';
-export * from './react-children-utilities';
-export * from './tokens';

package/dist/lib/isFunction.d.ts

@@ -1,3 +0,0 @@
-import { ValueOrFunction, ValueFunction } from '../types';
-export declare const isFunction: <TValue, TArg>(// eslint-disable-line import/prefer-default-export
-valOrFunction: ValueOrFunction<TValue, TArg>) => valOrFunction is ValueFunction<TValue, TArg>;

package/dist/lib/mergeRefs.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T> | undefined | null>): React.RefCallback<T>;

package/dist/lib/prefersReducedMotion.d.ts

@@ -1 +0,0 @@
-export declare const prefersReducedMotion: () => boolean;

package/dist/lib/react-children-utilities/filter.d.ts

@@ -1,3 +0,0 @@
-import { ReactNode } from 'react';
-export type FilterFunction = (child: ReactNode, index?: number, children?: ReactNode[]) => boolean;
-export declare const filter: (children: ReactNode, filterFn: FilterFunction) => ReactNode[];

package/dist/lib/react-children-utilities/index.d.ts

@@ -1 +0,0 @@
-export * from './filter';

package/dist/lib/reactRouterClickHandler.d.ts

@@ -1,12 +0,0 @@
-import { MouseEvent, AnchorHTMLAttributes } from 'react';
-export declare const isModifiedEvent: (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => boolean;
-/**
- * Due to react-router's handling of custom components used in RR <Link>
- * we must add this validation that ensures the router will execute the passed `navigate`
- * prop, thus navigating the user without triggering a refresh.
- *
- * SOURCES:
- *    https://github.com/ReactTraining/react-router/issues/7727
- *    https://github.com/ReactTraining/react-router/issues/7761
- * */
-export declare const handleReactRouterClick: (event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>, onClick: ((e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void) | undefined, target: AnchorHTMLAttributes<HTMLAnchorElement>["target"] | undefined, navigate: (() => void) | undefined) => void;

package/dist/lib/resolveValue.d.ts

@@ -1,3 +0,0 @@
-import { ValueOrFunction } from '../types';
-export declare const resolveValue: <TValue, TArg>(// eslint-disable-line import/prefer-default-export
-valOrFunction: ValueOrFunction<TValue, TArg>, arg: TArg) => TValue;

package/dist/lib/tokens.d.ts

@@ -1,22 +0,0 @@
-import { BaseColor, BackgroundColor, BorderColor, BorderRadiusSize, BorderSize, Breakpoint, BreakpointSizeWithBase, BoxShadowSize, ColorName, FontColor, FontSize, FontFamily, FontWeight, HeadingSize, HeightSize, IconName, LineHeightSize, SpacingSize, WidthSize, ZIndexSize } from '../types';
-export declare const ICON_NAMES: IconName[];
-export declare const BORDER_RADIUS_OPTIONS: BorderRadiusSize[];
-export declare const BORDER_SIZE_OPTIONS: BorderSize[];
-export declare const BREAKPOINT_OPTIONS: BreakpointSizeWithBase[];
-export declare const BREAKPOINTS: Breakpoint[];
-export declare const BASE_COLOR_OPTIONS: BaseColor[];
-export declare const BASE_COLOR_NAMES: ColorName[];
-export declare const FONT_COLOR_OPTIONS: FontColor[];
-export declare const BACKGROUND_COLOR_OPTIONS: BackgroundColor[];
-export declare const BORDER_COLOR_OPTIONS: BorderColor[];
-export declare const FONT_SIZE_OPTIONS: FontSize[];
-export declare const FONT_FAMILY_OPTIONS: FontFamily[];
-export declare const FONT_WEIGHT_OPTIONS: FontWeight[];
-export declare const HEADING_SIZE_OPTIONS: HeadingSize[];
-export declare const HEIGHT_OPTIONS: HeightSize[];
-export declare const LINE_HEIGHT_OPTIONS: LineHeightSize[];
-export declare const SPACING_OPTIONS: SpacingSize[];
-export declare const WIDTH_OPTIONS: WidthSize[];
-export declare const Z_INDEX_OPTIONS: ZIndexSize[];
-export declare const Z_INDEX_VALUES: any;
-export declare const BOX_SHADOW_OPTIONS: BoxShadowSize[];

package/dist/modes.d.ts

@@ -1,8 +0,0 @@
-export declare const allModes: {
-    light: {
-        theme: string;
-    };
-    dark: {
-        theme: string;
-    };
-};

package/dist/types/index.d.ts

@@ -1,103 +0,0 @@
-import { Key, KeyboardEvent, MouseEvent, ReactNode } from 'react';
-import { BorderRadiusSize as BorderRadius, SpacingSize, BreakpointSize, HeightSize, WidthSize } from '@hyphen/hyphen-design-tokens/build/types';
-export type { IconName, BackgroundColor, BaseColor, BorderColor, BorderSize, BoxShadowSize, BreakpointSize, ColorName, FontColor, FontFamily, FontSize, FontWeight, HeadingSize, HeightSize, LineHeightSize, SpacingSize, TextDecorationLine, TextDecorationStyle, TextTransform, TextWrap, WidthSize, WhiteSpace, WordBreak, ZIndexSize, } from '@hyphen/hyphen-design-tokens/build/types';
-export type BreakpointSizeWithBase = BreakpointSize | 'base';
-export type Breakpoint = {
-    name: BreakpointSizeWithBase;
-    minWidth: number;
-};
-export type DimensionSize = WidthSize | HeightSize;
-export type UnknownPropertiesObjType = {
-    [key: string]: any;
-};
-export interface FlexProperty {
-    flexGrow?: number | string;
-    flexShrink?: number | string;
-    flexBasis?: number | string;
-    flex?: number | string;
-}
-export type StylesAndClasses<T> = {
-    styles?: T;
-    classes?: string[];
-};
-export type CssDimensionAbbreviation = 'h' | 'w' | 'mw' | 'mh' | 'minw' | 'minh';
-export type CssDimensionUnit = 'px' | 'rem' | 'em' | '%';
-export type CssDimensionValue = `${number}${CssDimensionUnit}`;
-export type CssSpacingAbbreviation = 'm' | 'p';
-export type CssJustifyContentValue = 'space-around' | 'space-between' | 'center' | 'flex-end' | 'space-evenly' | 'flex-start' | 'stretch';
-export type CssAlignContentValue = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
-export type CssFlexDirectionValue = 'column' | 'column-reverse' | 'row' | 'row-reverse' | undefined;
-export type CssAlignItemsValue = 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
-export type CssFlexValue = 'auto' | 'initial' | 'none' | 'inherit' | 'unset';
-export type CssOverflowValue = 'visible' | 'hidden' | 'clip' | 'auto' | 'scroll' | 'inherit' | 'initial' | 'unset';
-export type CssDisplayValue = 'none' | 'flex' | 'inline-flex' | 'block' | 'inline-block' | 'inline' | 'inherit' | 'grid' | 'table-cell' | 'contents';
-export type CssWhiteSpaceValue = 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line';
-export type CssWordBreakValue = 'normal' | 'all' | 'keep';
-export type CssTextAlignValue = 'left' | 'center' | 'right';
-export type BaseSpacing = SpacingSize | string | undefined;
-export type BorderRadiusSize = BorderRadius | string | undefined;
-export declare type ResponsiveProp<T> = {
-    [breakpoint in BreakpointSizeWithBase]?: T;
-};
-export type Row = UnknownPropertiesObjType;
-export type Cell = string | number | {
-    [key: string]: unknown;
-} | unknown[];
-export declare type Column = {
-    /**
-     * Text alignment for column cells (including header alignment). Cells will default to left if not defined.
-     */
-    align?: 'left' | 'right' | 'center';
-    /**
-     * CSS Class to be applied uniformly to all individual cells in a column.
-     */
-    cellClassName?: string | ((cell?: Cell, row?: Row, rowIndex?: number) => string);
-    /**
-     * The key value to be rendered based on the table `rows`.
-     */
-    dataKey?: string;
-    /**
-     * Placeholder for empty cells Applies only to the cells of the particular column with this prop.
-     */
-    emptyCellPlaceholder?: string | number | undefined;
-    /**
-     * The heading/title of a column.
-     */
-    heading?: ReactNode;
-    /**
-     * CSS Class to be applied to the column header cell.
-     */
-    headerClassName?: string;
-    /**
-     * A custom key to be used when rendering the column array.
-     * Not required as our table auto-generates static, but unique column keys if not passed in.
-     */
-    key?: Key;
-    /**
-     * Whether the column data is sortable. Controls whether sorting controls should be displayed.
-     */
-    isSortable?: boolean;
-    /**
-     * Render method for column cell data. Provides ability to render any aspect of the cell/row with custom
-     * markup.
-     */
-    render?: (cell?: Cell, row?: Row, rowIndex?: number) => ReactNode;
-    /**
-     * Whether the column is stuck to the left or right.
-     */
-    sticky?: 'left' | 'right';
-    /**
-     * Whether long text should be truncated based on column width. Use in tandem with column width as well as
-     * `useFixedWidthColumns` prop in the parent table.
-     */
-    truncateOverflow?: boolean;
-    /**
-     * Specific width of the column. Use in tandem with `useFixedWidthColumns` in the parent table.
-     */
-    width?: number;
-};
-export type EventWithColumnKey = (MouseEvent<HTMLTableHeaderCellElement> | KeyboardEvent<HTMLTableHeaderCellElement>) & {
-    sortedKey: Key | undefined;
-};
-export type ValueFunction<TValue, TArg> = (arg: TArg) => TValue;
-export type ValueOrFunction<TValue, TArg> = TValue | ValueFunction<TValue, TArg>;

package/dist/types/lib.types.d.ts

@@ -1,3 +0,0 @@
-export type KnownKeys<T> = keyof {
-    [K in keyof T as string extends K ? never : K]: K;
-};