@equinor/eds-core-react 0.17.0 → 0.18.0-dev.20220210

package/dist/esm/utils/templates/borders.js

@@ -1,35 +0,0 @@
-import { css } from 'styled-components';
-import { shorthand } from './common.js';
-
-const bordersTemplate = border => {
-  var _border$left, _border$left2, _border$right, _border$right2;
-
-  if (!border) {
-    return css({});
-  }
-
-  switch (border.type) {
-    case 'border':
-      return css({
-        border: shorthand(border),
-        borderRadius: border.radius
-      });
-
-    case 'bordergroup':
-      return css({
-        borderBottom: shorthand(border.bottom),
-        borderTop: shorthand(border.top),
-        borderLeft: shorthand(border.left),
-        borderRight: shorthand(border.right),
-        borderBottomLeftRadius: border === null || border === void 0 ? void 0 : (_border$left = border.left) === null || _border$left === void 0 ? void 0 : _border$left.radius,
-        borderTopLeftRadius: border === null || border === void 0 ? void 0 : (_border$left2 = border.left) === null || _border$left2 === void 0 ? void 0 : _border$left2.radius,
-        borderBottomRightRadius: border === null || border === void 0 ? void 0 : (_border$right = border.right) === null || _border$right === void 0 ? void 0 : _border$right.radius,
-        borderTopRightRadius: border === null || border === void 0 ? void 0 : (_border$right2 = border.right) === null || _border$right2 === void 0 ? void 0 : _border$right2.radius
-      });
-
-    default:
-      return css({});
-  }
-};
-
-export { bordersTemplate };

package/dist/esm/utils/templates/common.js

@@ -1,19 +0,0 @@
-const shorthand = token => {
-  if (!token) {
-    return undefined;
-  }
-
-  const {
-    width = '',
-    style = '',
-    color = ''
-  } = token;
-
-  if (!width) {
-    return null;
-  }
-
-  return "".concat(width, " ").concat(style, " ").concat(color);
-};
-
-export { shorthand };

package/dist/esm/utils/templates/focus.js

@@ -1,35 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '@equinor/eds-tokens';
-import { shorthand } from './common.js';
-
-const {
-  colors: {
-    interactive: {
-      focus: {
-        rgba: focusColor
-      }
-    }
-  }
-} = tokens;
-const outlineTemplate = outline => {
-  const {
-    color = focusColor,
-    style = 'dashed',
-    width = '1px',
-    offset = '0px',
-    type
-  } = outline;
-  const outline_ = {
-    color,
-    style,
-    width,
-    offset,
-    type
-  };
-  return css({
-    outline: shorthand(outline_),
-    outlineOffset: outline_.offset
-  });
-};
-
-export { outlineTemplate };

package/dist/esm/utils/templates/index.js

@@ -1,52 +0,0 @@
-import { css } from 'styled-components';
-
-const typographyTemplate = (typography, link) => {
-  if (!typography) {
-    return '';
-  }
-
-  let base = "\n  margin: 0;\n  color: ".concat(typography.color, ";\n  font-family: ").concat(typography.fontFamily, ";\n  font-size: ").concat(typography.fontSize, ";\n  font-weight: ").concat(typography.fontWeight, ";\n  line-height: ").concat(typography.lineHeight, ";\n  ");
-
-  if (typography.fontStyle) {
-    base += "\nfont-style: ".concat(typography.fontStyle, ";");
-  }
-
-  if (typography.letterSpacing) {
-    base += "\nletter-spacing: ".concat(typography.letterSpacing, ";");
-  }
-
-  if (typography.textTransform) {
-    base += "\ntext-transform: ".concat(typography.textTransform, ";");
-  }
-
-  if (typography.textDecoration) {
-    base += "\ntext-decoration: ".concat(typography.textDecoration, ";");
-  }
-
-  if (typography.textAlign) {
-    base += "\ntext-align: ".concat(typography.textAlign, ";");
-  }
-
-  if (typography.fontFeature) {
-    base += "\nfont-feature-settings: ".concat(typography.fontFeature, ";");
-  }
-
-  if (link) {
-    base += "\ncursor: pointer;";
-  }
-
-  return base;
-};
-const spacingsTemplate = ({
-  left,
-  right,
-  top,
-  bottom
-}) => css({
-  paddingLeft: left,
-  paddingTop: top,
-  paddingRight: right,
-  paddingBottom: bottom
-});
-
-export { spacingsTemplate, typographyTemplate };

