@norges-domstoler/dds-components 13.6.0 → 13.6.1

package/dist/types/BaseComponentProps.d.ts

@@ -1,58 +0,0 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-/**
- * Basetype for props som eksponeres til konsumenter av designsystemet.
- * Lager en intersection-type med props som sendes inn og `id` og `htmlProps`
- * slik at man kan ha `HTMLAttributes`-props på komponenter som eksponeres
- * av designsystemet. Se også {@link BaseComponentPropsWithChildren} og
- * {@link getBaseHTMLProps}.
- *
- * @template TElement Element-type som genereres av komponenten.
- * @template TOtherProps Andre props komponenten skal eksponere til konsumenter.
- * @template THTMLAttributesProps Standard `HTMLAttributes<T>` men kan overstyres for f.eks knapper hvis man trenger en annen basetype for `htmlProps`.
- */
-export type BaseComponentProps<TElement extends Element, TOtherProps extends Record<string, unknown> = Record<string, unknown>, THTMLAttributesProps extends HTMLAttributes<TElement> = HTMLAttributes<TElement>> = Pick<THTMLAttributesProps, 'id' | 'className'> & TOtherProps & {
-    /**Ekstra HTML-attributter som vil settes på elementet som genereres. Untatt `id` og `className` som settes på toppnivå. */
-    htmlProps?: THTMLAttributesProps;
-};
-/**
- * Utvidelese av {@link BaseComponentProps} med prop for `children`.
- *
- * {@link BaseComponentProps}
- */
-export type BaseComponentPropsWithChildren<T extends Element, TProps extends Record<string, unknown> = Record<string, unknown>, THTMLProps extends HTMLAttributes<T> = HTMLAttributes<T>> = BaseComponentProps<T, PropsWithChildren<TProps>, THTMLProps>;
-export declare const joinClassNames: (...classNames: (string | undefined)[]) => string;
-type GetBaseHTMLProps = {
-    <T extends Element>(id: HTMLAttributes<T>['id'], className: HTMLAttributes<T>['className'], htmlProps: HTMLAttributes<T> | undefined, unknownProps: object): HTMLAttributes<T> & object;
-    <T extends Element>(id: HTMLAttributes<T>['id'], htmlProps: HTMLAttributes<T> | undefined, unknownProps: object): HTMLAttributes<T> & object;
-};
-/**
- * Slår sammen id, className, htmlProps og unknownProps til ett objekt
- * som kan spreades som baseprops for en komponent. `unknownProps` er
- * med for å sikre at aria- og data- attributter blir spreadet, alle
- * komponenter må derfor ta hensyn til `...rest` når de leser props.
- *
- * Typisk bruk:
- * ```
- * const Props = BaseComponentProps<HTMLElement, {
- *   propA: string,
- *   propB: string,
- * }>
- *
- * const MyComponent = (props: Props) => {
- *   const { propA, propB, id, className, htmlProps, ...rest } = props;
- *
- *   const wrapperProps = getBaseHTMLProps(id, className, htmlProps, rest)
- *
- *   return <div {...wrapperProps}>innhold</div>
- * }
- * ```
- * @param id id fra props til komponenten.
- * @param className className for komponenten.
- * @param htmlProps htmlProps fra komponenten.
- * @param unknownProps andre ukjente props som skal spreades, kommer typisk fra `...rest` når man leser props til komponenten.
- * @returns Objekt med alle argumentene som kan spreades.
- *
- * Kan også kalles uten `className`-parameteret. Oppførselen er lik.
- */
-export declare const getBaseHTMLProps: GetBaseHTMLProps;
-export {};

package/dist/types/BaseComponentProps.js

