@sb1/ffe-feedback-react 1.1.0

package/lib/i18n/en.js

@@ -0,0 +1,22 @@
+"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'
+};

package/lib/i18n/i18n.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _en = _interopRequireDefault(require("./en"));
+var _nn = _interopRequireDefault(require("./nn"));
+var _nb = _interopRequireDefault(require("./nb"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = {
+  nb: _nb.default,
+  nn: _nn.default,
+  en: _en.default
+};

package/lib/i18n/nb.js

@@ -0,0 +1,22 @@
+"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'
+};

package/lib/i18n/nn.js

@@ -0,0 +1,22 @@
+"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'
+};

package/lib/index.js

@@ -0,0 +1,16 @@
+"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;

package/package.json

@@ -0,0 +1,53 @@
+{
+    "name": "@sb1/ffe-feedback-react",
+    "version": "1.1.0",
+    "description": "React component for ffe-feedback",
+    "license": "MIT",
+    "author": "SpareBank 1",
+    "files": [
+        "lib",
+        "es",
+        "types"
+    ],
+    "main": "lib/index.js",
+    "module": "es/index.js",
+    "types": "types/index.d.ts",
+    "sideEffects": false,
+    "repository": {
+        "type": "git",
+        "url": "ssh://git@github.com:SpareBank1/designsystem.git"
+    },
+    "scripts": {
+        "build": "ffe-buildtool babel",
+        "watch": "ffe-buildtool babel-watch",
+        "lint": "eslint src",
+        "test": "ffe-buildtool jest",
+        "test:watch": "ffe-buildtool jest --watch"
+    },
+    "dependencies": {
+        "@sb1/ffe-buttons-react": "^20.0.4",
+        "@sb1/ffe-collapse-react": "^2.0.6",
+        "@sb1/ffe-core-react": "^7.1.4",
+        "@sb1/ffe-feedback": "^1.1.0",
+        "@sb1/ffe-form-react": "^14.0.5",
+        "@sb1/ffe-symbols-react": "^3.0.1",
+        "classnames": "^2.3.1",
+        "lottie-web": "^5.12.2",
+        "uuid": "^9.0.0"
+    },
+    "devDependencies": {
+        "@sb1/ffe-buildtool": "^0.5.0",
+        "eslint": "^5.9.0",
+        "prop-types": "^15.7.2",
+        "react": "^16.9.0",
+        "react-dom": "^16.9.0",
+        "sinon": "^7.2.3"
+    },
+    "peerDependencies": {
+        "react": ">=16.9.0"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "gitHead": "165f5a8191e44f4633718d9b34c0aad6af680f58"
+}

package/types/index.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { Thumbs } from '../src/feedback-thumbs';
+
+export { Thumbs };
+export type ThumbType = typeof Thumbs.UP | typeof Thumbs.DOWN;
+
+export type bgColors = 'hvit' | 'frost-30' | 'sand-30' | 'syrin-30' | 'vann-30';
+
+export type bgDarkmodeColors = 'svart' | 'natt';
+
+export interface ContactLink {
+    url?: string;
+    linkText?: string;
+    onClick?: (e: React.MouseEvent | undefined) => void;
+}
+
+export interface FeedbackProps extends React.ComponentProps<'div'> {
+    language?: 'nb' | 'nn' | 'en';
+    onThumbClick: (thumb: ThumbType) => void;
+    onFeedbackSend: (feedbackText: string) => void;
+    bgColor?: bgColors;
+    bgDarkmodeColor?: bgDarkmodeColors;
+    contactLink?: ContactLink;
+}
+
+declare class Feedback extends React.Component<FeedbackProps, any> {}
+
+export default Feedback;