@entur/form 8.1.8 → 8.1.9-beta.0

package/README.md

@@ -2,7 +2,7 @@
 
 This package contains all the common form-components
 
-> 💡 Looking for the [documentation](https://design.entur.no/komponenter/inputs/textfields)?
+> 💡 Looking for the [documentation](https://design.entur.no/komponenter/skjemaelementer/textfield)?
 
 ## Installation
 
@@ -14,4 +14,4 @@ yarn add @entur/form
 
 ## Usage
 
-Please refer to the [documentation](https://design.entur.no/komponenter/inputs/textfields) for further usage information.
+Please refer to the [documentation](https://design.entur.no/komponenter/skjemaelementer/textfield) for further usage information.

package/dist/Checkbox.d.ts

@@ -22,21 +22,21 @@ export type CheckboxProps = {
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked'>;
 export declare const Checkbox: React.ForwardRefExoticComponent<{
     /** Ekstra klassenavn */
-    className?: string | undefined;
+    className?: string;
     /** Label for checkboxen, som vises ved høyre side. */
     children?: React.ReactNode;
     /** Om Checkbox er avmerket, eller om den er i en indeterminate state */
-    checked?: boolean | "indeterminate" | undefined;
+    checked?: "indeterminate" | boolean;
     /** Callback for Checkbox */
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     /** Om checkboxen er disabled eller ikke
      * @default false
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**Ekstra styling til komponenten */
-    style?: React.CSSProperties | undefined;
+    style?: CSSProperties;
     /** Reduserer klikkflaten for Checkbox'en
      * @default false
      */
-    reduceClickArea?: boolean | undefined;
+    reduceClickArea?: boolean;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked"> & React.RefAttributes<HTMLInputElement>>;

package/dist/Radio.d.ts

@@ -10,7 +10,7 @@ export type RadioProps = {
 } & React.InputHTMLAttributes<HTMLInputElement>;
 export declare const Radio: React.ForwardRefExoticComponent<{
     /** Ekstra klassenavn */
-    className?: string | undefined;
+    className?: string;
     /** Label til radio-button. Vises ved høyre side. */
     children?: React.ReactNode;
     /** Verdien til radioknappen */

package/dist/Switch.d.ts

@@ -34,33 +34,33 @@ export type SwitchProps = {
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;
 export declare const Switch: React.ForwardRefExoticComponent<{
     /** Ekstra klassenavn */
-    className?: string | undefined;
+    className?: string;
     /** Label for Switch-en. */
     children?: React.ReactNode;
     /** Posisjonen til label for Switch-en.
      * @default "right"
      */
-    labelPlacement?: "right" | "bottom" | undefined;
+    labelPlacement?: "right" | "bottom";
     /** Om switch-en er checked eller ikke */
-    checked?: boolean | undefined;
+    checked?: boolean;
     /** Ikonet som skal stå inne i sirkelen på Switch-en */
     icon?: React.ReactNode;
     /** Skjul ikonet inne i sikrelen på Switch-en
      * @default false
      */
-    hideIcon?: boolean | undefined;
+    hideIcon?: boolean;
     /** Farge som settes på ikon og bakgrunn når Switch-en er "checked"
      * @default colors.validation.mint
      */
-    color?: string | undefined;
+    color?: string;
     /** Farge på bakgrunn når Switch-en er "checked" og står i en kontrast-seksjon
      * @default colors.validation.mintContrast
      */
-    contrastColor?: string | undefined;
+    contrastColor?: string;
     /** Størrelsen på Switch-en
      * @default "medium"
      */
-    size?: "medium" | "large" | undefined;
+    size?: "medium" | "large";
     /** Callback for når verdien endres */
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;

package/dist/TextArea.d.ts

@@ -32,26 +32,26 @@ export type TextAreaProps = {
 } & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
 export declare const TextArea: React.ForwardRefExoticComponent<{
     /** Ekstra klassenavn */
-    className?: string | undefined;
+    className?: string;
     /** Valideringsvariant */
-    variant?: "info" | "error" | VariantType | undefined;
+    variant?: VariantType | typeof error | typeof info;
     /** Deaktiverer tekstområdet */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /** Setter tekstområdet i read-only modus */
-    readOnly?: boolean | undefined;
+    readOnly?: boolean;
     /** Label over TextArea */
     label: string;
     /** En tooltip som forklarer labelen til inputfeltet */
     labelTooltip?: React.ReactNode;
     /** Forklarende tekst for knappen som åpner labelTooltip */
-    labelTooltipButtonAriaLabel?: string | undefined;
+    labelTooltipButtonAriaLabel?: string;
     /** Plasseringen til tooltip-en relativt til spørsmålstegn-knappen */
-    labelTooltipPlacement?: Placement | undefined;
+    labelTooltipPlacement?: Placement;
     /** Varselmelding, som vil komme under TextArea */
-    feedback?: string | undefined;
+    feedback?: string;
     /** Plasserer labelen statisk på toppen av inputfeltet
      * @default false
      */
-    disableLabelAnimation?: boolean | undefined;
+    disableLabelAnimation?: boolean;
 } & React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLTextAreaElement>>;
 export {};

package/dist/TextField.d.ts

@@ -53,39 +53,39 @@ export declare const TextField: React.ForwardRefExoticComponent<{
     /** Tekst eller ikon som kommer etter inputfeltet */
     append?: React.ReactNode;
     /** Ekstra klassenavn */
-    className?: string | undefined;
+    className?: string;
     /** Label over TextField */
     label: React.ReactNode;
     /** En tooltip som forklarer labelen til inputfeltet */
     labelTooltip?: React.ReactNode;
     /** Forklarende tekst for knappen som åpner labelTooltip */
-    labelTooltipButtonAriaLabel?: string | undefined;
+    labelTooltipButtonAriaLabel?: string;
     /** Plasseringen til tooltip-en relativt til spørsmålstegn-knappen */
-    labelTooltipPlacement?: Placement | undefined;
+    labelTooltipPlacement?: Placement;
     /** Varselmelding, som vil komme under TextField */
-    feedback?: string | undefined;
+    feedback?: string;
     /** Hvilken valideringsfarge som vises*/
-    variant?: "info" | "error" | VariantType | undefined;
+    variant?: VariantType | typeof error | typeof info;
     /** Deaktiver inputfeltet */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /** Setter inputfeltet i read-only modus */
-    readOnly?: boolean | undefined;
+    readOnly?: boolean;
     /** Størrelsen på TextField
      * @default "medium"
      */
-    size?: "medium" | "large" | undefined;
+    size?: "medium" | "large";
     /** Plasserer labelen statisk på toppen av inputfeltet
      * @default false
      */
-    disableLabelAnimation?: boolean | undefined;
+    disableLabelAnimation?: boolean;
     /** Ekstra props som sendes til label-elementet */
-    labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined;
+    labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
     /** Om man skal ha muliget for å nullstille TextField. Viser lukkekryss hvis feltet er fylt.
      * @default false
      */
-    clearable?: boolean | undefined;
+    clearable?: boolean;
     /** Callback for clearable */
-    onClear?: (() => void) | undefined;
-    ariaAlertOnFeedback?: boolean | undefined;
+    onClear?: () => void;
+    ariaAlertOnFeedback?: boolean;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "label"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/form.cjs.development.js

@@ -31,30 +31,22 @@ function _interopNamespaceDefault(e) {
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
   }
-  return target;
+  return t;
 }
 
 var _excluded$g = ["children", "hideIcon", "variant", "className"];
@@ -402,7 +394,7 @@ var InputPanelBase = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var forceUpdate = utils.useForceUpdate();
   var handleOnChange = function handleOnChange(e) {
     if (onChange === undefined) forceUpdate();
-    onChange == null ? void 0 : onChange(e);
+    onChange == null || onChange(e);
   };
   return React.createElement("label", {
     className: "eds-input-panel",
@@ -654,7 +646,7 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     disableLabelAnimation: disableLabelAnimation,
     onClick: function onClick(e) {
       var _textareaRef$current;
-      if (e.target === e.currentTarget) textareaRef == null ? void 0 : (_textareaRef$current = textareaRef.current) == null ? void 0 : _textareaRef$current.focus();
+      if (e.target === e.currentTarget) textareaRef == null || (_textareaRef$current = textareaRef.current) == null || _textareaRef$current.focus();
     }
   }, React.createElement(TextAreaBase, _extends({
     readOnly: readOnly,
@@ -765,7 +757,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ariaAlertOnFeedback: ariaAlertOnFeedback,
     onClick: function onClick(e) {
       var _textFieldRef$current;
-      if (e.target === e.currentTarget) textFieldRef == null ? void 0 : (_textFieldRef$current = textFieldRef.current) == null ? void 0 : _textFieldRef$current.focus();
+      if (e.target === e.currentTarget) textFieldRef == null || (_textFieldRef$current = textFieldRef.current) == null || _textFieldRef$current.focus();
     }
   }, React.createElement(TextFieldBase, _extends({
     disabled: disabled,