@bbl-digital/snorre 3.1.21 → 3.1.23

package/esm/core/Autocomplete/index.d.js

@@ -0,0 +1 @@
+export {};

package/esm/core/DatepickerRange/YearMonthForm.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { MONTHS } from '../../utils/dates';
+import { StyledSelect, Div } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const YearMonthForm = ({
+  onChange,
+  date,
+  fromDate,
+  toDate
+}) => {
+  const months = MONTHS;
+  const years = [];
+
+  for (let i = fromDate.getFullYear(); i <= toDate.getFullYear(); i += 1) {
+    years.push(i);
+  }
+
+  const changeMonth = e => {
+    let newDate = date;
+    newDate.setMonth(e.target.value);
+    if (newDate > toDate) newDate = toDate;
+    onChange(newDate);
+  };
+
+  const changeYear = e => {
+    let newDate = date;
+    newDate.setFullYear(e.target.value);
+    if (newDate > toDate) newDate = toDate;
+    onChange(newDate);
+  };
+
+  return /*#__PURE__*/_jsxs(Div, {
+    className: "DayPicker-Caption",
+    children: [/*#__PURE__*/_jsx(StyledSelect, {
+      name: "month",
+      onChange: changeMonth,
+      value: date.getMonth(),
+      children: months.map((month, i) => /*#__PURE__*/_jsx("option", {
+        value: i,
+        children: month
+      }, month))
+    }), /*#__PURE__*/_jsx(StyledSelect, {
+      name: "year",
+      onChange: changeYear,
+      value: date.getFullYear(),
+      children: years.map(year => /*#__PURE__*/_jsx("option", {
+        value: year,
+        children: year
+      }, year))
+    })]
+  });
+};
+
+export default YearMonthForm;

package/esm/core/Input/index.js

@@ -1,6 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import React, { useState } from 'react';
-import { styles, ErrorMessage } from './styles';
+import { styles } from './styles';
 import IconSearch from '../../icons/General/IconSearch';
 import { useEffect } from 'react';
 import { useDebounce } from '../utils/debounce';
@@ -62,38 +62,41 @@ const Input = /*#__PURE__*/React.forwardRef(({
 
     handleDebounceChange(debouncedValue); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [debouncedValue]);
-  return _jsxs("label", {
-    css: theme => [styles.default(theme), props.highlight && styles.highligted(height), type === 'search' && styles.searchLabel(theme), props.validation && styles.validation, (props.invalid || props.invalidMessage) && styles.invalid(theme), height && styles.height(height)],
-    children: [props.label && _jsx("span", {
-      css: info && styles.pr4,
-      children: props.label
-    }), _jsx("input", {
-      type: type,
-      ...(type !== 'password' && {
-        value
-      }),
-      placeholder: props.placeholder,
-      disabled: props.disabled,
-      autoFocus: props.focus,
-      onBlur: props.onBlur,
-      onFocus: props.onFocus,
-      onChange: onInputChange,
-      maxLength: maxlength,
-      ref: ref,
-      name: props.name,
-      css: theme => [type === 'text' && styles.text(theme), type === 'search' && styles.search(theme), type === 'password' && styles.password(theme), type === 'number' && styles.number(theme), type === 'file' && styles.file, props.disabled && styles.disabled(theme), props.cardInput && styles.cardInput],
-      children: React.Children.map(props.children, child => {
-        if (!child) {
-          return null;
-        }
+  return _jsxs("div", {
+    css: styles.relative,
+    children: [_jsxs("label", {
+      css: theme => [styles.default(theme), props.highlight && styles.highligted(height), type === 'search' && styles.searchLabel(theme), (props.invalid || props.invalidMessage) && styles.invalid(theme), height && styles.height(height)],
+      children: [props.label && _jsx("span", {
+        css: info && styles.pr4,
+        children: props.label
+      }), _jsx("input", {
+        type: type,
+        ...(type !== 'password' && {
+          value
+        }),
+        placeholder: props.placeholder,
+        disabled: props.disabled,
+        autoFocus: props.focus,
+        onBlur: props.onBlur,
+        onFocus: props.onFocus,
+        onChange: onInputChange,
+        maxLength: maxlength,
+        ref: ref,
+        name: props.name,
+        css: theme => [type === 'text' && styles.text(theme), type === 'search' && styles.search(theme), type === 'password' && styles.password(theme), type === 'number' && styles.number(theme), type === 'file' && styles.file, props.disabled && styles.disabled(theme), props.cardInput && styles.cardInput],
+        children: React.Children.map(props.children, child => {
+          if (!child) {
+            return null;
+          }
 
-        return child;
-      })
-    }), type === 'search' && _jsx(IconSearch, {}), props.invalidMessage && _jsx(IconErrorOutline, {
-      size: "16px"
-    }), props.invalidMessage && _jsx("span", {
-      css: theme => [ErrorMessage(theme)],
-      children: props.invalidMessage
+          return child;
+        })
+      }), type === 'search' && _jsx(IconSearch, {}), props.invalidMessage && _jsx(IconErrorOutline, {
+        size: "16px"
+      }), props.invalidMessage && _jsx("span", {
+        css: styles.errorMessage,
+        children: props.invalidMessage
+      })]
     }), info && _jsx("span", {
       css: styles.infoButton,
       children: _jsx(InfoButton, {