@availity/mui-feedback 0.1.23 → 0.1.25
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/CHANGELOG.md +18 -0
- package/dist/index.js +22 -13
- package/dist/index.mjs +6 -3
- package/package.json +9 -9
- package/src/lib/Feedback.tsx +2 -1
- package/src/lib/FeedbackForm.tsx +4 -1
- package/src/lib/FeedbackHeader.tsx +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.1.25](https://github.com/Availity/element/compare/@availity/mui-feedback@0.1.24...@availity/mui-feedback@0.1.25) (2024-04-05)
|
|
6
|
+
|
|
7
|
+
## [0.1.24](https://github.com/Availity/element/compare/@availity/mui-feedback@0.1.23...@availity/mui-feedback@0.1.24) (2024-04-04)
|
|
8
|
+
|
|
9
|
+
### Dependency Updates
|
|
10
|
+
|
|
11
|
+
* `mui-button` updated to version `0.6.5`
|
|
12
|
+
* `mui-form-utils` updated to version `0.10.1`
|
|
13
|
+
* `mui-icon` updated to version `0.8.1`
|
|
14
|
+
* `mui-popover` updated to version `0.1.3`
|
|
15
|
+
* `mui-textfield` updated to version `0.5.15`
|
|
16
|
+
* `mui-toggle-button` updated to version `0.1.9`
|
|
17
|
+
* `mui-typography` updated to version `0.1.7`
|
|
18
|
+
|
|
19
|
+
### Performance Improvements
|
|
20
|
+
|
|
21
|
+
* **mui-feedback:** use path imports for material deps ([3a98658](https://github.com/Availity/element/commit/3a98658b0086a22d466e9c3e1ee60abbd2ca830c))
|
|
22
|
+
|
|
5
23
|
## [0.1.23](https://github.com/Availity/element/compare/@availity/mui-feedback@0.1.22...@availity/mui-feedback@0.1.23) (2024-03-22)
|
|
6
24
|
|
|
7
25
|
### Dependency Updates
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
5
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
8
|
var __export = (target, all) => {
|
|
7
9
|
for (var name in all)
|
|
@@ -15,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
17
|
}
|
|
16
18
|
return to;
|
|
17
19
|
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
18
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
25
|
|
|
20
26
|
// src/index.ts
|
|
@@ -28,7 +34,8 @@ module.exports = __toCommonJS(src_exports);
|
|
|
28
34
|
var import_react2 = require("react");
|
|
29
35
|
var import_mui_popover = require("@availity/mui-popover");
|
|
30
36
|
var import_mui_button3 = require("@availity/mui-button");
|
|
31
|
-
var
|
|
37
|
+
var import_Container = __toESM(require("@mui/material/Container"));
|
|
38
|
+
var import_styles3 = require("@mui/material/styles");
|
|
32
39
|
var import_api_axios2 = require("@availity/api-axios");
|
|
33
40
|
|
|
34
41
|
// src/lib/FeedbackForm.tsx
|
|
@@ -36,14 +43,15 @@ var import_react = require("react");
|
|
|
36
43
|
var import_mui_textfield = require("@availity/mui-textfield");
|
|
37
44
|
var import_mui_button = require("@availity/mui-button");
|
|
38
45
|
var import_mui_toggle_button = require("@availity/mui-toggle-button");
|
|
39
|
-
var
|
|
46
|
+
var import_Grid = __toESM(require("@mui/material/Grid"));
|
|
47
|
+
var import_styles = require("@mui/material/styles");
|
|
40
48
|
var import_mui_icon = require("@availity/mui-icon");
|
|
41
49
|
var import_mui_form_utils = require("@availity/mui-form-utils");
|
|
42
50
|
var import_api_axios = require("@availity/api-axios");
|
|
43
51
|
var import_react_hook_form = require("react-hook-form");
|
|
44
52
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
45
|
-
var SmileButtons = (0,
|
|
46
|
-
var FormActions = (0,
|
|
53
|
+
var SmileButtons = (0, import_styles.styled)(import_mui_toggle_button.ToggleButtonGroup, { name: "AvFeedbackContainer", slot: "SmileButtons" })({});
|
|
54
|
+
var FormActions = (0, import_styles.styled)(import_Grid.default, { name: "AvFeedbackContainer", slot: "FormActions" })({});
|
|
47
55
|
var SmileButton = ({ disabled, Icon, label, value, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
48
56
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_toggle_button.ToggleButton, {
|
|
49
57
|
"aria-label": value,
|
|
@@ -120,7 +128,7 @@ var FeedbackForm = ({
|
|
|
120
128
|
return (option == null ? void 0 : option.label) || "What would you improve?";
|
|
121
129
|
};
|
|
122
130
|
if (!sent) {
|
|
123
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
131
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Grid.default, {
|
|
124
132
|
component: "form",
|
|
125
133
|
container: true,
|
|
126
134
|
justifyContent: "center",
|
|
@@ -172,7 +180,7 @@ var FeedbackForm = ({
|
|
|
172
180
|
direction: "row",
|
|
173
181
|
spacing: 1,
|
|
174
182
|
children: [
|
|
175
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
183
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Grid.default, {
|
|
176
184
|
item: true,
|
|
177
185
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button.Button, {
|
|
178
186
|
color: "secondary",
|
|
@@ -181,7 +189,7 @@ var FeedbackForm = ({
|
|
|
181
189
|
children: "Cancel"
|
|
182
190
|
})
|
|
183
191
|
}),
|
|
184
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
192
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Grid.default, {
|
|
185
193
|
item: true,
|
|
186
194
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button.LoadingButton, {
|
|
187
195
|
disabled: !smileFieldValue,
|
|
@@ -204,9 +212,10 @@ var FeedbackForm = ({
|
|
|
204
212
|
var import_mui_button2 = require("@availity/mui-button");
|
|
205
213
|
var import_mui_icon2 = require("@availity/mui-icon");
|
|
206
214
|
var import_mui_typography = require("@availity/mui-typography");
|
|
207
|
-
var
|
|
215
|
+
var import_Grid2 = __toESM(require("@mui/material/Grid"));
|
|
216
|
+
var import_styles2 = require("@mui/material/styles");
|
|
208
217
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
209
|
-
var FeedbackHeaderContainer = (0,
|
|
218
|
+
var FeedbackHeaderContainer = (0, import_styles2.styled)(import_Grid2.default, { name: "AvFeedbackContainer", slot: "FeedbackHeaderContainer" })({});
|
|
210
219
|
var FeedbackHeader = ({ appName, handleClose, loading, sent }) => {
|
|
211
220
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(FeedbackHeaderContainer, {
|
|
212
221
|
alignItems: "center",
|
|
@@ -217,7 +226,7 @@ var FeedbackHeader = ({ appName, handleClose, loading, sent }) => {
|
|
|
217
226
|
flexWrap: "nowrap",
|
|
218
227
|
id: "feedback-form-header",
|
|
219
228
|
children: [
|
|
220
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
229
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Grid2.default, {
|
|
221
230
|
item: true,
|
|
222
231
|
whiteSpace: "normal",
|
|
223
232
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_typography.Typography, {
|
|
@@ -226,7 +235,7 @@ var FeedbackHeader = ({ appName, handleClose, loading, sent }) => {
|
|
|
226
235
|
children: sent ? "Thank you for your feedback." : `Tell us what you think about ${appName}`
|
|
227
236
|
})
|
|
228
237
|
}),
|
|
229
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
238
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Grid2.default, {
|
|
230
239
|
item: true,
|
|
231
240
|
marginRight: "-8px",
|
|
232
241
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button2.IconButton, {
|
|
@@ -242,8 +251,8 @@ var FeedbackHeader = ({ appName, handleClose, loading, sent }) => {
|
|
|
242
251
|
|
|
243
252
|
// src/lib/Feedback.tsx
|
|
244
253
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
245
|
-
var FeedbackContainer = (0,
|
|
246
|
-
var GiveFeedbackButton = (0,
|
|
254
|
+
var FeedbackContainer = (0, import_styles3.styled)(import_Container.default, { name: "AvFeedbackContainer", slot: "root" })({});
|
|
255
|
+
var GiveFeedbackButton = (0, import_styles3.styled)(import_mui_button3.Button, { name: "AvGiveFeedbackButton", slot: "root" })({});
|
|
247
256
|
var Feedback = ({ analytics = import_api_axios2.avLogMessagesApi, appName }) => {
|
|
248
257
|
const [anchorEl, setAnchorEl] = (0, import_react2.useState)(null);
|
|
249
258
|
const [sent, setSent] = (0, import_react2.useState)(false);
|
package/dist/index.mjs
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import { Popover } from "@availity/mui-popover";
|
|
4
4
|
import { Button as Button2 } from "@availity/mui-button";
|
|
5
|
-
import
|
|
5
|
+
import Container from "@mui/material/Container";
|
|
6
|
+
import { styled as styled3 } from "@mui/material/styles";
|
|
6
7
|
import { avLogMessagesApi } from "@availity/api-axios";
|
|
7
8
|
|
|
8
9
|
// src/lib/FeedbackForm.tsx
|
|
@@ -10,7 +11,8 @@ import { useEffect } from "react";
|
|
|
10
11
|
import { TextField } from "@availity/mui-textfield";
|
|
11
12
|
import { LoadingButton, Button } from "@availity/mui-button";
|
|
12
13
|
import { ToggleButtonGroup, ToggleButton } from "@availity/mui-toggle-button";
|
|
13
|
-
import
|
|
14
|
+
import Grid from "@mui/material/Grid";
|
|
15
|
+
import { styled } from "@mui/material/styles";
|
|
14
16
|
import { FaceFrownIcon, FaceNeutralIcon, FaceSmileIcon } from "@availity/mui-icon";
|
|
15
17
|
import { FormLabel } from "@availity/mui-form-utils";
|
|
16
18
|
import { avRegionsApi } from "@availity/api-axios";
|
|
@@ -178,7 +180,8 @@ var FeedbackForm = ({
|
|
|
178
180
|
import { IconButton } from "@availity/mui-button";
|
|
179
181
|
import { CloseIcon } from "@availity/mui-icon";
|
|
180
182
|
import { Typography } from "@availity/mui-typography";
|
|
181
|
-
import
|
|
183
|
+
import Grid2 from "@mui/material/Grid";
|
|
184
|
+
import { styled as styled2 } from "@mui/material/styles";
|
|
182
185
|
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
183
186
|
var FeedbackHeaderContainer = styled2(Grid2, { name: "AvFeedbackContainer", slot: "FeedbackHeaderContainer" })({});
|
|
184
187
|
var FeedbackHeader = ({ appName, handleClose, loading, sent }) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@availity/mui-feedback",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.25",
|
|
4
4
|
"description": "Availity MUI Feedback Component - part of the @availity/element design system",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -46,14 +46,14 @@
|
|
|
46
46
|
"access": "public"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@availity/api-axios": "^8.0.
|
|
50
|
-
"@availity/mui-button": "^0.6.
|
|
51
|
-
"@availity/mui-form-utils": "^0.10.
|
|
52
|
-
"@availity/mui-icon": "^0.8.
|
|
53
|
-
"@availity/mui-popover": "^0.1.
|
|
54
|
-
"@availity/mui-textfield": "^0.5.
|
|
55
|
-
"@availity/mui-toggle-button": "^0.1.
|
|
56
|
-
"@availity/mui-typography": "^0.1.
|
|
49
|
+
"@availity/api-axios": "^8.0.6",
|
|
50
|
+
"@availity/mui-button": "^0.6.5",
|
|
51
|
+
"@availity/mui-form-utils": "^0.10.1",
|
|
52
|
+
"@availity/mui-icon": "^0.8.1",
|
|
53
|
+
"@availity/mui-popover": "^0.1.3",
|
|
54
|
+
"@availity/mui-textfield": "^0.5.15",
|
|
55
|
+
"@availity/mui-toggle-button": "^0.1.9",
|
|
56
|
+
"@availity/mui-typography": "^0.1.7",
|
|
57
57
|
"react-hook-form": "^7.48.2"
|
|
58
58
|
}
|
|
59
59
|
}
|
package/src/lib/Feedback.tsx
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
2
|
import { Popover } from '@availity/mui-popover';
|
|
3
3
|
import { Button } from '@availity/mui-button';
|
|
4
|
-
import
|
|
4
|
+
import Container from '@mui/material/Container';
|
|
5
|
+
import { styled } from '@mui/material/styles';
|
|
5
6
|
import { avLogMessagesApi } from '@availity/api-axios';
|
|
6
7
|
import { FeedbackForm } from './FeedbackForm';
|
|
7
8
|
import { FeedbackHeader } from './FeedbackHeader';
|
package/src/lib/FeedbackForm.tsx
CHANGED
|
@@ -2,7 +2,10 @@ import React, { useEffect } from 'react';
|
|
|
2
2
|
import { TextField } from '@availity/mui-textfield';
|
|
3
3
|
import { LoadingButton, Button } from '@availity/mui-button';
|
|
4
4
|
import { ToggleButtonGroup, ToggleButton } from '@availity/mui-toggle-button';
|
|
5
|
-
import
|
|
5
|
+
import Grid from '@mui/material/Grid';
|
|
6
|
+
import { SvgIconProps } from '@mui/material/SvgIcon';
|
|
7
|
+
import { ToggleButtonProps } from '@mui/material/ToggleButton';
|
|
8
|
+
import { styled } from '@mui/material/styles';
|
|
6
9
|
import { FaceFrownIcon, FaceNeutralIcon, FaceSmileIcon } from '@availity/mui-icon';
|
|
7
10
|
import { FormLabel } from '@availity/mui-form-utils';
|
|
8
11
|
import { avRegionsApi } from '@availity/api-axios';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { IconButton } from '@availity/mui-button';
|
|
2
2
|
import { CloseIcon } from '@availity/mui-icon';
|
|
3
3
|
import { Typography } from '@availity/mui-typography';
|
|
4
|
-
import
|
|
4
|
+
import Grid from '@mui/material/Grid';
|
|
5
|
+
import { styled } from '@mui/material/styles';
|
|
5
6
|
|
|
6
7
|
interface FeedbackHeaderProps {
|
|
7
8
|
appName: string;
|