@norges-domstoler/dds-components 12.1.3 → 13.0.1

package/dist/components/Search/Search.utils.js

@@ -0,0 +1,35 @@
+/**
+ * Lager en change-event som kan resette verdien i et input-felt.
+ * Dette vil resultere i en event som har: event.target.value = ''.
+ *
+ * @param inputElementId Id'en til et gitt input-felt
+ * @returns En change-event som har en tom streng som target value
+ */
+function createEmptyChangeEvent(inputElementId) {
+  var inputElement = document.getElementById(inputElementId);
+  inputElement.value = '';
+  var emptyChangeEvent = {
+    target: inputElement,
+    currentTarget: inputElement,
+    bubbles: true,
+    cancelable: false,
+    defaultPrevented: false,
+    eventPhase: 0,
+    isTrusted: false,
+    preventDefault: function preventDefault() {},
+    stopPropagation: function stopPropagation() {},
+    nativeEvent: new Event('input'),
+    persist: function persist() {},
+    type: 'change',
+    timeStamp: Date.now(),
+    isDefaultPrevented: function isDefaultPrevented() {
+      return false;
+    },
+    isPropagationStopped: function isPropagationStopped() {
+      return false;
+    }
+  };
+  return emptyChangeEvent;
+}
+
+export { createEmptyChangeEvent };

package/dist/components/Spinner/Spinner.d.ts

@@ -7,5 +7,7 @@ export type SpinnerProps = BaseComponentProps<SVGElement, {
     color?: TextColor | string;
     /**Størrelse; Setter høyde og bredde på spinneren. */
     size?: Property.Width<string>;
+    /**Tekst som vises ved hover. */
+    tooltip?: string;
 }>;
 export declare function Spinner(props: SpinnerProps): JSX.Element;

package/dist/components/Spinner/Spinner.js

@@ -34,10 +34,12 @@ function Spinner(props) {
     size = _props$size === void 0 ? ddsBaseTokens.iconSizes.DdsIconsizeMedium : _props$size,
     _props$color = props.color,
     color = _props$color === void 0 ? 'interactive' : _props$color,
+    _props$tooltip = props.tooltip,
+    tooltip = _props$tooltip === void 0 ? 'Innlasting pågår' : _props$tooltip,
     id = props.id,
     className = props.className,
     htmlProps = props.htmlProps,
-    rest = __rest(props, ["size", "color", "id", "className", "htmlProps"]);
+    rest = __rest(props, ["size", "color", "tooltip", "id", "className", "htmlProps"]);
   var mountTime = React.useRef(Date.now());
   var outerAnimationDelay = -(mountTime.current % 2000);
   var innerAnimationDelay = -(mountTime.current % 1500);
@@ -56,10 +58,10 @@ function Spinner(props) {
     role: "img",
     "aria-labelledby": uniqueId
   }, spinnerProps, {
-    children: [jsx("title", Object.assign({
+    children: [tooltip && jsx("title", Object.assign({
       id: uniqueId
     }, {
-      children: "innlastning p\xE5g\xE5r"
+      children: tooltip
     })), jsx(Circle, Object.assign({}, circleProps, {
       cx: "25",
       cy: "25",

package/dist/components/Spinner/Spinner.stories.d.ts

@@ -13,8 +13,14 @@ declare const _default: {
                 type: string;
             };
         };
+        tooltip: {
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
     };
 };
 export default _default;
-export declare const Overview: () => JSX.Element;
+export declare const Overview: (args: SpinnerProps) => JSX.Element;
 export declare const Default: (args: SpinnerProps) => JSX.Element;

package/dist/components/Stack/Stack.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import { stackTokens } from './Stack.tokens';
 import { BaseComponentPropsWithChildren } from '../../types';
-type Align = 'stretch' | 'center' | 'flex-start' | 'flex-end';
-type Justify = 'flex-start' | 'flex-end' | 'space-between' | 'space-around';
+import { StandardProperties } from 'csstype';
 export interface StackStyleProps {
     /**
      * Hvilken retning elementene skal plasseres i.
@@ -12,12 +11,12 @@ export interface StackStyleProps {
      * CSS `align-items`.
      * @default 'center'
      */
-    align?: Align;
+    align?: StandardProperties['alignItems'];
     /**
      * CSS `justify-content`.
      * @default 'flex-start'
      */
-    justify?: Justify;
+    justify?: StandardProperties['justifyContent'];
     /**
      * Hvilken spacing token som skal brukes som CSS `gap`.
      */
@@ -38,4 +37,3 @@ export declare const VStack: import("react").ForwardRefExoticComponent<Pick<impo
 } & {
     htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "12.1.3",
+  "version": "13.0.1",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",
@@ -74,7 +74,7 @@
     "@typescript-eslint/parser": "^5.54.0",
     "babel-loader": "^9.1.2",
     "babel-plugin-styled-components": "^2.0.7",
-    "concurrently": "^7.4.0",
+    "concurrently": "^8.0.1",
     "eslint": "^8.38.0",
     "eslint-config-prettier": "^8.7.0",
     "eslint-plugin-prettier": "^4.2.1",
@@ -103,7 +103,7 @@
     "attr-accept": "^2.2.2",
     "file-selector": "^0.6.0",
     "focus-visible": "^5.2.0",
-    "react-select": "^5.6.0",
+    "react-select": "^5.7.2",
     "tslib": "^2.4.0"
   },
   "publishConfig": {