@sb1/ffe-feedback-react 100.12.3 → 101.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/es/Feedback.js CHANGED
@@ -5,29 +5,27 @@ import { FeedbackThumbs } from './FeedbackThumbs';
5
5
  import classNames from 'classnames';
6
6
  import { FeedbackExpanded } from './FeedbackExpanded';
7
7
  import { HighFive } from './HighFive';
8
- export var Feedback = function (_a) {
9
- var _b;
10
- var _c;
11
- var _d = _a.headingLevel, headingLevel = _d === void 0 ? 4 : _d, headingLookLike = _a.headingLookLike, _e = _a.locale, locale = _e === void 0 ? 'nb' : _e, onThumbClick = _a.onThumbClick, onFeedbackSend = _a.onFeedbackSend, onFinish = _a.onFinish, bgColor = _a.bgColor, contactLink = _a.contactLink, texts = _a.texts, className = _a.className, _f = _a.includeConsent, includeConsent = _f === void 0 ? false : _f;
12
- var feedbackSentRef = useRef(null);
13
- var expandedRef = useRef(null);
14
- var _g = useState(false), expanded = _g[0], setExpanded = _g[1];
15
- var _h = useState(false), feedbackSent = _h[0], setFeedbackSent = _h[1];
16
- var headingId = useId();
17
- var feedbackClassnames = classNames('ffe-feedback', (_b = {},
18
- _b["ffe-feedback--bg-".concat(bgColor)] = bgColor,
19
- _b), className);
20
- var handleThumbClicked = function (thumb) {
8
+ export const Feedback = ({ headingLevel = 4, headingLookLike, locale = 'nb', onThumbClick, onFeedbackSend, onFinish, bgColor, contactLink, texts, className, includeConsent = false, }) => {
9
+ var _a;
10
+ const feedbackSentRef = useRef(null);
11
+ const expandedRef = useRef(null);
12
+ const [expanded, setExpanded] = useState(false);
13
+ const [feedbackSent, setFeedbackSent] = useState(false);
14
+ const headingId = useId();
15
+ const feedbackClassnames = classNames('ffe-feedback', {
16
+ [`ffe-feedback--bg-${bgColor}`]: bgColor,
17
+ }, className);
18
+ const handleThumbClicked = (thumb) => {
21
19
  var _a;
22
- flushSync(function () {
20
+ flushSync(() => {
23
21
  setExpanded(true);
24
22
  });
25
23
  (_a = expandedRef.current) === null || _a === void 0 ? void 0 : _a.focus();
26
24
  onThumbClick(thumb);
27
25
  };
28
- var handleFeedbackSent = function (feedbackText, consentGiven) {
26
+ const handleFeedbackSent = (feedbackText, consentGiven) => {
29
27
  var _a;
30
- flushSync(function () {
28
+ flushSync(() => {
31
29
  setFeedbackSent(true);
32
30
  });
33
31
  (_a = feedbackSentRef.current) === null || _a === void 0 ? void 0 : _a.focus();
@@ -38,15 +36,14 @@ export var Feedback = function (_a) {
38
36
  onFinish();
39
37
  }
40
38
  };
41
- var renderHeading = function (level, text, options) {
42
- var _a;
43
- var _b, _c;
44
- var _d = options || {}, ref = _d.ref, tabIndex = _d.tabIndex, id = _d.id, textCenter = _d.textCenter;
45
- var headingClassName = classNames("ffe-h".concat((_b = options === null || options === void 0 ? void 0 : options.lookLike) !== null && _b !== void 0 ? _b : level), (_a = {}, _a["ffe-h".concat((_c = options === null || options === void 0 ? void 0 : options.lookLike) !== null && _c !== void 0 ? _c : level, "--text-center")] = textCenter, _a), 'ffe-feedback__heading');
46
- return React.createElement("h".concat(level), {
47
- ref: ref,
48
- id: id,
49
- tabIndex: tabIndex,
39
+ const renderHeading = (level, text, options) => {
40
+ var _a, _b;
41
+ const { ref, tabIndex, id, textCenter } = options || {};
42
+ const headingClassName = classNames(`ffe-h${(_a = options === null || options === void 0 ? void 0 : options.lookLike) !== null && _a !== void 0 ? _a : level}`, { [`ffe-h${(_b = options === null || options === void 0 ? void 0 : options.lookLike) !== null && _b !== void 0 ? _b : level}--text-center`]: textCenter }, 'ffe-feedback__heading');
43
+ return React.createElement(`h${level}`, {
44
+ ref,
45
+ id,
46
+ tabIndex,
50
47
  className: headingClassName,
51
48
  }, text);
52
49
  };
@@ -72,7 +69,7 @@ export var Feedback = function (_a) {
72
69
  }
73
70
  return (React.createElement("div", { className: feedbackClassnames },
74
71
  React.createElement("div", { className: "ffe-feedback__content" },
75
- renderHeading(headingLevel, (_c = texts === null || texts === void 0 ? void 0 : texts.feedbackNotSentHeading) !== null && _c !== void 0 ? _c : txt[locale].FEEDBACK_NOT_SENT_HEADING, {
72
+ renderHeading(headingLevel, (_a = texts === null || texts === void 0 ? void 0 : texts.feedbackNotSentHeading) !== null && _a !== void 0 ? _a : txt[locale].FEEDBACK_NOT_SENT_HEADING, {
76
73
  id: headingId,
77
74
  textCenter: true,
78
75
  lookLike: headingLookLike,
@@ -3,28 +3,25 @@ import { LinkText, Paragraph } from '@sb1/ffe-core-react';
3
3
  import { txt } from './i18n/texts';
4
4
  import { InputGroup, TextArea, Checkbox } from '@sb1/ffe-form-react';
5
5
  import { ActionButton, ButtonGroup, TertiaryButton, } from '@sb1/ffe-buttons-react';
6
- export var FeedbackExpanded = function (_a) {
7
- var _b;
8
- var locale = _a.locale, handleFeedback = _a.handleFeedback, contactLink = _a.contactLink, _c = _a.includeConsent, includeConsent = _c === void 0 ? false : _c;
9
- var _d = useState(), feedbackText = _d[0], setFeedbackText = _d[1];
10
- var _e = useState(false), consentGiven = _e[0], setConsentGiven = _e[1];
11
- var contactLinkElement = contactLink ? (React.createElement(LinkText, { href: contactLink.url, className: "ffe-feedback__link-button", onClick: contactLink === null || contactLink === void 0 ? void 0 : contactLink.onClick }, (_b = contactLink.linkText) !== null && _b !== void 0 ? _b : txt[locale].FEEDBACK_LINK_TEXT)) : null;
6
+ export const FeedbackExpanded = ({ locale, handleFeedback, contactLink, includeConsent = false, }) => {
7
+ var _a;
8
+ const [feedbackText, setFeedbackText] = useState();
9
+ const [consentGiven, setConsentGiven] = useState(false);
10
+ const contactLinkElement = contactLink ? (React.createElement(LinkText, { href: contactLink.url, className: "ffe-feedback__link-button", onClick: contactLink === null || contactLink === void 0 ? void 0 : contactLink.onClick }, (_a = contactLink.linkText) !== null && _a !== void 0 ? _a : txt[locale].FEEDBACK_LINK_TEXT)) : null;
12
11
  return (React.createElement(React.Fragment, null,
13
12
  React.createElement(Paragraph, null,
14
13
  includeConsent ? txt[locale].FEEDBACK_ANSWER_INCLUDE_CONSENT : txt[locale].FEEDBACK_ANSWER,
15
14
  contactLinkElement && txt[locale].QUESTIONS,
16
15
  contactLinkElement),
17
16
  React.createElement(InputGroup, { className: "ffe-feedback__textarea-container", label: txt[locale].FEEDBACK_IMPROVE, description: txt[locale].FEEDBACK_SENSITIVE },
18
- React.createElement(TextArea, { "data-testid": "feedbackTextArea", onChange: function (event) { return setFeedbackText(event.target.value); }, value: feedbackText, rows: 6, maxLength: 1000, className: "ffe-feedback__textarea" })),
17
+ React.createElement(TextArea, { "data-testid": "feedbackTextArea", onChange: event => setFeedbackText(event.target.value), value: feedbackText, rows: 6, maxLength: 1000, className: "ffe-feedback__textarea" })),
19
18
  includeConsent && (React.createElement("div", { className: "ffe-feedback__consent" },
20
- React.createElement(Checkbox, { checked: consentGiven, onChange: function (event) {
21
- return setConsentGiven(event.target.checked);
22
- } }, txt[locale].FEEDBACK_CONSENT))),
19
+ React.createElement(Checkbox, { checked: consentGiven, onChange: event => setConsentGiven(event.target.checked) }, txt[locale].FEEDBACK_CONSENT))),
23
20
  React.createElement(ButtonGroup, { className: "ffe-feedback__button-group", ariaLabel: txt[locale].FEEDBACK_BUTTON_GROUP, thin: true },
24
- React.createElement(ActionButton, { onClick: function () {
21
+ React.createElement(ActionButton, { onClick: () => {
25
22
  if (feedbackText) {
26
23
  handleFeedback(feedbackText, includeConsent ? consentGiven : undefined);
27
24
  }
28
25
  } }, txt[locale].FEEDBACK_BUTTON_SEND),
29
- React.createElement(TertiaryButton, { onClick: function () { return handleFeedback(); } }, txt[locale].FEEDBACK_BUTTON_CANCEL))));
26
+ React.createElement(TertiaryButton, { onClick: () => handleFeedback() }, txt[locale].FEEDBACK_BUTTON_CANCEL))));
30
27
  };
@@ -2,13 +2,12 @@ import React from 'react';
2
2
  import { txt } from './i18n/texts';
3
3
  import { SecondaryButton } from '@sb1/ffe-buttons-react';
4
4
  import { Icon } from '@sb1/ffe-icons-react';
5
- var thumbUpIconLg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik04MzUuMTMtNjE2LjJxMjQuNjQgMCA0My42IDE4Ljk2dDE4Ljk2IDQzLjZ2NjUuNnEwIDYuMzktLjA1IDEzLjM4LS4wNSA2Ljk5LTIuNDYgMTMuMjJMNzc3LjgzLTE4Ny4xM3EtOC42MSAxOS44LTI4Ljg2IDMzLjQ2UTcyOC43MS0xNDAgNzA3LjE5LTE0MEgyODQuNjd2LTQ3Ni4ybDIyNS4yNS0yMzAuN3ExMC45OS0xMS4yNSAyNS45Mi0xMy41NiAxNC45My0yLjMxIDI4LjM5IDUuMjYgMTMuMzEgNy41NiAxOS43OSAyMS41MSA2LjQ5IDEzLjk1IDIuOTggMjkuMUw1NDYuOTctNjE2LjJoMjg4LjE2Wm0tNTAwLjIxIDIxLjMzdjQwNC42MWgzNzguNzdxMy45OCAwIDguNTMtMi4zIDQuNTUtMi4zMSA2Ljg2LTcuN2wxMTguMzYtMjc5LjMzdi03NC4wNXEwLTUuMTMtMy41OS04LjcyLTMuNTktMy41OS04LjcyLTMuNTlINDg0LjkybDQ5LjQ5LTIzMy4xOC0xOTkuNDkgMjA0LjI2Wk0xNjIuMTUtMTQwcS0yNS44IDAtNDQuMTgtMTguNDh0LTE4LjM4LTQ0LjA5di0zNTEuMDdxMC0yNS42MSAxOC4zOC00NC4wOSAxOC4zOC0xOC40NyA0NC4xOC0xOC40N2gxMjIuNTJ2NTAuMjVIMTYyLjE1cS01LjM4IDAtOC44NCAzLjU5dC0zLjQ2IDguNzJ2MzUxLjA3cTAgNS4zOSAzLjQ2IDguODV0OC44NCAzLjQ2aDEyMi41MlYtMTQwSDE2Mi4xNVptMTcyLjc3LTUwLjI2di00MDQuNjEgNDA0LjYxWiIvPjwvc3ZnPg==';
6
- var thumbDownIconLg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik0xMjUuMTMtMzQzLjhxLTI1IDAtNDMuNzgtMTguOTZ0LTE4Ljc4LTQzLjZ2LTY1LjZxMC02LjM5LS4wOC0xMy4zOC0uMDgtNi45OSAyLjMzLTEzLjIybDExNy42MS0yNzQuMzFxOC4yNi0xOS43NiAyOC41Ni0zMy40NFEyMzEuMjktODIwIDI1Mi44MS04MjBoNDIyLjUydjQ3Ni4yTDQ1MC4wOC0xMTMuMXEtMTAuOTkgMTEuMjUtMjUuOTIgMTMuNTYtMTQuOTMgMi4zMS0yOC4zOS01LjI2LTEzLjMxLTcuNTYtMTkuNzktMjEuNTEtNi40OS0xMy45NS0yLjk4LTI5LjFsNDAuMDMtMTg4LjM5aC0yODcuOVptNDk5Ljk1LTIxLjMzdi00MDQuNjFIMjQ2LjMxcS0zLjk4IDAtOC41MyAyLjMtNC41NSAyLjMxLTYuODYgNy43bC0xMTguMSAyNzkuMzN2NzQuMDVxMCA1LjEzIDMuNDYgOC43MiAzLjQ2IDMuNTkgOC44NSAzLjU5aDM0OS45NWwtNDkuNDkgMjMzLjE4IDE5OS40OS0yMDQuMjZaTTc5Ny44NS04MjBxMjUuOCAwIDQ0LjE4IDE4LjQ4dDE4LjM4IDQ0LjA5djM1MS4wN3EwIDI1LjYxLTE4LjM4IDQ0LjA5LTE4LjM4IDE4LjQ3LTQ0LjE4IDE4LjQ3SDY3NS4zM3YtNTAuMjVoMTIyLjUycTUuMzggMCA4Ljg0LTMuNTl0My40Ni04Ljcydi0zNTEuMDdxMC01LjM5LTMuNDYtOC44NXQtOC44NC0zLjQ2SDY3NS4zM1YtODIwaDEyMi41MlptLTE3Mi43NyA1MC4yNnY0MDQuNjEtNDA0LjYxWiIvPjwvc3ZnPg==';
7
- export var FeedbackThumbs = function (_a) {
8
- var locale = _a.locale, onClick = _a.onClick, headingId = _a.headingId;
5
+ const thumbUpIconLg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik04MzUuMTMtNjE2LjJxMjQuNjQgMCA0My42IDE4Ljk2dDE4Ljk2IDQzLjZ2NjUuNnEwIDYuMzktLjA1IDEzLjM4LS4wNSA2Ljk5LTIuNDYgMTMuMjJMNzc3LjgzLTE4Ny4xM3EtOC42MSAxOS44LTI4Ljg2IDMzLjQ2UTcyOC43MS0xNDAgNzA3LjE5LTE0MEgyODQuNjd2LTQ3Ni4ybDIyNS4yNS0yMzAuN3ExMC45OS0xMS4yNSAyNS45Mi0xMy41NiAxNC45My0yLjMxIDI4LjM5IDUuMjYgMTMuMzEgNy41NiAxOS43OSAyMS41MSA2LjQ5IDEzLjk1IDIuOTggMjkuMUw1NDYuOTctNjE2LjJoMjg4LjE2Wm0tNTAwLjIxIDIxLjMzdjQwNC42MWgzNzguNzdxMy45OCAwIDguNTMtMi4zIDQuNTUtMi4zMSA2Ljg2LTcuN2wxMTguMzYtMjc5LjMzdi03NC4wNXEwLTUuMTMtMy41OS04LjcyLTMuNTktMy41OS04LjcyLTMuNTlINDg0LjkybDQ5LjQ5LTIzMy4xOC0xOTkuNDkgMjA0LjI2Wk0xNjIuMTUtMTQwcS0yNS44IDAtNDQuMTgtMTguNDh0LTE4LjM4LTQ0LjA5di0zNTEuMDdxMC0yNS42MSAxOC4zOC00NC4wOSAxOC4zOC0xOC40NyA0NC4xOC0xOC40N2gxMjIuNTJ2NTAuMjVIMTYyLjE1cS01LjM4IDAtOC44NCAzLjU5dC0zLjQ2IDguNzJ2MzUxLjA3cTAgNS4zOSAzLjQ2IDguODV0OC44NCAzLjQ2aDEyMi41MlYtMTQwSDE2Mi4xNVptMTcyLjc3LTUwLjI2di00MDQuNjEgNDA0LjYxWiIvPjwvc3ZnPg==';
6
+ const thumbDownIconLg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik0xMjUuMTMtMzQzLjhxLTI1IDAtNDMuNzgtMTguOTZ0LTE4Ljc4LTQzLjZ2LTY1LjZxMC02LjM5LS4wOC0xMy4zOC0uMDgtNi45OSAyLjMzLTEzLjIybDExNy42MS0yNzQuMzFxOC4yNi0xOS43NiAyOC41Ni0zMy40NFEyMzEuMjktODIwIDI1Mi44MS04MjBoNDIyLjUydjQ3Ni4yTDQ1MC4wOC0xMTMuMXEtMTAuOTkgMTEuMjUtMjUuOTIgMTMuNTYtMTQuOTMgMi4zMS0yOC4zOS01LjI2LTEzLjMxLTcuNTYtMTkuNzktMjEuNTEtNi40OS0xMy45NS0yLjk4LTI5LjFsNDAuMDMtMTg4LjM5aC0yODcuOVptNDk5Ljk1LTIxLjMzdi00MDQuNjFIMjQ2LjMxcS0zLjk4IDAtOC41MyAyLjMtNC41NSAyLjMxLTYuODYgNy43bC0xMTguMSAyNzkuMzN2NzQuMDVxMCA1LjEzIDMuNDYgOC43MiAzLjQ2IDMuNTkgOC44NSAzLjU5aDM0OS45NWwtNDkuNDkgMjMzLjE4IDE5OS40OS0yMDQuMjZaTTc5Ny44NS04MjBxMjUuOCAwIDQ0LjE4IDE4LjQ4dDE4LjM4IDQ0LjA5djM1MS4wN3EwIDI1LjYxLTE4LjM4IDQ0LjA5LTE4LjM4IDE4LjQ3LTQ0LjE4IDE4LjQ3SDY3NS4zM3YtNTAuMjVoMTIyLjUycTUuMzggMCA4Ljg0LTMuNTl0My40Ni04Ljcydi0zNTEuMDdxMC01LjM5LTMuNDYtOC44NXQtOC44NC0zLjQ2SDY3NS4zM1YtODIwaDEyMi41MlptLTE3Mi43NyA1MC4yNnY0MDQuNjEtNDA0LjYxWiIvPjwvc3ZnPg==';
7
+ export const FeedbackThumbs = ({ locale, onClick, headingId, }) => {
9
8
  return (React.createElement("div", { className: "ffe-feedback__thumbs" },
10
- React.createElement(SecondaryButton, { "aria-label": txt[locale].ARIA_LABEL_THUMB_UP, "aria-describedby": headingId, onClick: function () { return onClick('THUMB_UP'); }, iconOnly: true, size: 'lg' },
9
+ React.createElement(SecondaryButton, { "aria-label": txt[locale].ARIA_LABEL_THUMB_UP, "aria-describedby": headingId, onClick: () => onClick('THUMB_UP'), iconOnly: true, size: 'lg' },
11
10
  React.createElement(Icon, { size: "lg", fileUrl: thumbUpIconLg })),
12
- React.createElement(SecondaryButton, { "aria-label": txt[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, onClick: function () { return onClick('THUMB_DOWN'); }, iconOnly: true, size: 'lg' },
11
+ React.createElement(SecondaryButton, { "aria-label": txt[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, onClick: () => onClick('THUMB_DOWN'), iconOnly: true, size: 'lg' },
13
12
  React.createElement(Icon, { size: "lg", fileUrl: thumbDownIconLg }))));
14
13
  };
package/es/HighFive.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- export var HighFive = function () {
2
+ export const HighFive = () => {
3
3
  return (React.createElement("svg", { width: "180", viewBox: "0 0 331 320", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true },
4
4
  React.createElement("g", { clipPath: "url(#a)" },
5
5
  React.createElement("circle", { cx: "165", cy: "160", r: "160", fill: "#005AA4" }),
package/es/i18n/en.js CHANGED
@@ -1,4 +1,4 @@
1
- export var en = {
1
+ export const en = {
2
2
  ARIA_LABEL_THUMB_UP: 'Give thumbs up',
3
3
  ARIA_LABEL_THUMB_DOWN: 'Give thumbs down',
4
4
  FEEDBACK_NOT_SENT_HEADING: 'What do you think of this page? ',
package/es/i18n/nb.js CHANGED
@@ -1,4 +1,4 @@
1
- export var nb = {
1
+ export const nb = {
2
2
  ARIA_LABEL_THUMB_UP: 'Gi tommel opp',
3
3
  ARIA_LABEL_THUMB_DOWN: 'Gi tommel ned',
4
4
  FEEDBACK_NOT_SENT_HEADING: 'Hva synes du om denne siden? ',
package/es/i18n/nn.js CHANGED
@@ -1,4 +1,4 @@
1
- export var nn = {
1
+ export const nn = {
2
2
  ARIA_LABEL_THUMB_UP: 'Gje tommel opp',
3
3
  ARIA_LABEL_THUMB_DOWN: 'Gje tommel ned',
4
4
  FEEDBACK_NOT_SENT_HEADING: 'Kva synest du om denne sida? ',
package/es/i18n/texts.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { en } from './en';
2
2
  import { nn } from './nn';
3
3
  import { nb } from './nb';
4
- export var txt = {
5
- nb: nb,
6
- nn: nn,
7
- en: en,
4
+ export const txt = {
5
+ nb,
6
+ nn,
7
+ en,
8
8
  };
package/lib/Feedback.js CHANGED
@@ -37,36 +37,34 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
37
37
  };
38
38
  Object.defineProperty(exports, "__esModule", { value: true });
39
39
  exports.Feedback = void 0;
40
- var react_1 = __importStar(require("react"));
41
- var react_dom_1 = require("react-dom");
42
- var texts_1 = require("./i18n/texts");
43
- var FeedbackThumbs_1 = require("./FeedbackThumbs");
44
- var classnames_1 = __importDefault(require("classnames"));
45
- var FeedbackExpanded_1 = require("./FeedbackExpanded");
46
- var HighFive_1 = require("./HighFive");
47
- var Feedback = function (_a) {
48
- var _b;
49
- var _c;
50
- var _d = _a.headingLevel, headingLevel = _d === void 0 ? 4 : _d, headingLookLike = _a.headingLookLike, _e = _a.locale, locale = _e === void 0 ? 'nb' : _e, onThumbClick = _a.onThumbClick, onFeedbackSend = _a.onFeedbackSend, onFinish = _a.onFinish, bgColor = _a.bgColor, contactLink = _a.contactLink, texts = _a.texts, className = _a.className, _f = _a.includeConsent, includeConsent = _f === void 0 ? false : _f;
51
- var feedbackSentRef = (0, react_1.useRef)(null);
52
- var expandedRef = (0, react_1.useRef)(null);
53
- var _g = (0, react_1.useState)(false), expanded = _g[0], setExpanded = _g[1];
54
- var _h = (0, react_1.useState)(false), feedbackSent = _h[0], setFeedbackSent = _h[1];
55
- var headingId = (0, react_1.useId)();
56
- var feedbackClassnames = (0, classnames_1.default)('ffe-feedback', (_b = {},
57
- _b["ffe-feedback--bg-".concat(bgColor)] = bgColor,
58
- _b), className);
59
- var handleThumbClicked = function (thumb) {
40
+ const react_1 = __importStar(require("react"));
41
+ const react_dom_1 = require("react-dom");
42
+ const texts_1 = require("./i18n/texts");
43
+ const FeedbackThumbs_1 = require("./FeedbackThumbs");
44
+ const classnames_1 = __importDefault(require("classnames"));
45
+ const FeedbackExpanded_1 = require("./FeedbackExpanded");
46
+ const HighFive_1 = require("./HighFive");
47
+ const Feedback = ({ headingLevel = 4, headingLookLike, locale = 'nb', onThumbClick, onFeedbackSend, onFinish, bgColor, contactLink, texts, className, includeConsent = false, }) => {
48
+ var _a;
49
+ const feedbackSentRef = (0, react_1.useRef)(null);
50
+ const expandedRef = (0, react_1.useRef)(null);
51
+ const [expanded, setExpanded] = (0, react_1.useState)(false);
52
+ const [feedbackSent, setFeedbackSent] = (0, react_1.useState)(false);
53
+ const headingId = (0, react_1.useId)();
54
+ const feedbackClassnames = (0, classnames_1.default)('ffe-feedback', {
55
+ [`ffe-feedback--bg-${bgColor}`]: bgColor,
56
+ }, className);
57
+ const handleThumbClicked = (thumb) => {
60
58
  var _a;
61
- (0, react_dom_1.flushSync)(function () {
59
+ (0, react_dom_1.flushSync)(() => {
62
60
  setExpanded(true);
63
61
  });
64
62
  (_a = expandedRef.current) === null || _a === void 0 ? void 0 : _a.focus();
65
63
  onThumbClick(thumb);
66
64
  };
67
- var handleFeedbackSent = function (feedbackText, consentGiven) {
65
+ const handleFeedbackSent = (feedbackText, consentGiven) => {
68
66
  var _a;
69
- (0, react_dom_1.flushSync)(function () {
67
+ (0, react_dom_1.flushSync)(() => {
70
68
  setFeedbackSent(true);
71
69
  });
72
70
  (_a = feedbackSentRef.current) === null || _a === void 0 ? void 0 : _a.focus();
@@ -77,15 +75,14 @@ var Feedback = function (_a) {
77
75
  onFinish();
78
76
  }
79
77
  };
80
- var renderHeading = function (level, text, options) {
81
- var _a;
82
- var _b, _c;
83
- var _d = options || {}, ref = _d.ref, tabIndex = _d.tabIndex, id = _d.id, textCenter = _d.textCenter;
84
- var headingClassName = (0, classnames_1.default)("ffe-h".concat((_b = options === null || options === void 0 ? void 0 : options.lookLike) !== null && _b !== void 0 ? _b : level), (_a = {}, _a["ffe-h".concat((_c = options === null || options === void 0 ? void 0 : options.lookLike) !== null && _c !== void 0 ? _c : level, "--text-center")] = textCenter, _a), 'ffe-feedback__heading');
85
- return react_1.default.createElement("h".concat(level), {
86
- ref: ref,
87
- id: id,
88
- tabIndex: tabIndex,
78
+ const renderHeading = (level, text, options) => {
79
+ var _a, _b;
80
+ const { ref, tabIndex, id, textCenter } = options || {};
81
+ const headingClassName = (0, classnames_1.default)(`ffe-h${(_a = options === null || options === void 0 ? void 0 : options.lookLike) !== null && _a !== void 0 ? _a : level}`, { [`ffe-h${(_b = options === null || options === void 0 ? void 0 : options.lookLike) !== null && _b !== void 0 ? _b : level}--text-center`]: textCenter }, 'ffe-feedback__heading');
82
+ return react_1.default.createElement(`h${level}`, {
83
+ ref,
84
+ id,
85
+ tabIndex,
89
86
  className: headingClassName,
90
87
  }, text);
91
88
  };
@@ -111,7 +108,7 @@ var Feedback = function (_a) {
111
108
  }
112
109
  return (react_1.default.createElement("div", { className: feedbackClassnames },
113
110
  react_1.default.createElement("div", { className: "ffe-feedback__content" },
114
- renderHeading(headingLevel, (_c = texts === null || texts === void 0 ? void 0 : texts.feedbackNotSentHeading) !== null && _c !== void 0 ? _c : texts_1.txt[locale].FEEDBACK_NOT_SENT_HEADING, {
111
+ renderHeading(headingLevel, (_a = texts === null || texts === void 0 ? void 0 : texts.feedbackNotSentHeading) !== null && _a !== void 0 ? _a : texts_1.txt[locale].FEEDBACK_NOT_SENT_HEADING, {
115
112
  id: headingId,
116
113
  textCenter: true,
117
114
  lookLike: headingLookLike,
@@ -34,34 +34,31 @@ var __importStar = (this && this.__importStar) || (function () {
34
34
  })();
35
35
  Object.defineProperty(exports, "__esModule", { value: true });
36
36
  exports.FeedbackExpanded = void 0;
37
- var react_1 = __importStar(require("react"));
38
- var ffe_core_react_1 = require("@sb1/ffe-core-react");
39
- var texts_1 = require("./i18n/texts");
40
- var ffe_form_react_1 = require("@sb1/ffe-form-react");
41
- var ffe_buttons_react_1 = require("@sb1/ffe-buttons-react");
42
- var FeedbackExpanded = function (_a) {
43
- var _b;
44
- var locale = _a.locale, handleFeedback = _a.handleFeedback, contactLink = _a.contactLink, _c = _a.includeConsent, includeConsent = _c === void 0 ? false : _c;
45
- var _d = (0, react_1.useState)(), feedbackText = _d[0], setFeedbackText = _d[1];
46
- var _e = (0, react_1.useState)(false), consentGiven = _e[0], setConsentGiven = _e[1];
47
- var contactLinkElement = contactLink ? (react_1.default.createElement(ffe_core_react_1.LinkText, { href: contactLink.url, className: "ffe-feedback__link-button", onClick: contactLink === null || contactLink === void 0 ? void 0 : contactLink.onClick }, (_b = contactLink.linkText) !== null && _b !== void 0 ? _b : texts_1.txt[locale].FEEDBACK_LINK_TEXT)) : null;
37
+ const react_1 = __importStar(require("react"));
38
+ const ffe_core_react_1 = require("@sb1/ffe-core-react");
39
+ const texts_1 = require("./i18n/texts");
40
+ const ffe_form_react_1 = require("@sb1/ffe-form-react");
41
+ const ffe_buttons_react_1 = require("@sb1/ffe-buttons-react");
42
+ const FeedbackExpanded = ({ locale, handleFeedback, contactLink, includeConsent = false, }) => {
43
+ var _a;
44
+ const [feedbackText, setFeedbackText] = (0, react_1.useState)();
45
+ const [consentGiven, setConsentGiven] = (0, react_1.useState)(false);
46
+ const contactLinkElement = contactLink ? (react_1.default.createElement(ffe_core_react_1.LinkText, { href: contactLink.url, className: "ffe-feedback__link-button", onClick: contactLink === null || contactLink === void 0 ? void 0 : contactLink.onClick }, (_a = contactLink.linkText) !== null && _a !== void 0 ? _a : texts_1.txt[locale].FEEDBACK_LINK_TEXT)) : null;
48
47
  return (react_1.default.createElement(react_1.default.Fragment, null,
49
48
  react_1.default.createElement(ffe_core_react_1.Paragraph, null,
50
49
  includeConsent ? texts_1.txt[locale].FEEDBACK_ANSWER_INCLUDE_CONSENT : texts_1.txt[locale].FEEDBACK_ANSWER,
51
50
  contactLinkElement && texts_1.txt[locale].QUESTIONS,
52
51
  contactLinkElement),
53
52
  react_1.default.createElement(ffe_form_react_1.InputGroup, { className: "ffe-feedback__textarea-container", label: texts_1.txt[locale].FEEDBACK_IMPROVE, description: texts_1.txt[locale].FEEDBACK_SENSITIVE },
54
- react_1.default.createElement(ffe_form_react_1.TextArea, { "data-testid": "feedbackTextArea", onChange: function (event) { return setFeedbackText(event.target.value); }, value: feedbackText, rows: 6, maxLength: 1000, className: "ffe-feedback__textarea" })),
53
+ react_1.default.createElement(ffe_form_react_1.TextArea, { "data-testid": "feedbackTextArea", onChange: event => setFeedbackText(event.target.value), value: feedbackText, rows: 6, maxLength: 1000, className: "ffe-feedback__textarea" })),
55
54
  includeConsent && (react_1.default.createElement("div", { className: "ffe-feedback__consent" },
56
- react_1.default.createElement(ffe_form_react_1.Checkbox, { checked: consentGiven, onChange: function (event) {
57
- return setConsentGiven(event.target.checked);
58
- } }, texts_1.txt[locale].FEEDBACK_CONSENT))),
55
+ react_1.default.createElement(ffe_form_react_1.Checkbox, { checked: consentGiven, onChange: event => setConsentGiven(event.target.checked) }, texts_1.txt[locale].FEEDBACK_CONSENT))),
59
56
  react_1.default.createElement(ffe_buttons_react_1.ButtonGroup, { className: "ffe-feedback__button-group", ariaLabel: texts_1.txt[locale].FEEDBACK_BUTTON_GROUP, thin: true },
60
- react_1.default.createElement(ffe_buttons_react_1.ActionButton, { onClick: function () {
57
+ react_1.default.createElement(ffe_buttons_react_1.ActionButton, { onClick: () => {
61
58
  if (feedbackText) {
62
59
  handleFeedback(feedbackText, includeConsent ? consentGiven : undefined);
63
60
  }
64
61
  } }, texts_1.txt[locale].FEEDBACK_BUTTON_SEND),
65
- react_1.default.createElement(ffe_buttons_react_1.TertiaryButton, { onClick: function () { return handleFeedback(); } }, texts_1.txt[locale].FEEDBACK_BUTTON_CANCEL))));
62
+ react_1.default.createElement(ffe_buttons_react_1.TertiaryButton, { onClick: () => handleFeedback() }, texts_1.txt[locale].FEEDBACK_BUTTON_CANCEL))));
66
63
  };
67
64
  exports.FeedbackExpanded = FeedbackExpanded;
@@ -4,18 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.FeedbackThumbs = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var texts_1 = require("./i18n/texts");
9
- var ffe_buttons_react_1 = require("@sb1/ffe-buttons-react");
10
- var ffe_icons_react_1 = require("@sb1/ffe-icons-react");
11
- var thumbUpIconLg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik04MzUuMTMtNjE2LjJxMjQuNjQgMCA0My42IDE4Ljk2dDE4Ljk2IDQzLjZ2NjUuNnEwIDYuMzktLjA1IDEzLjM4LS4wNSA2Ljk5LTIuNDYgMTMuMjJMNzc3LjgzLTE4Ny4xM3EtOC42MSAxOS44LTI4Ljg2IDMzLjQ2UTcyOC43MS0xNDAgNzA3LjE5LTE0MEgyODQuNjd2LTQ3Ni4ybDIyNS4yNS0yMzAuN3ExMC45OS0xMS4yNSAyNS45Mi0xMy41NiAxNC45My0yLjMxIDI4LjM5IDUuMjYgMTMuMzEgNy41NiAxOS43OSAyMS41MSA2LjQ5IDEzLjk1IDIuOTggMjkuMUw1NDYuOTctNjE2LjJoMjg4LjE2Wm0tNTAwLjIxIDIxLjMzdjQwNC42MWgzNzguNzdxMy45OCAwIDguNTMtMi4zIDQuNTUtMi4zMSA2Ljg2LTcuN2wxMTguMzYtMjc5LjMzdi03NC4wNXEwLTUuMTMtMy41OS04LjcyLTMuNTktMy41OS04LjcyLTMuNTlINDg0LjkybDQ5LjQ5LTIzMy4xOC0xOTkuNDkgMjA0LjI2Wk0xNjIuMTUtMTQwcS0yNS44IDAtNDQuMTgtMTguNDh0LTE4LjM4LTQ0LjA5di0zNTEuMDdxMC0yNS42MSAxOC4zOC00NC4wOSAxOC4zOC0xOC40NyA0NC4xOC0xOC40N2gxMjIuNTJ2NTAuMjVIMTYyLjE1cS01LjM4IDAtOC44NCAzLjU5dC0zLjQ2IDguNzJ2MzUxLjA3cTAgNS4zOSAzLjQ2IDguODV0OC44NCAzLjQ2aDEyMi41MlYtMTQwSDE2Mi4xNVptMTcyLjc3LTUwLjI2di00MDQuNjEgNDA0LjYxWiIvPjwvc3ZnPg==';
12
- var thumbDownIconLg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik0xMjUuMTMtMzQzLjhxLTI1IDAtNDMuNzgtMTguOTZ0LTE4Ljc4LTQzLjZ2LTY1LjZxMC02LjM5LS4wOC0xMy4zOC0uMDgtNi45OSAyLjMzLTEzLjIybDExNy42MS0yNzQuMzFxOC4yNi0xOS43NiAyOC41Ni0zMy40NFEyMzEuMjktODIwIDI1Mi44MS04MjBoNDIyLjUydjQ3Ni4yTDQ1MC4wOC0xMTMuMXEtMTAuOTkgMTEuMjUtMjUuOTIgMTMuNTYtMTQuOTMgMi4zMS0yOC4zOS01LjI2LTEzLjMxLTcuNTYtMTkuNzktMjEuNTEtNi40OS0xMy45NS0yLjk4LTI5LjFsNDAuMDMtMTg4LjM5aC0yODcuOVptNDk5Ljk1LTIxLjMzdi00MDQuNjFIMjQ2LjMxcS0zLjk4IDAtOC41MyAyLjMtNC41NSAyLjMxLTYuODYgNy43bC0xMTguMSAyNzkuMzN2NzQuMDVxMCA1LjEzIDMuNDYgOC43MiAzLjQ2IDMuNTkgOC44NSAzLjU5aDM0OS45NWwtNDkuNDkgMjMzLjE4IDE5OS40OS0yMDQuMjZaTTc5Ny44NS04MjBxMjUuOCAwIDQ0LjE4IDE4LjQ4dDE4LjM4IDQ0LjA5djM1MS4wN3EwIDI1LjYxLTE4LjM4IDQ0LjA5LTE4LjM4IDE4LjQ3LTQ0LjE4IDE4LjQ3SDY3NS4zM3YtNTAuMjVoMTIyLjUycTUuMzggMCA4Ljg0LTMuNTl0My40Ni04Ljcydi0zNTEuMDdxMC01LjM5LTMuNDYtOC44NXQtOC44NC0zLjQ2SDY3NS4zM1YtODIwaDEyMi41MlptLTE3Mi43NyA1MC4yNnY0MDQuNjEtNDA0LjYxWiIvPjwvc3ZnPg==';
13
- var FeedbackThumbs = function (_a) {
14
- var locale = _a.locale, onClick = _a.onClick, headingId = _a.headingId;
7
+ const react_1 = __importDefault(require("react"));
8
+ const texts_1 = require("./i18n/texts");
9
+ const ffe_buttons_react_1 = require("@sb1/ffe-buttons-react");
10
+ const ffe_icons_react_1 = require("@sb1/ffe-icons-react");
11
+ const thumbUpIconLg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik04MzUuMTMtNjE2LjJxMjQuNjQgMCA0My42IDE4Ljk2dDE4Ljk2IDQzLjZ2NjUuNnEwIDYuMzktLjA1IDEzLjM4LS4wNSA2Ljk5LTIuNDYgMTMuMjJMNzc3LjgzLTE4Ny4xM3EtOC42MSAxOS44LTI4Ljg2IDMzLjQ2UTcyOC43MS0xNDAgNzA3LjE5LTE0MEgyODQuNjd2LTQ3Ni4ybDIyNS4yNS0yMzAuN3ExMC45OS0xMS4yNSAyNS45Mi0xMy41NiAxNC45My0yLjMxIDI4LjM5IDUuMjYgMTMuMzEgNy41NiAxOS43OSAyMS41MSA2LjQ5IDEzLjk1IDIuOTggMjkuMUw1NDYuOTctNjE2LjJoMjg4LjE2Wm0tNTAwLjIxIDIxLjMzdjQwNC42MWgzNzguNzdxMy45OCAwIDguNTMtMi4zIDQuNTUtMi4zMSA2Ljg2LTcuN2wxMTguMzYtMjc5LjMzdi03NC4wNXEwLTUuMTMtMy41OS04LjcyLTMuNTktMy41OS04LjcyLTMuNTlINDg0LjkybDQ5LjQ5LTIzMy4xOC0xOTkuNDkgMjA0LjI2Wk0xNjIuMTUtMTQwcS0yNS44IDAtNDQuMTgtMTguNDh0LTE4LjM4LTQ0LjA5di0zNTEuMDdxMC0yNS42MSAxOC4zOC00NC4wOSAxOC4zOC0xOC40NyA0NC4xOC0xOC40N2gxMjIuNTJ2NTAuMjVIMTYyLjE1cS01LjM4IDAtOC44NCAzLjU5dC0zLjQ2IDguNzJ2MzUxLjA3cTAgNS4zOSAzLjQ2IDguODV0OC44NCAzLjQ2aDEyMi41MlYtMTQwSDE2Mi4xNVptMTcyLjc3LTUwLjI2di00MDQuNjEgNDA0LjYxWiIvPjwvc3ZnPg==';
12
+ const thumbDownIconLg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik0xMjUuMTMtMzQzLjhxLTI1IDAtNDMuNzgtMTguOTZ0LTE4Ljc4LTQzLjZ2LTY1LjZxMC02LjM5LS4wOC0xMy4zOC0uMDgtNi45OSAyLjMzLTEzLjIybDExNy42MS0yNzQuMzFxOC4yNi0xOS43NiAyOC41Ni0zMy40NFEyMzEuMjktODIwIDI1Mi44MS04MjBoNDIyLjUydjQ3Ni4yTDQ1MC4wOC0xMTMuMXEtMTAuOTkgMTEuMjUtMjUuOTIgMTMuNTYtMTQuOTMgMi4zMS0yOC4zOS01LjI2LTEzLjMxLTcuNTYtMTkuNzktMjEuNTEtNi40OS0xMy45NS0yLjk4LTI5LjFsNDAuMDMtMTg4LjM5aC0yODcuOVptNDk5Ljk1LTIxLjMzdi00MDQuNjFIMjQ2LjMxcS0zLjk4IDAtOC41MyAyLjMtNC41NSAyLjMxLTYuODYgNy43bC0xMTguMSAyNzkuMzN2NzQuMDVxMCA1LjEzIDMuNDYgOC43MiAzLjQ2IDMuNTkgOC44NSAzLjU5aDM0OS45NWwtNDkuNDkgMjMzLjE4IDE5OS40OS0yMDQuMjZaTTc5Ny44NS04MjBxMjUuOCAwIDQ0LjE4IDE4LjQ4dDE4LjM4IDQ0LjA5djM1MS4wN3EwIDI1LjYxLTE4LjM4IDQ0LjA5LTE4LjM4IDE4LjQ3LTQ0LjE4IDE4LjQ3SDY3NS4zM3YtNTAuMjVoMTIyLjUycTUuMzggMCA4Ljg0LTMuNTl0My40Ni04Ljcydi0zNTEuMDdxMC01LjM5LTMuNDYtOC44NXQtOC44NC0zLjQ2SDY3NS4zM1YtODIwaDEyMi41MlptLTE3Mi43NyA1MC4yNnY0MDQuNjEtNDA0LjYxWiIvPjwvc3ZnPg==';
13
+ const FeedbackThumbs = ({ locale, onClick, headingId, }) => {
15
14
  return (react_1.default.createElement("div", { className: "ffe-feedback__thumbs" },
16
- react_1.default.createElement(ffe_buttons_react_1.SecondaryButton, { "aria-label": texts_1.txt[locale].ARIA_LABEL_THUMB_UP, "aria-describedby": headingId, onClick: function () { return onClick('THUMB_UP'); }, iconOnly: true, size: 'lg' },
15
+ react_1.default.createElement(ffe_buttons_react_1.SecondaryButton, { "aria-label": texts_1.txt[locale].ARIA_LABEL_THUMB_UP, "aria-describedby": headingId, onClick: () => onClick('THUMB_UP'), iconOnly: true, size: 'lg' },
17
16
  react_1.default.createElement(ffe_icons_react_1.Icon, { size: "lg", fileUrl: thumbUpIconLg })),
18
- react_1.default.createElement(ffe_buttons_react_1.SecondaryButton, { "aria-label": texts_1.txt[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, onClick: function () { return onClick('THUMB_DOWN'); }, iconOnly: true, size: 'lg' },
17
+ react_1.default.createElement(ffe_buttons_react_1.SecondaryButton, { "aria-label": texts_1.txt[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, onClick: () => onClick('THUMB_DOWN'), iconOnly: true, size: 'lg' },
19
18
  react_1.default.createElement(ffe_icons_react_1.Icon, { size: "lg", fileUrl: thumbDownIconLg }))));
20
19
  };
21
20
  exports.FeedbackThumbs = FeedbackThumbs;
package/lib/HighFive.js CHANGED
@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.HighFive = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var HighFive = function () {
7
+ const react_1 = __importDefault(require("react"));
8
+ const HighFive = () => {
9
9
  return (react_1.default.createElement("svg", { width: "180", viewBox: "0 0 331 320", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true },
10
10
  react_1.default.createElement("g", { clipPath: "url(#a)" },
11
11
  react_1.default.createElement("circle", { cx: "165", cy: "160", r: "160", fill: "#005AA4" }),
package/lib/i18n/texts.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.txt = void 0;
4
- var en_1 = require("./en");
5
- var nn_1 = require("./nn");
6
- var nb_1 = require("./nb");
4
+ const en_1 = require("./en");
5
+ const nn_1 = require("./nn");
6
+ const nb_1 = require("./nb");
7
7
  exports.txt = {
8
8
  nb: nb_1.nb,
9
9
  nn: nn_1.nn,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-feedback-react",
3
- "version": "100.12.3",
3
+ "version": "101.0.0",
4
4
  "description": "React component for ffe-feedback",
5
5
  "license": "MIT",
6
6
  "author": "SpareBank 1",
@@ -25,16 +25,16 @@
25
25
  "test:watch": "ffe-buildtool jest --watch"
26
26
  },
27
27
  "dependencies": {
28
- "@sb1/ffe-buttons-react": "^100.12.3",
29
- "@sb1/ffe-core-react": "^100.12.3",
30
- "@sb1/ffe-feedback": "^100.12.3",
31
- "@sb1/ffe-form-react": "^100.12.3",
32
- "@sb1/ffe-icons-react": "^100.12.3",
33
- "classnames": "^2.3.1"
28
+ "@sb1/ffe-buttons-react": "^101.0.0",
29
+ "@sb1/ffe-core-react": "^101.0.0",
30
+ "@sb1/ffe-feedback": "^101.0.0",
31
+ "@sb1/ffe-form-react": "^101.0.0",
32
+ "@sb1/ffe-icons-react": "^101.0.0",
33
+ "classnames": "^2.5.1"
34
34
  },
35
35
  "devDependencies": {
36
- "@sb1/ffe-buildtool": "^100.12.3",
37
- "eslint": "^9.22.0",
36
+ "@sb1/ffe-buildtool": "^101.0.0",
37
+ "eslint": "^10.2.0",
38
38
  "react": "^18.2.0",
39
39
  "react-dom": "^18.2.0"
40
40
  },
@@ -44,5 +44,5 @@
44
44
  "publishConfig": {
45
45
  "access": "public"
46
46
  },
47
- "gitHead": "c250edc3d20e5ed115c5c5951495d700e96a3be3"
47
+ "gitHead": "7714019dbb9001551cb5d1c262c58afd609d4fb0"
48
48
  }