package/dist/types/components/Combobox/Combobox.d.ts

@@ -1,55 +0,0 @@
-import { SelectHTMLAttributes } from 'react';
-export declare type ComboboxChanges = {
-    selectedItems: string[];
-    inputValue: string;
-};
-export declare type ComboboxProps = {
-    /** List of options to choose from */
-    items: string[];
-    /** Label for the select element */
-    label: string;
-    /** Array of initial selected items */
-    initialSelectedItems?: string[];
-    /** Meta text, for instance unit */
-    meta?: string;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Read Only */
-    readOnly?: boolean;
-    /** If this prop is used, the select will become a controlled component. Use an empty
-     * array [] if there will be no initial selected items
-     * Note that this prop replaces the need for ```initialSelectedItems```
-     * The items that should be selected. */
-    selectedOptions?: string[];
-    /** Callback for the selected item change
-     * changes.selectedItem gives the selected item
-     */
-    handleSelectedItemsChange?: (changes: ComboboxChanges) => void;
-    /** Enable multiselect */
-    multiple?: boolean;
-} & SelectHTMLAttributes<HTMLSelectElement>;
-export declare const Combobox: import("react").ForwardRefExoticComponent<{
-    /** List of options to choose from */
-    items: string[];
-    /** Label for the select element */
-    label: string;
-    /** Array of initial selected items */
-    initialSelectedItems?: string[];
-    /** Meta text, for instance unit */
-    meta?: string;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Read Only */
-    readOnly?: boolean;
-    /** If this prop is used, the select will become a controlled component. Use an empty
-     * array [] if there will be no initial selected items
-     * Note that this prop replaces the need for ```initialSelectedItems```
-     * The items that should be selected. */
-    selectedOptions?: string[];
-    /** Callback for the selected item change
-     * changes.selectedItem gives the selected item
-     */
-    handleSelectedItemsChange?: (changes: ComboboxChanges) => void;
-    /** Enable multiselect */
-    multiple?: boolean;
-} & SelectHTMLAttributes<HTMLSelectElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Combobox/Combobox.tokens.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentToken } from '@equinor/eds-tokens';
-export declare const selectTokens: ComponentToken;
-export declare const multiSelect: ComponentToken;

package/dist/types/components/Combobox/index.d.ts

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

package/dist/types/components/Dialog/Actions.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare type DialogActionsProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Actions: import("react").ForwardRefExoticComponent<DialogActionsProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Dialog/Title.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare type DialogTitleProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Title: import("react").ForwardRefExoticComponent<DialogTitleProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/hooks/index.d.ts

@@ -1,9 +0,0 @@
-export { useOutsideClick } from './useOutsideClick';
-export { useCombinedRefs } from './useCombinedRefs';
-export * from './usePopper';
-export { useGlobalKeyPress } from './useGlobalKeyPress';
-export { useId } from './useId';
-export { useIsMounted } from './useMountedRef';
-export { useAutoResize } from './useAutoResize';
-export * from './useToken';
-export { useHideBodyScroll } from './useHideBodyScroll';

package/dist/types/hooks/useAutoResize.d.ts

@@ -1 +0,0 @@
-export declare const useAutoResize: (targetEl: HTMLElement, maxHeight?: number) => void;

package/dist/types/hooks/useCombinedRefs.d.ts

@@ -1,3 +0,0 @@
-import type { RefCallback, Ref } from 'react';
-/** Returns a memoized function that calls passed refs sequentially with passed element */
-export declare const useCombinedRefs: <T extends HTMLElement>(...refs: Ref<T>[]) => (instance: T) => void;

package/dist/types/hooks/useGlobalKeyPress.d.ts