@@ -1,66 +0,0 @@
-import { __rest } from 'tslib';
-
-var joinClassNames = function joinClassNames() {
-  for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
-    classNames[_key] = arguments[_key];
-  }
-  return classNames.filter(Boolean).join(' ');
-};
-/**
- * Slår sammen id, className, htmlProps og unknownProps til ett objekt
- * som kan spreades som baseprops for en komponent. `unknownProps` er
- * med for å sikre at aria- og data- attributter blir spreadet, alle
- * komponenter må derfor ta hensyn til `...rest` når de leser props.
- *
- * Typisk bruk:
- * ```
- * const Props = BaseComponentProps<HTMLElement, {
- *   propA: string,
- *   propB: string,
- * }>
- *
- * const MyComponent = (props: Props) => {
- *   const { propA, propB, id, className, htmlProps, ...rest } = props;
- *
- *   const wrapperProps = getBaseHTMLProps(id, className, htmlProps, rest)
- *
- *   return <div {...wrapperProps}>innhold</div>
- * }
- * ```
- * @param id id fra props til komponenten.
- * @param className className for komponenten.
- * @param htmlProps htmlProps fra komponenten.
- * @param unknownProps andre ukjente props som skal spreades, kommer typisk fra `...rest` når man leser props til komponenten.
- * @returns Objekt med alle argumentene som kan spreades.
- *
- * Kan også kalles uten `className`-parameteret. Oppførselen er lik.
- */
-var getBaseHTMLProps = function getBaseHTMLProps(id, htmlPropsOrClassName, htmlPropsOrUnknownProps, unknownPropsOrUndefined) {
-  var _a, _b;
-  if (typeof htmlPropsOrClassName === 'string' || unknownPropsOrUndefined != undefined) {
-    var _c = (_a = htmlPropsOrUnknownProps) !== null && _a !== void 0 ? _a : {},
-      idFromHtmlProps = _c.id,
-      classNameFromHtmlProps = _c.className,
-      restHTMLProps = __rest(_c, ["id", "className"]);
-    var propId = id !== null && id !== void 0 ? id : idFromHtmlProps;
-    var propClassName = joinClassNames(htmlPropsOrClassName, classNameFromHtmlProps);
-    return Object.assign(Object.assign(Object.assign(Object.assign({}, unknownPropsOrUndefined), restHTMLProps), propClassName && {
-      className: propClassName
-    }), propId && {
-      id: propId
-    });
-  } else {
-    var _d = (_b = htmlPropsOrClassName) !== null && _b !== void 0 ? _b : {},
-      htmlPropsId = _d.id,
-      htmlPropsClassName = _d.className,
-      _restHTMLProps = __rest(_d, ["id", "className"]);
-    var _propId = id !== null && id !== void 0 ? id : htmlPropsId;
-    return Object.assign(Object.assign(Object.assign(Object.assign({}, htmlPropsOrUnknownProps), _restHTMLProps), htmlPropsClassName && {
-      className: htmlPropsClassName
-    }), _propId && {
-      id: _propId
-    });
-  }
-};
-
-export { getBaseHTMLProps, joinClassNames };

package/dist/types/CheckboxPickedHTMLAttributes.d.ts

@@ -1,2 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-export type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;

package/dist/types/Direction.d.ts

@@ -1 +0,0 @@
-export type Direction = 'row' | 'column';

package/dist/types/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Direction';
-export * from './BaseComponentProps';
-export * from './CheckboxPickedHTMLAttributes';
-export * from './utils';

package/dist/types/utils.d.ts

@@ -1,15 +0,0 @@
-/**
- * Gir tilbake `T` med properties fra `K` som påkrevd gitt at `Condition` er `true`
- *
- * @template Condition
- * @template T
- * @template K
- */
-export type WithRequiredIf<Condition extends boolean, T, K extends keyof T> = Omit<T, K> & Pick<true extends Condition ? Required<T> : T, K>;
-/**
- * Gir tilbake typer fra `T` som matcher `U`
- *
- * @template T en union type
- * @template U delmengde av `T`
- */
-export type ExtractStrict<T, U extends T> = U;

package/dist/utils/color.d.ts

@@ -1,30 +0,0 @@
-import { Property } from 'csstype';
-export type ColorAlphaFormat = 'hex8' | 'decimal';
-export declare const convertAlpha: (value: number | string, typeFrom: ColorAlphaFormat, typeTo: ColorAlphaFormat) => string | number | undefined;
-export declare const hexToRGBA: (hex: string) => string;
-export declare const addAlphaToRGB: (rgb: string, alpha: number | string) => string;
-export declare const RGBToHex: (value: string) => string;
-export declare const changeRGBAAlpha: (value: string, alpha: number) => string;
-export declare const textColors: {
-    interactive: string;
-    primary: string;
-    danger: string;
-    success: string;
-    warning: string;
-    onLight: string;
-    onDark: string;
-    gray1: string;
-    gray2: string;
-    gray3: string;
-    gray4: string;
-    gray5: string;
-    gray6: string;
-    gray7: string;
-    gray8: string;
-    gray9: string;
-};
-export type DDSTextColor = 'interactive' | 'primary' | 'danger' | 'warning' | 'success' | 'onLight' | 'onDark' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'gray9';
-export declare const textColorsArray: string[];
-export type TextColor = DDSTextColor | Property.Color;
-export declare function isTextColor(color: string): color is DDSTextColor;
-export declare const getTextColor: (color: TextColor) => TextColor;

package/dist/utils/color.js

