@sb1/ffe-feedback-react 2.0.45 → 3.0.1

package/lib/i18n/en.js

@@ -1,22 +1,19 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.default = {
-  ARIA_LABEL_THUMB_UP: 'Give thumbs up',
-  ARIA_LABEL_THUMB_DOWN: 'Give thumbs down',
-  FEEDBACK_NOT_SENT_HEADING: 'What do you think of this page? ',
-  FEEDBACK_SENT_HEADING: 'Thank you!',
-  FEEDBACK_BUTTON_SEND: 'Send feedback',
-  FEEDBACK_BUTTON_CANCEL: 'Cancel',
-  FEEDBACK_GOOD: 'What was good?',
-  FEEDBACK_IMPROVE: 'How can we improve?',
-  FEEDBACK_ANSWER: 'Your feedback will be used to improve this site and will not be replied.',
-  QUESTIONS: ' If you have questions, ',
-  FEEDBACK_LINKTEXT: 'contact customer services.',
-  FEEDBACK_SENSITIVE: 'Please do not send sensitive or personal information, for example: Health information, political affiliation, social security number, name, email or telephone number.',
-  FEEDBACK_SHORT: 'Feedback must be at least three characters.',
-  NATIVE_VIEW_HEADING: 'Customer service'
-};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.en = void 0;
+exports.en = {
+    ARIA_LABEL_THUMB_UP: 'Give thumbs up',
+    ARIA_LABEL_THUMB_DOWN: 'Give thumbs down',
+    FEEDBACK_NOT_SENT_HEADING: 'What do you think of this page? ',
+    FEEDBACK_SENT_HEADING: 'Thank you!',
+    FEEDBACK_BUTTON_SEND: 'Send feedback',
+    FEEDBACK_BUTTON_CANCEL: 'Cancel',
+    FEEDBACK_GOOD: 'What was good?',
+    FEEDBACK_IMPROVE: 'How can we improve?',
+    FEEDBACK_ANSWER: 'Your feedback will be used to improve this site and will not be replied.',
+    QUESTIONS: ' If you have questions, ',
+    FEEDBACK_LINKTEXT: 'contact customer services.',
+    FEEDBACK_SENSITIVE: 'Please do not send sensitive or personal information, for example: Health information, political affiliation, social security number, name, email or telephone number.',
+    FEEDBACK_SHORT: 'Feedback must be at least three characters.',
+    NATIVE_VIEW_HEADING: 'Customer service',
+};

package/lib/i18n/nb.js

@@ -1,22 +1,19 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.default = {
-  ARIA_LABEL_THUMB_UP: 'Gi tommel opp',
-  ARIA_LABEL_THUMB_DOWN: 'Gi tommel ned',
-  FEEDBACK_NOT_SENT_HEADING: 'Hva synes du om denne siden? ',
-  FEEDBACK_SENT_HEADING: 'Takk for tilbakemeldingen!',
-  FEEDBACK_BUTTON_SEND: 'Send tilbakemelding',
-  FEEDBACK_BUTTON_CANCEL: 'Avbryt',
-  FEEDBACK_GOOD: 'Hva var bra?',
-  FEEDBACK_IMPROVE: 'Hva kan vi gjøre bedre?',
-  FEEDBACK_ANSWER: 'Svaret ditt blir brukt til å forbedre denne siden og blir ikke besvart.',
-  QUESTIONS: ' Har du spørsmål, ',
-  FEEDBACK_LINKTEXT: 'kontakt kundeservice.',
-  FEEDBACK_SENSITIVE: 'Unngå å oppgi sensitiv eller personlig informasjon, for eksempel helseopplysninger, politisk tilhørighet, personnummer, navn, e-post eller telefonnummer.',
-  FEEDBACK_SHORT: 'Tilbakemeldingen må være på minst tre tegn.',
-  NATIVE_VIEW_HEADING: 'Kundeservice'
-};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nb = void 0;
+exports.nb = {
+    ARIA_LABEL_THUMB_UP: 'Gi tommel opp',
+    ARIA_LABEL_THUMB_DOWN: 'Gi tommel ned',
+    FEEDBACK_NOT_SENT_HEADING: 'Hva synes du om denne siden? ',
+    FEEDBACK_SENT_HEADING: 'Takk for tilbakemeldingen!',
+    FEEDBACK_BUTTON_SEND: 'Send tilbakemelding',
+    FEEDBACK_BUTTON_CANCEL: 'Avbryt',
+    FEEDBACK_GOOD: 'Hva var bra?',
+    FEEDBACK_IMPROVE: 'Hva kan vi gjøre bedre?',
+    FEEDBACK_ANSWER: 'Svaret ditt blir brukt til å forbedre denne siden og blir ikke besvart.',
+    QUESTIONS: ' Har du spørsmål, ',
+    FEEDBACK_LINKTEXT: 'kontakt kundeservice.',
+    FEEDBACK_SENSITIVE: 'Unngå å oppgi sensitiv eller personlig informasjon, for eksempel helseopplysninger, politisk tilhørighet, personnummer, navn, e-post eller telefonnummer.',
+    FEEDBACK_SHORT: 'Tilbakemeldingen må være på minst tre tegn.',
+    NATIVE_VIEW_HEADING: 'Kundeservice',
+};

