@norges-domstoler/dds-components 9.3.0 → 9.4.0

package/dist/_virtual/_rollupPluginBabelHelpers.js

@@ -7,7 +7,6 @@ function _typeof(obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
   }, _typeof(obj);
 }
-
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -19,44 +18,33 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
-
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
-
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
-
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-
 function _iterableToArrayLimit(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
   if (_i == null) return;
   var _arr = [];
   var _n = true;
   var _d = false;
-
   var _s, _e;
-
   try {
     for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
       _arr.push(_s.value);
-
       if (i && _arr.length === i) break;
     }
   } catch (err) {
@@ -69,10 +57,8 @@ function _iterableToArrayLimit(arr, i) {
       if (_d) throw _e;
     }
   }
-
   return _arr;
 }
-
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -81,33 +67,24 @@ function _unsupportedIterableToArray(o, minLen) {
   if (n === "Map" || n === "Set") return Array.from(o);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
   return arr2;
 }
-
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-
 function _createForOfIteratorHelper(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-
   if (!it) {
     if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
       if (it) o = it;
       var i = 0;
-
       var F = function () {};
-
       return {
         s: F,
         n: function () {
@@ -125,13 +102,11 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
         f: F
       };
     }
-
     throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-
   var normalCompletion = true,
-      didErr = false,
-      err;
+    didErr = false,
+    err;
   return {
     s: function () {
       it = it.call(o);

package/dist/cjs/components/InlineEdit/InlineEdit.d.ts

@@ -0,0 +1,2 @@
+import { InlineEditProps } from './InlineEdit.types';
+export declare const InlineEdit: (props: InlineEditProps) => JSX.Element;

package/dist/cjs/components/InlineEdit/InlineEdit.stories.d.ts

@@ -0,0 +1,33 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        emptiable: {
+            control: {
+                type: string;
+            };
+        };
+        error: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const OverviewInputTypes: () => JSX.Element;

package/dist/cjs/components/InlineEdit/InlineEdit.styles.d.ts

@@ -0,0 +1,4 @@
+import { Property } from 'csstype';
+export declare const defaultWidth: Property.Width;
+export declare const getInlineEditInputStyling: (isEditing?: boolean) => import("styled-components").FlattenSimpleInterpolation;
+export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/cjs/components/InlineEdit/InlineEdit.tokens.d.ts

@@ -0,0 +1,25 @@
+export declare const inlineEditTokens: {
+    inlineEdit: {
+        padding: string;
+        paddingLeft: string;
+        font: {
+            lineHeight: any;
+            fontSize: string;
+            letterSpacing: any;
+            fontFamily: any;
+            fontWeight: any;
+            fontStyle: any;
+        };
+        backgroundColor: string;
+        hover: {
+            backgroundColor: string;
+        };
+        focus: {
+            backgroundColor: string;
+        };
+    };
+    iconWrapper: {
+        top: string;
+        left: string;
+    };
+};

package/dist/cjs/components/InlineEdit/InlineEdit.types.d.ts

@@ -0,0 +1,33 @@
+import { Property } from 'csstype';
+import { InputHTMLAttributes, ReactNode, RefObject, TextareaHTMLAttributes } from 'react';
+export declare type BaseInlineInputProps = {
+    /**Spesifiserer error state. Hvis `errorMessage` ikke brukes må inputfeltet knyttes med ARIA til en feilmelding som vises andre steder i applikasjonen. */
+    error?: boolean;
+    /**Feilmelding. Setter også error state. */
+    errorMessage?: string;
+    /** Bredde på komponenten. */
+    width?: Property.Width;
+    /** **OBS!** settes automatisk av forelder. Spesifiserer om brukeren kan tømme inputfeltet. */
+    emptiable?: boolean;
+    /** **OBS!** settes automatisk av forelder. Spesifiserer om komponenten er i redigeringsmodus. */
+    isEditing?: boolean;
+};
+export declare type InlineEditProps = {
+    /**Callback for når verdien blir lagret. */
+    onSetValue?: (value: string) => void;
+    /** Ref til barnet. */
+    inputRef: RefObject<HTMLElement>;
+    /** Barn (inputelementet). */
+    children: ReactNode;
+    /**Spesifiserer om brukeren kan tømme inputfeltet. */
+    emptiable?: boolean;
+    /**Ekstra callback ved `onChange`-event. */
+    onChange?: () => void;
+    /**Ekstra callback ved `onFocus`-event. */
+    onFocus?: () => void;
+    /**Ekstra callback ved `onBlur`-event. */
+    onBlur?: () => void;
+} & Pick<InputHTMLAttributes<HTMLInputElement>, 'value'>;
+export declare type CommonInlineEditWrapperProps = Pick<InlineEditProps, 'onSetValue' | 'emptiable' | 'onBlur' | 'onFocus' | 'onChange'> & Pick<BaseInlineInputProps, 'error' | 'errorMessage' | 'width'>;
+export declare type InlineEditTextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;
+export declare type InlineEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'width' | 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;

package/dist/cjs/components/InlineEdit/InlineEdit.utils.d.ts

@@ -0,0 +1 @@
+export declare const inlineEditVisuallyHidden: (id: string, emptiable?: boolean) => JSX.Element;

package/dist/cjs/components/InlineEdit/InlineEditInput.d.ts

@@ -0,0 +1 @@
+export declare const InlineEditInput: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "width" | "onChange" | "onFocus" | "onBlur"> & Pick<import("./InlineEdit.types").InlineEditProps, "onChange" | "onFocus" | "onBlur" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/InlineEdit/InlineEditInput.stories.d.ts

@@ -0,0 +1,36 @@
+import { InlineEditInputProps } from './InlineEdit.types';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        emptiable: {
+            control: {
+                type: string;
+            };
+        };
+        error: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: InlineEditInputProps) => JSX.Element;
+export declare const Default: (args: InlineEditInputProps) => JSX.Element;
+export declare const InTable: () => JSX.Element;

package/dist/cjs/components/InlineEdit/InlineEditTextArea.d.ts

@@ -0,0 +1 @@
+export declare const InlineEditTextArea: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "onFocus" | "onBlur"> & Pick<import("./InlineEdit.types").InlineEditProps, "onChange" | "onFocus" | "onBlur" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "error" | "errorMessage" | "width"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/cjs/components/InlineEdit/InlineEditTextArea.stories.d.ts

@@ -0,0 +1,36 @@
+import { InlineEditTextAreaProps } from './InlineEdit.types';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+    argTypes: {
+        emptiable: {
+            control: {
+                type: string;
+            };
+        };
+        error: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: InlineEditTextAreaProps) => JSX.Element;
+export declare const Default: (args: InlineEditTextAreaProps) => JSX.Element;
+export declare const InTable: () => JSX.Element;

package/dist/cjs/components/InlineEdit/InlineInput.d.ts

@@ -0,0 +1,4 @@
+import { InputHTMLAttributes } from 'react';
+import { BaseInlineInputProps } from './InlineEdit.types';
+export declare type InlineInputProps = BaseInlineInputProps & InputHTMLAttributes<HTMLInputElement>;
+export declare const InlineInput: import("react").ForwardRefExoticComponent<BaseInlineInputProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/InlineEdit/InlineTextArea.d.ts

@@ -0,0 +1,4 @@
+import { TextareaHTMLAttributes } from 'react';
+import { BaseInlineInputProps } from './InlineEdit.types';
+export declare type InlineTextAreaProps = BaseInlineInputProps & TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare const InlineTextArea: import("react").ForwardRefExoticComponent<BaseInlineInputProps & TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/cjs/components/InlineEdit/index.d.ts

@@ -0,0 +1,3 @@
+export * from './InlineEditTextArea';
+export * from './InlineEditInput';
+export type { InlineEditTextAreaProps, InlineEditInputProps, } from './InlineEdit.types';

package/dist/cjs/components/SplitButton/SplitButton.d.ts

@@ -1,6 +1,7 @@
+import { ExtractStrict } from '../../types';
 import { ButtonProps, ButtonPurpose, ButtonSize } from '../Button';
 import { OverflowMenuButtonItem } from '../OverflowMenu';
-export declare type SplitButtonPurpose = Extract<ButtonPurpose, 'primary' | 'secondary'>;
+export declare type SplitButtonPurpose = ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
 export declare type SplitButtonProps = {
     /**Størrelse på komponenten. */
     size?: ButtonSize;

package/dist/cjs/helpers/Input/Input.styles.d.ts

@@ -4,7 +4,7 @@ export declare const StatefulInput: import("styled-components").StyledComponent<
     hasErrorMessage: boolean;
 } & Pick<import("./Input.types").InputProps, "componentSize">, never>;
 declare type OuterInputContainerProps = {
-    width?: Property.Width<string>;
+    width?: Property.Width;
 };
 export declare const OuterInputContainer: import("styled-components").StyledComponent<"div", any, OuterInputContainerProps, never>;
 /**Brukes som container til input og ikon for posisjonering. */

package/dist/cjs/index.d.ts

@@ -39,5 +39,6 @@ export * from './components/ToggleBar';
 export * from './components/Grid';
 export * from './components/ProgressTracker';
 export * from './hooks';
+export * from './components/InlineEdit';
 export * from './components/TextArea';
 export * from './components/SplitButton';