@bbl-digital/snorre 3.1.2 → 3.1.3

package/dist/bundle.js

@@ -33125,10 +33125,12 @@ to {top: 100vh;}
     id,
     index,
     children,
-    subContent
+    subContent,
+    disableDrag
   }) => /*#__PURE__*/jsxRuntime.jsx(reactBeautifulDnd.Draggable, {
     draggableId: id,
     index: index,
+    isDragDisabled: disableDrag,
     children: provided => /*#__PURE__*/jsxRuntime.jsxs(DraggableWrapper, {
       className: "table-dragable",
       ref: provided.innerRef,

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

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

package/esm/core/BoxedTable/DraggableRow/index.js

@@ -9,10 +9,12 @@ const DraggableRow = ({
   id,
   index,
   children,
-  subContent
+  subContent,
+  disableDrag
 }) => /*#__PURE__*/_jsx(Draggable, {
   draggableId: id,
   index: index,
+  isDragDisabled: disableDrag,
   children: provided => /*#__PURE__*/_jsxs(DraggableWrapper, {
     className: "table-dragable",
     ref: provided.innerRef,

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/lib/core/Autocomplete/index.d.js

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

package/lib/core/BoxedTable/DraggableRow/index.d.ts

@@ -9,6 +9,8 @@ interface IProps {
     children: React.ReactNode | React.ReactNode[];
     /**Extra react components beneath row */
     subContent?: React.ReactNode | React.ReactNode[];
+    /** Boolean to conditionally disable drag */
+    disableDrag?: boolean;
 }
 declare const DraggableRow: FC<IProps>;
 export default DraggableRow;

package/lib/core/BoxedTable/DraggableRow/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/DraggableRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAW1B,UAAU,MAAM;IACd,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,wCAAwC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CACjD;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,MAAM,CAmB5B,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/DraggableRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAW1B,UAAU,MAAM;IACd,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,wCAAwC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,MAAM,CA8B5B,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/core/BoxedTable/DraggableRow/index.js

@@ -9,10 +9,12 @@ const DraggableRow = ({
   id,
   index,
   children,
-  subContent
+  subContent,
+  disableDrag
 }) => /*#__PURE__*/_jsx(Draggable, {
   draggableId: id,
   index: index,
+  isDragDisabled: disableDrag,
   children: provided => /*#__PURE__*/_jsxs(DraggableWrapper, {
     className: "table-dragable",
     ref: provided.innerRef,

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.1.2",
+  "version": "3.1.3",
   "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 = {}));