@bbl-digital/snorre 3.1.18 → 3.1.20

package/dist/bundle.js

@@ -24389,7 +24389,7 @@
       const fuzzyOptions = {
         keys: props.fuzzyKeys
       };
-      return matchSorter.matchSorter(props.values, search ?? '', fuzzyOptions); // eslint-disable-next-line react-hooks/exhaustive-deps
+      return matchSorter.matchSorter(props.values, search || '', fuzzyOptions); // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.values, search]);
     return {
       open,
@@ -24552,7 +24552,7 @@
             children: jsxRuntime$1.jsx(List, {
               children: values.map(item => jsxRuntime$1.jsx(Option, {
                 onChange: handleOnItemClick(item),
-                children: props.createLabelName?.(item) ?? item[props.labelName || 'label']
+                children: props.createLabelName?.(item) || item[props.labelName || 'label']
               }, item[item.keyName || 'id']))
             })
           })]
@@ -32350,11 +32350,11 @@
   const useAutocomplete = props => {
     const [showValues, setShowValues] = React.useState(!!props.isOpen);
     const [highlightedIndex, setHighlightedIndex] = React.useState(null);
-    const [value, setValueChanged] = React.useState(props.value ?? '');
+    const [value, setValueChanged] = React.useState(props.value || '');
     const [inputDirty, setInputDirty] = React.useState(false);
-    const debouncedValue = useDebounce(value, props.debounceDelay ?? 0);
+    const debouncedValue = useDebounce(value, props.debounceDelay || 0);
     const [inputValues, setInputValues] = React.useState(props.values);
-    const labelKey = props.labelFromValues ?? 'label';
+    const labelKey = props.labelFromValues || 'label';
 
     const handleValueClick = value => {
       props.onSelectItem?.(value);
@@ -32364,7 +32364,7 @@
 
     const clearSelectedItem = () => handleValueClick({
       [labelKey]: '',
-      [props.keyFromValues ?? 'key']: ''
+      [props.keyFromValues || 'key']: ''
     });
 
     const onInputChange = e => {
@@ -32412,7 +32412,7 @@
         const fuzzyOptions = {
           keys: [labelKey]
         };
-        return matchSorter.matchSorter(props.values, value ?? '', fuzzyOptions);
+        return matchSorter.matchSorter(props.values, value || '', fuzzyOptions);
       }
 
       return props.values;
@@ -32554,7 +32554,7 @@
     }, [props.values]); // Update local value if props.value changes
 
     React.useEffect(() => {
-      const value = props.value ?? '';
+      const value = props.value || '';
       setValueChanged(value);
     }, [props.value]);
     React.useEffect(() => {

package/esm/core/Autocomplete/hooks/useAutocomplete.js

@@ -6,11 +6,11 @@ import { useDebounce } from '../../utils/debounce';
 const useAutocomplete = props => {
   const [showValues, setShowValues] = useState(!!props.isOpen);
   const [highlightedIndex, setHighlightedIndex] = useState(null);
-  const [value, setValueChanged] = useState(props.value ?? '');
+  const [value, setValueChanged] = useState(props.value || '');
   const [inputDirty, setInputDirty] = useState(false);
-  const debouncedValue = useDebounce(value, props.debounceDelay ?? 0);
+  const debouncedValue = useDebounce(value, props.debounceDelay || 0);
   const [inputValues, setInputValues] = useState(props.values);
-  const labelKey = props.labelFromValues ?? 'label';
+  const labelKey = props.labelFromValues || 'label';
 
   const handleValueClick = value => {
     props.onSelectItem?.(value);
@@ -20,7 +20,7 @@ const useAutocomplete = props => {
 
   const clearSelectedItem = () => handleValueClick({
     [labelKey]: '',
-    [props.keyFromValues ?? 'key']: ''
+    [props.keyFromValues || 'key']: ''
   });
 
   const onInputChange = e => {
@@ -68,7 +68,7 @@ const useAutocomplete = props => {
       const fuzzyOptions = {
         keys: [labelKey]
       };
-      return matchSorter(props.values, value ?? '', fuzzyOptions);
+      return matchSorter(props.values, value || '', fuzzyOptions);
     }
 
     return props.values;
@@ -213,7 +213,7 @@ const useAutocomplete = props => {
   }, [props.values]); // Update local value if props.value changes
 
   useEffect(() => {
-    const value = props.value ?? '';
+    const value = props.value || '';
     setValueChanged(value);
   }, [props.value]);
   useEffect(() => {

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/SearchSelect/hooks/useSelectSearch.js

@@ -8,7 +8,7 @@ const useSelectSearch = props => {
     const fuzzyOptions = {
       keys: props.fuzzyKeys
     };
-    return matchSorter(props.values, search ?? '', fuzzyOptions); // eslint-disable-next-line react-hooks/exhaustive-deps
+    return matchSorter(props.values, search || '', fuzzyOptions); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.values, search]);
   return {
     open,

package/esm/core/SearchSelect/index.js

@@ -92,7 +92,7 @@ const SelectSearch = props => {
           children: _jsx(List, {
             children: values.map(item => _jsx(Option, {
               onChange: handleOnItemClick(item),
-              children: props.createLabelName?.(item) ?? item[props.labelName || 'label']
+              children: props.createLabelName?.(item) || item[props.labelName || 'label']
             }, item[item.keyName || 'id']))
           })
         })]

package/lib/core/Autocomplete/hooks/useAutocomplete.js

@@ -6,11 +6,11 @@ import { useDebounce } from '../../utils/debounce';
 const useAutocomplete = props => {
   const [showValues, setShowValues] = useState(!!props.isOpen);
   const [highlightedIndex, setHighlightedIndex] = useState(null);
-  const [value, setValueChanged] = useState(props.value ?? '');
+  const [value, setValueChanged] = useState(props.value || '');
   const [inputDirty, setInputDirty] = useState(false);
-  const debouncedValue = useDebounce(value, props.debounceDelay ?? 0);
+  const debouncedValue = useDebounce(value, props.debounceDelay || 0);
   const [inputValues, setInputValues] = useState(props.values);
-  const labelKey = props.labelFromValues ?? 'label';
+  const labelKey = props.labelFromValues || 'label';
 
   const handleValueClick = value => {
     props.onSelectItem?.(value);
@@ -20,7 +20,7 @@ const useAutocomplete = props => {
 
   const clearSelectedItem = () => handleValueClick({
     [labelKey]: '',
-    [props.keyFromValues ?? 'key']: ''
+    [props.keyFromValues || 'key']: ''
   });
 
   const onInputChange = e => {
@@ -68,7 +68,7 @@ const useAutocomplete = props => {
       const fuzzyOptions = {
         keys: [labelKey]
       };
-      return matchSorter(props.values, value ?? '', fuzzyOptions);
+      return matchSorter(props.values, value || '', fuzzyOptions);
     }
 
     return props.values;
@@ -213,7 +213,7 @@ const useAutocomplete = props => {
   }, [props.values]); // Update local value if props.value changes
 
   useEffect(() => {
-    const value = props.value ?? '';
+    const value = props.value || '';
     setValueChanged(value);
   }, [props.value]);
   useEffect(() => {

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

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

package/lib/core/DatepickerRange/YearMonthForm.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IProps {
+    date: Date;
+    onChange: (e: Date) => void;
+    fromDate: Date;
+    toDate: Date;
+}
+declare const YearMonthForm: React.FC<IProps>;
+export default YearMonthForm;
+//# sourceMappingURL=YearMonthForm.d.ts.map

package/lib/core/DatepickerRange/YearMonthForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearMonthForm.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DatepickerRange/YearMonthForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,MAAM;IACd,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC3B,QAAQ,EAAE,IAAI,CAAA;IACd,MAAM,EAAE,IAAI,CAAA;CACb;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmDnC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/lib/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/lib/core/SearchSelect/hooks/useSelectSearch.js

@@ -8,7 +8,7 @@ const useSelectSearch = props => {
     const fuzzyOptions = {
       keys: props.fuzzyKeys
     };
-    return matchSorter(props.values, search ?? '', fuzzyOptions); // eslint-disable-next-line react-hooks/exhaustive-deps
+    return matchSorter(props.values, search || '', fuzzyOptions); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.values, search]);
   return {
     open,

package/lib/core/SearchSelect/index.js

@@ -92,7 +92,7 @@ const SelectSearch = props => {
           children: _jsx(List, {
             children: values.map(item => _jsx(Option, {
               onChange: handleOnItemClick(item),
-              children: props.createLabelName?.(item) ?? item[props.labelName || 'label']
+              children: props.createLabelName?.(item) || item[props.labelName || 'label']
             }, item[item.keyName || 'id']))
           })
         })]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "3.1.18",
+  "version": "3.1.20",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",

package/esm/enums/ModifierKey.js

@@ -1,13 +0,0 @@
-export let ModifierKey;
-
-(function (ModifierKey) {
-  ModifierKey["enter"] = "Enter";
-  ModifierKey["tab"] = "Tab";
-  ModifierKey["space"] = " ";
-  ModifierKey["escape"] = "Escape";
-  ModifierKey["shift"] = "Shift";
-  ModifierKey["right"] = "ArrowRight";
-  ModifierKey["left"] = "ArrowLeft";
-  ModifierKey["up"] = "ArrowUp";
-  ModifierKey["down"] = "ArrowDown";
-})(ModifierKey || (ModifierKey = {}));

package/lib/enums/ModifierKey.d.ts

@@ -1,12 +0,0 @@
-export declare enum ModifierKey {
-    enter = "Enter",
-    tab = "Tab",
-    space = " ",
-    escape = "Escape",
-    shift = "Shift",
-    right = "ArrowRight",
-    left = "ArrowLeft",
-    up = "ArrowUp",
-    down = "ArrowDown"
-}
-//# sourceMappingURL=ModifierKey.d.ts.map

package/lib/enums/ModifierKey.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModifierKey.d.ts","sourceRoot":"","sources":["../../src/packages/enums/ModifierKey.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,KAAK,MAAM;IACX,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,KAAK,eAAe;IACpB,IAAI,cAAc;IAClB,EAAE,YAAY;IACd,IAAI,cAAc;CACnB"}

package/lib/enums/ModifierKey.js

@@ -1,13 +0,0 @@
-export let ModifierKey;
-
-(function (ModifierKey) {
-  ModifierKey["enter"] = "Enter";
-  ModifierKey["tab"] = "Tab";
-  ModifierKey["space"] = " ";
-  ModifierKey["escape"] = "Escape";
-  ModifierKey["shift"] = "Shift";
-  ModifierKey["right"] = "ArrowRight";
-  ModifierKey["left"] = "ArrowLeft";
-  ModifierKey["up"] = "ArrowUp";
-  ModifierKey["down"] = "ArrowDown";
-})(ModifierKey || (ModifierKey = {}));