@bbl-digital/snorre 3.0.4 → 3.0.8

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "3.0.4",
+  "version": "3.0.8",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",
@@ -24,6 +24,7 @@
     "@types/react-test-renderer": "^18.0.0",
     "date-fns": "^2.28.0",
     "focus-trap-react": "^9.0.2",
+    "match-sorter": "^6.3.1",
     "react-beautiful-dnd": "^13.1.0",
     "react-day-picker": "^8.0.7",
     "react-test-renderer": "^18.2.0",

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 = {}));