package/lib/i18n/nn.js

@@ -1,22 +1,19 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.default = {
-  ARIA_LABEL_THUMB_UP: 'Gje tommel opp',
-  ARIA_LABEL_THUMB_DOWN: 'Gje tommel ned',
-  FEEDBACK_NOT_SENT_HEADING: 'Kva synest du om denne sida? ',
-  FEEDBACK_SENT_HEADING: 'Takk for tilbakemeldinga!',
-  FEEDBACK_BUTTON_SEND: 'Send tilbakemelding',
-  FEEDBACK_BUTTON_CANCEL: 'Avbryt',
-  FEEDBACK_GOOD: 'Kva var bra?',
-  FEEDBACK_IMPROVE: 'Kva kan vi gjere betre?',
-  FEEDBACK_ANSWER: 'Svaret ditt vert brukt til å betre denne sida og vert ikkje svart på.',
-  QUESTIONS: ' Har du spørsmål, ',
-  FEEDBACK_LINKTEXT: 'kontakt kundetenesta.',
-  FEEDBACK_SENSITIVE: 'Unngå å oppgje sensitiv eller personleg informasjon, til dømes helseopplysingar, politisk tilhøyrsel, personnummer, namn, e-post eller telefonnummer.',
-  FEEDBACK_SHORT: 'Tilbakemeldinga må vere minst tre teikn.',
-  NATIVE_VIEW_HEADING: 'Kundetenest'
-};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nn = void 0;
+exports.nn = {
+    ARIA_LABEL_THUMB_UP: 'Gje tommel opp',
+    ARIA_LABEL_THUMB_DOWN: 'Gje tommel ned',
+    FEEDBACK_NOT_SENT_HEADING: 'Kva synest du om denne sida? ',
+    FEEDBACK_SENT_HEADING: 'Takk for tilbakemeldinga!',
+    FEEDBACK_BUTTON_SEND: 'Send tilbakemelding',
+    FEEDBACK_BUTTON_CANCEL: 'Avbryt',
+    FEEDBACK_GOOD: 'Kva var bra?',
+    FEEDBACK_IMPROVE: 'Kva kan vi gjere betre?',
+    FEEDBACK_ANSWER: 'Svaret ditt vert brukt til å betre denne sida og vert ikkje svart på.',
+    QUESTIONS: ' Har du spørsmål, ',
+    FEEDBACK_LINKTEXT: 'kontakt kundetenesta.',
+    FEEDBACK_SENSITIVE: 'Unngå å oppgje sensitiv eller personleg informasjon, til dømes helseopplysingar, politisk tilhøyrsel, personnummer, namn, e-post eller telefonnummer.',
+    FEEDBACK_SHORT: 'Tilbakemeldinga må vere minst tre teikn.',
+    NATIVE_VIEW_HEADING: 'Kundetenest',
+};

package/lib/i18n/texts.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.texts = void 0;
+var en_1 = require("./en");
+var nn_1 = require("./nn");
+var nb_1 = require("./nb");
+exports.texts = {
+    nb: nb_1.nb,
+    nn: nn_1.nn,
+    en: en_1.en,
+};

package/lib/icons/ThumbDown.js

@@ -0,0 +1,21 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThumbDown = void 0;
+var react_1 = __importDefault(require("react"));
+var ThumbDown = function (props) { return (react_1.default.createElement("svg", __assign({ "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", width: 48, height: 48, viewBox: "0 -960 960 960" }, props),
+    react_1.default.createElement("path", { d: "M105-328q-24 0-42-18t-18-42v-81.839Q45-477 43.5-484.5T45-499l126-290q8.878-21.25 29.595-36.125T244-840h444v512L463-90q-13.6 14-32.187 16.5T395-81q-17-10-25.5-27.5t-4.2-36.5L404-328zm523-25v-427H231L105-481v93h373l-53 249zm193-487q24.75 0 42.375 17.625T881-780v392q0 24.75-17.625 42.375T821-328H688v-60h133v-392H688v-60zm-193 60v427z" }))); };
+exports.ThumbDown = ThumbDown;