@@ -1,38 +0,0 @@
-import { ddsBaseTokens, ddsReferenceTokens } from '@norges-domstoler/dds-design-tokens';
-
-var colors = ddsBaseTokens.colors;
-var textDefault = ddsReferenceTokens.textDefault;
-var changeRGBAAlpha = function changeRGBAAlpha(value, alpha) {
-  if (value.slice(0, 5) !== 'rgba(' || value.slice(-1) !== ')') {
-    return '';
-  }
-  return value.replace(/[\d\.]+\)$/g, alpha.toString() + ')');
-};
-var textColors = {
-  interactive: colors.DdsColorInteractiveBase,
-  primary: colors.DdsColorPrimaryBase,
-  danger: colors.DdsColorDangerBase,
-  success: colors.DdsColorSuccessBase,
-  warning: colors.DdsColorWarningBase,
-  onLight: textDefault.textColor,
-  onDark: colors.DdsColorNeutralsWhite,
-  gray1: colors.DdsColorNeutralsGray1,
-  gray2: colors.DdsColorNeutralsGray2,
-  gray3: colors.DdsColorNeutralsGray3,
-  gray4: colors.DdsColorNeutralsGray4,
-  gray5: colors.DdsColorNeutralsGray5,
-  gray6: colors.DdsColorNeutralsGray6,
-  gray7: colors.DdsColorNeutralsGray7,
-  gray8: colors.DdsColorNeutralsGray8,
-  gray9: colors.DdsColorNeutralsGray9
-};
-var textColorsArray = ['interactive', 'primary', 'danger', 'success', 'warning', 'onLight', 'onDark', 'gray1', 'gray2', 'gray3', 'gray4', 'gray5', 'gray6', 'gray7', 'gray8', 'gray9'];
-function isTextColor(color) {
-  return textColorsArray.indexOf(color) !== -1;
-}
-var getTextColor = function getTextColor(color) {
-  if (isTextColor(color)) return textColors[color];
-  return color;
-};
-
-export { changeRGBAAlpha, getTextColor, isTextColor, textColors, textColorsArray };

package/dist/utils/combineHandlers.d.ts

@@ -1 +0,0 @@
-export declare const combineHandlers: <T>(handler1?: Callback<T> | undefined, handler2?: Callback<T> | undefined) => Callback<T>;

package/dist/utils/combineHandlers.js

@@ -1,9 +0,0 @@
-var combineHandlers = function combineHandlers(handler1, handler2) {
-  var callback = function callback(event) {
-    handler1 && handler1(event);
-    handler2 && handler2(event);
-  };
-  return callback;
-};
-
-export { combineHandlers };

package/dist/utils/getFocusableElements.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare function getFocusableElements<T extends HTMLElement>(elementRef: RefObject<T>): NodeListOf<HTMLElement> | [];

package/dist/utils/getFocusableElements.js

@@ -1,5 +0,0 @@
-function getFocusableElements(elementRef) {
-  return elementRef && elementRef.current ? elementRef.current.querySelectorAll('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])') : [];
-}
-
-export { getFocusableElements };

package/dist/utils/getScrollbarSize.d.ts

@@ -1 +0,0 @@
-export declare function getScrollbarSize(document: Document): number;

package/dist/utils/idGenerator.d.ts

@@ -1,2 +0,0 @@
-export declare const derivativeIdGenerator: (prefix: string, suffix: string) => string;
-export declare const spaceSeparatedIdListGenerator: (values: (string | undefined)[]) => string | undefined;

package/dist/utils/idGenerator.js

@@ -1,9 +0,0 @@
-var derivativeIdGenerator = function derivativeIdGenerator(prefix, suffix) {
-  return "".concat(prefix, "-").concat(suffix);
-};
-var spaceSeparatedIdListGenerator = function spaceSeparatedIdListGenerator(values) {
-  var filtered = values.filter(Boolean);
-  return filtered.length > 0 ? filtered.join(' ') : undefined;
-};
-
-export { derivativeIdGenerator, spaceSeparatedIdListGenerator };

package/dist/utils/index.d.ts

@@ -1,7 +0,0 @@
-export * from './combineHandlers';
-export * from './idGenerator';
-export * from './getScrollbarSize';
-export * from './text';
-export * from './color';
-export * from './getFocusableElements';
-export * from './searchFilter';

package/dist/utils/searchFilter.d.ts

@@ -1,2 +0,0 @@
-export declare function escapeRegexCharacters(text: string): string;
-export declare function searchFilter(text: string, query: string): boolean;

package/dist/utils/searchFilter.js

@@ -1,10 +0,0 @@
-function escapeRegexCharacters(text) {
-  return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
-}
-function searchFilter(text, query) {
-  // Søkeordet er enten først i teksten, eller så har det mellomrom, bindestrek eller start-parentes før seg.
-  var searchFilterRegex = new RegExp("(?:^|[\\s-(])".concat(escapeRegexCharacters(query.toLowerCase())));
-  return searchFilterRegex.test(text.toLowerCase());
-}
-
-export { escapeRegexCharacters, searchFilter };

package/dist/utils/text.d.ts

@@ -1,2 +0,0 @@
-export declare const calculateHeightWithLineHeight: (lineHeight: number, fontSize: number) => number;
-export declare const firstLetterToUpperCase: (text: string) => string;

package/dist/utils/text.js

@@ -1,5 +0,0 @@
-var calculateHeightWithLineHeight = function calculateHeightWithLineHeight(lineHeight, fontSize) {
-  return lineHeight * 0.01 * fontSize;
-};
-
-export { calculateHeightWithLineHeight };