@@ -1,10 +0,0 @@
-declare enum KEY {
-    Escape = "Escape",
-    Enter = "Enter",
-    Tab = "Tab",
-    ArrowDown = "ArrowDown",
-    ArrowUp = "ArrowUp"
-}
-declare type KEYTYPES = keyof typeof KEY;
-export declare const useGlobalKeyPress: (targetKey: KEYTYPES, callback: (e: KeyboardEvent) => void) => void;
-export {};

package/dist/types/hooks/useHideBodyScroll.d.ts

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

package/dist/types/hooks/useId.d.ts

@@ -1 +0,0 @@
-export declare const useId: (idOverride: string, type?: string) => string;

package/dist/types/hooks/useMountedRef.d.ts

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

package/dist/types/hooks/useOutsideClick.d.ts

@@ -1 +0,0 @@
-export declare const useOutsideClick: (el: HTMLElement, callback: (e: MouseEvent) => void) => void;

package/dist/types/hooks/usePopper.d.ts

@@ -1,12 +0,0 @@
-import type { CSSProperties } from 'react';
-export declare type Placement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
-export declare const usePopper: (anchorEl: HTMLElement, popperEl: HTMLElement, arrowRef?: HTMLElement | string, placement?: Placement, offset?: number) => {
-    styles: {
-        [key: string]: CSSProperties;
-    };
-    attributes: {
-        [key: string]: {
-            [key: string]: string;
-        };
-    };
-};

package/dist/types/hooks/useToken.d.ts

@@ -1,7 +0,0 @@
-import type { ComponentToken } from '@equinor/eds-tokens';
-import type { Density } from '../components/EdsProvider';
-declare type UseToken = (options: {
-    density: Density;
-}, token: ComponentToken) => () => ComponentToken;
-export declare const useToken: UseToken;
-export {};

package/dist/types/utils/index.d.ts

@@ -1,4 +0,0 @@
-export * from './templates';
-export { joinHandlers } from './joinHandlers';
-export { setReactInputValue } from './setReactInputValue';
-export declare const trimSpaces: (text: string) => string;

package/dist/types/utils/joinHandlers.d.ts

@@ -1,3 +0,0 @@
-declare type Callback<T> = (e: T) => void;
-export declare const joinHandlers: <T>(handler1?: Callback<T>, handler2?: Callback<T>) => Callback<T>;
-export {};

package/dist/types/utils/setReactInputValue.d.ts

@@ -1,7 +0,0 @@
-declare type ReactInternalHack = {
-    _valueTracker?: {
-        setValue: (a: string) => void;
-    };
-};
-export declare const setReactInputValue: (input: HTMLInputElement & ReactInternalHack, value: string) => void;
-export {};

package/dist/types/utils/templates/borders.d.ts

@@ -1,2 +0,0 @@
-import type { Borders } from '@equinor/eds-tokens';
-export declare const bordersTemplate: (border: Borders) => import("styled-components").FlattenSimpleInterpolation;

package/dist/types/utils/templates/common.d.ts

@@ -1,9 +0,0 @@
-import type { FlattenSimpleInterpolation } from 'styled-components';
-export declare type StyledCSS = FlattenSimpleInterpolation;
-declare type Shorthand = (token: {
-    width?: string | number;
-    style?: string;
-    color?: string;
-}) => string;
-export declare const shorthand: Shorthand;
-export {};

package/dist/types/utils/templates/focus.d.ts

@@ -1,2 +0,0 @@
-import { Outline } from '@equinor/eds-tokens';
-export declare const outlineTemplate: (outline: Outline) => import("styled-components").FlattenSimpleInterpolation;

package/dist/types/utils/templates/index.d.ts

@@ -1,7 +0,0 @@
-import type { FlattenSimpleInterpolation } from 'styled-components';
-import type { Typography, Border, Spacing } from '@equinor/eds-tokens';
-export * from './borders';
-export * from './focus';
-export declare const typographyTemplate: (typography: Partial<Typography>, link?: boolean) => string;
-export declare const spacingsTemplate: ({ left, right, top, bottom, }: Spacing) => FlattenSimpleInterpolation;
-export declare const boxshadowTemplate: (border: Border) => FlattenSimpleInterpolation;