package/lib/icons/ThumbDownFill.js

@@ -0,0 +1,21 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThumbDownFill = void 0;
+var react_1 = __importDefault(require("react"));
+var ThumbDownFill = function (props) { return (react_1.default.createElement("svg", __assign({ "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", width: 48, height: 48, viewBox: "0 -960 960 960" }, props),
+    react_1.default.createElement("path", { d: "M239-840h467v512L428-40l-33-26q-11-8-14.5-18t-3.5-23v-10l45-211H100q-23 0-41.5-18.5T40-388v-82q0-11 2.5-25.5T50-521l116-268q9-21 29.5-36t43.5-15m527 512v-512h114v512z" }))); };
+exports.ThumbDownFill = ThumbDownFill;

package/lib/icons/ThumbUp.js

@@ -0,0 +1,21 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThumbUp = void 0;
+var react_1 = __importDefault(require("react"));
+var ThumbUp = function (props) { return (react_1.default.createElement("svg", __assign({ "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", width: 48, height: 48, viewBox: "0 -960 960 960" }, props),
+    react_1.default.createElement("path", { d: "M855-632q24 0 42 18t18 42v81.839q0 7.161 1.5 14.661T915-461L789-171q-8.878 21.25-29.595 36.125T716-120H272v-512l225-238q13.6-14 32.187-16.5T565-879q17 10 25.5 27.5t4.2 36.5L556-632zm-523 25v427h397l126-299v-93H482l53-249zM139-120q-24.75 0-42.375-17.625T79-180v-392q0-24.75 17.625-42.375T139-632h133v60H139v392h133v60zm193-60v-427z" }))); };
+exports.ThumbUp = ThumbUp;

package/lib/icons/index.js

@@ -1,34 +1,11 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ThumbDown", {
-  enumerable: true,
-  get: function get() {
-    return _thumbDown.default;
-  }
-});
-Object.defineProperty(exports, "ThumbDownFill", {
-  enumerable: true,
-  get: function get() {
-    return _thumbDownFill.default;
-  }
-});
-Object.defineProperty(exports, "ThumbUp", {
-  enumerable: true,
-  get: function get() {
-    return _thumbUp.default;
-  }
-});
-Object.defineProperty(exports, "ThumbUpFill", {
-  enumerable: true,
-  get: function get() {
-    return _thumbUpFill.default;
-  }
-});
-var _thumbUp = _interopRequireDefault(require("./thumb-up"));
-var _thumbUpFill = _interopRequireDefault(require("./thumb-up-fill"));
-var _thumbDown = _interopRequireDefault(require("./thumb-down"));
-var _thumbDownFill = _interopRequireDefault(require("./thumb-down-fill"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThumbDownFill = exports.ThumbDown = exports.ThumbUpFill = exports.ThumbUp = void 0;
+var ThumbUp_1 = require("./ThumbUp");
+Object.defineProperty(exports, "ThumbUp", { enumerable: true, get: function () { return ThumbUp_1.ThumbUp; } });
+var thumbUpFill_1 = require("./thumbUpFill");
+Object.defineProperty(exports, "ThumbUpFill", { enumerable: true, get: function () { return thumbUpFill_1.ThumbUpFill; } });
+var ThumbDown_1 = require("./ThumbDown");
+Object.defineProperty(exports, "ThumbDown", { enumerable: true, get: function () { return ThumbDown_1.ThumbDown; } });
+var ThumbDownFill_1 = require("./ThumbDownFill");
+Object.defineProperty(exports, "ThumbDownFill", { enumerable: true, get: function () { return ThumbDownFill_1.ThumbDownFill; } });

package/lib/icons/thumbUpFill.js

@@ -0,0 +1,21 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThumbUpFill = void 0;
+var react_1 = __importDefault(require("react"));
+var ThumbUpFill = function (props) { return (react_1.default.createElement("svg", __assign({ "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", width: 48, height: 48, viewBox: "0 -960 960 960" }, props),
+    react_1.default.createElement("path", { d: "M860-632q23 0 41.5 18.5T920-572v82q0 11-2.5 25.5T910-439L794-171q-9 21-29.5 36T721-120H314q-25 0-42.5-17.5T254-180v-428q0-11 4.5-22t12.5-19l207-218q14-14 33.5-17t36.5 7 25.5 28 4.5 37l-38 180zM137-120q-23 0-40-17t-17-40v-398q0-23 17-40t40-17 40 17 17 40v398q0 23-17 40t-40 17" }))); };
+exports.ThumbUpFill = ThumbUpFill;

package/lib/index.js

@@ -1,16 +1,5 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Thumbs", {
-  enumerable: true,
-  get: function get() {
-    return _feedbackThumbs.Thumbs;
-  }
-});
-exports.default = void 0;
-var _feedback = _interopRequireDefault(require("./feedback"));
-var _feedbackThumbs = require("./feedback-thumbs");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = _feedback.default;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Feedback = void 0;
+var Feedback_1 = require("./Feedback");
+Object.defineProperty(exports, "Feedback", { enumerable: true, get: function () { return Feedback_1.Feedback; } });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-feedback-react",
-    "version": "2.0.45",
+    "version": "3.0.1",
     "description": "React component for ffe-feedback",
     "license": "MIT",
     "author": "SpareBank 1",
@@ -18,10 +18,10 @@
         "url": "ssh://git@github.com:SpareBank1/designsystem.git"
     },
     "scripts": {
-        "build": "ffe-buildtool babel",
+        "build": "ffe-buildtool tsc",
         "watch": "ffe-buildtool babel-watch",
-        "lint": "eslint src",
-        "lint:fix": "eslint src --fix",
+        "lint": "eslint src --ext ts,tsx",
+        "lint:fix": "eslint src --fix --ext ts,tsx",
         "test": "ffe-buildtool jest",
         "test:watch": "ffe-buildtool jest --watch"
     },
@@ -30,7 +30,7 @@
         "@sb1/ffe-collapse-react": "^4.0.2",
         "@sb1/ffe-core-react": "^8.0.4",
         "@sb1/ffe-feedback": "^1.2.15",
-        "@sb1/ffe-form-react": "^18.0.4",
+        "@sb1/ffe-form-react": "^19.0.0",
         "classnames": "^2.3.1",
         "lottie-web": "^5.12.2",
         "uuid": "^9.0.0"
@@ -38,10 +38,8 @@
     "devDependencies": {
         "@sb1/ffe-buildtool": "^0.6.1",
         "eslint": "^8.57.0",
-        "prop-types": "^15.7.2",
         "react": "^16.9.0",
-        "react-dom": "^16.9.0",
-        "sinon": "^7.2.3"
+        "react-dom": "^16.9.0"
     },
     "peerDependencies": {
         "react": ">=16.9.0"
@@ -49,5 +47,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "cc48a1d6a065e4e79544b61959d62ada40030cae"
+    "gitHead": "279a4e7d3afe4b4679448a28d1cdd8557740fdd5"
 }

package/types/Animation.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Animation: () => React.JSX.Element;

package/types/Feedback.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Thumb } from './FeedbackThumbs';
+import { FeedbackExpandedProps } from './FeedbackExpanded';
+export interface FeedbackProps {
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    locale?: 'nb' | 'nn' | 'en';
+    onThumbClick: (thumb: Thumb) => void;
+    onFeedbackSend: (feedbackText: string) => void;
+    /** Set the background color of the feedback container. Accepts ffe-color variables without the "ffe-farge-" bit of the name. */
+    bgColor?: 'hvit' | 'frost-30' | 'sand-30' | 'syrin-30' | 'vann-30';
+    /** Set the background color of the feedback container in darkmode */
+    bgDarkmodeColor?: 'svart' | 'natt';
+    contactLink?: FeedbackExpandedProps['contactLink'];
+}
+export declare const Feedback: React.FC<FeedbackProps>;

package/types/FeedbackExpanded.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface FeedbackExpandedProps {
+    locale: 'nb' | 'nn' | 'en';
+    onSend: (feedbackText: string) => void;
+    onCancel: () => void;
+    contactLink?: {
+        url: string;
+        onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+        linkText?: string;
+    };
+}
+export declare const FeedbackExpanded: React.FC<FeedbackExpandedProps>;

package/types/FeedbackThumbs.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type Thumb = 'THUMB_UP' | 'THUMB_DOWN';
+interface FeedbackThumbsProps {
+    locale: 'nb' | 'nn' | 'en';
+    onClick: (thumb: Thumb) => void;
+    headingId: string;
+}
+export declare const FeedbackThumbs: React.FC<FeedbackThumbsProps>;
+export {};