@availity/mui-feedback 0.1.22 → 0.1.24

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.1.24](https://github.com/Availity/element/compare/@availity/mui-feedback@0.1.23...@availity/mui-feedback@0.1.24) (2024-04-04)
+
+### Dependency Updates
+
+* `mui-button` updated to version `0.6.5`
+* `mui-form-utils` updated to version `0.10.1`
+* `mui-icon` updated to version `0.8.1`
+* `mui-popover` updated to version `0.1.3`
+* `mui-textfield` updated to version `0.5.15`
+* `mui-toggle-button` updated to version `0.1.9`
+* `mui-typography` updated to version `0.1.7`
+
+### Performance Improvements
+
+* **mui-feedback:** use path imports for material deps ([3a98658](https://github.com/Availity/element/commit/3a98658b0086a22d466e9c3e1ee60abbd2ca830c))
+
+## [0.1.23](https://github.com/Availity/element/compare/@availity/mui-feedback@0.1.22...@availity/mui-feedback@0.1.23) (2024-03-22)
+
+### Dependency Updates
+
+* `mui-form-utils` updated to version `0.10.0`
+* `mui-textfield` updated to version `0.5.14`
 ## [0.1.22](https://github.com/Availity/element/compare/@availity/mui-feedback@0.1.21...@availity/mui-feedback@0.1.22) (2024-03-15)
 
 ### Dependency Updates

package/dist/index.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -28,7 +34,8 @@ module.exports = __toCommonJS(src_exports);
 var import_react2 = require("react");
 var import_mui_popover = require("@availity/mui-popover");
 var import_mui_button3 = require("@availity/mui-button");
-var import_material3 = require("@mui/material");
+var import_Container = __toESM(require("@mui/material/Container"));
+var import_styles3 = require("@mui/material/styles");
 var import_api_axios2 = require("@availity/api-axios");
 
 // src/lib/FeedbackForm.tsx
@@ -36,14 +43,15 @@ var import_react = require("react");
 var import_mui_textfield = require("@availity/mui-textfield");
 var import_mui_button = require("@availity/mui-button");
 var import_mui_toggle_button = require("@availity/mui-toggle-button");
-var import_material = require("@mui/material");
+var import_Grid = __toESM(require("@mui/material/Grid"));
+var import_styles = require("@mui/material/styles");
 var import_mui_icon = require("@availity/mui-icon");
 var import_mui_form_utils = require("@availity/mui-form-utils");
 var import_api_axios = require("@availity/api-axios");
 var import_react_hook_form = require("react-hook-form");
 var import_jsx_runtime = require("react/jsx-runtime");
-var SmileButtons = (0, import_material.styled)(import_mui_toggle_button.ToggleButtonGroup, { name: "AvFeedbackContainer", slot: "SmileButtons" })({});
-var FormActions = (0, import_material.styled)(import_material.Grid, { name: "AvFeedbackContainer", slot: "FormActions" })({});
+var SmileButtons = (0, import_styles.styled)(import_mui_toggle_button.ToggleButtonGroup, { name: "AvFeedbackContainer", slot: "SmileButtons" })({});
+var FormActions = (0, import_styles.styled)(import_Grid.default, { name: "AvFeedbackContainer", slot: "FormActions" })({});
 var SmileButton = ({ disabled, Icon, label, value, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
   children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_toggle_button.ToggleButton, {
     "aria-label": value,
@@ -120,7 +128,7 @@ var FeedbackForm = ({
     return (option == null ? void 0 : option.label) || "What would you improve?";
   };
   if (!sent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Grid, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Grid.default, {
       component: "form",
       container: true,
       justifyContent: "center",
@@ -172,7 +180,7 @@ var FeedbackForm = ({
           direction: "row",
           spacing: 1,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, {
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Grid.default, {
               item: true,
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button.Button, {
                 color: "secondary",
@@ -181,7 +189,7 @@ var FeedbackForm = ({
                 children: "Cancel"
               })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, {
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Grid.default, {
               item: true,
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button.LoadingButton, {
                 disabled: !smileFieldValue,
@@ -204,9 +212,10 @@ var FeedbackForm = ({
 var import_mui_button2 = require("@availity/mui-button");
 var import_mui_icon2 = require("@availity/mui-icon");
 var import_mui_typography = require("@availity/mui-typography");
-var import_material2 = require("@mui/material");
+var import_Grid2 = __toESM(require("@mui/material/Grid"));
+var import_styles2 = require("@mui/material/styles");
 var import_jsx_runtime = require("react/jsx-runtime");
-var FeedbackHeaderContainer = (0, import_material2.styled)(import_material2.Grid, { name: "AvFeedbackContainer", slot: "FeedbackHeaderContainer" })({});
+var FeedbackHeaderContainer = (0, import_styles2.styled)(import_Grid2.default, { name: "AvFeedbackContainer", slot: "FeedbackHeaderContainer" })({});
 var FeedbackHeader = ({ appName, handleClose, loading, sent }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(FeedbackHeaderContainer, {
     alignItems: "center",
@@ -217,7 +226,7 @@ var FeedbackHeader = ({ appName, handleClose, loading, sent }) => {
     flexWrap: "nowrap",
     id: "feedback-form-header",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.Grid, {
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Grid2.default, {
         item: true,
         whiteSpace: "normal",
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_typography.Typography, {
@@ -226,7 +235,7 @@ var FeedbackHeader = ({ appName, handleClose, loading, sent }) => {
           children: sent ? "Thank you for your feedback." : `Tell us what you think about ${appName}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.Grid, {
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Grid2.default, {
         item: true,
         marginRight: "-8px",
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button2.IconButton, {
@@ -242,8 +251,8 @@ var FeedbackHeader = ({ appName, handleClose, loading, sent }) => {
 
 // src/lib/Feedback.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var FeedbackContainer = (0, import_material3.styled)(import_material3.Container, { name: "AvFeedbackContainer", slot: "root" })({});
-var GiveFeedbackButton = (0, import_material3.styled)(import_mui_button3.Button, { name: "AvGiveFeedbackButton", slot: "root" })({});
+var FeedbackContainer = (0, import_styles3.styled)(import_Container.default, { name: "AvFeedbackContainer", slot: "root" })({});
+var GiveFeedbackButton = (0, import_styles3.styled)(import_mui_button3.Button, { name: "AvGiveFeedbackButton", slot: "root" })({});
 var Feedback = ({ analytics = import_api_axios2.avLogMessagesApi, appName }) => {
   const [anchorEl, setAnchorEl] = (0, import_react2.useState)(null);
   const [sent, setSent] = (0, import_react2.useState)(false);

package/dist/index.mjs

@@ -2,7 +2,8 @@
 import { useState } from "react";
 import { Popover } from "@availity/mui-popover";
 import { Button as Button2 } from "@availity/mui-button";
-import { Container, styled as styled3 } from "@mui/material";
+import Container from "@mui/material/Container";
+import { styled as styled3 } from "@mui/material/styles";
 import { avLogMessagesApi } from "@availity/api-axios";
 
 // src/lib/FeedbackForm.tsx
@@ -10,7 +11,8 @@ import { useEffect } from "react";
 import { TextField } from "@availity/mui-textfield";
 import { LoadingButton, Button } from "@availity/mui-button";
 import { ToggleButtonGroup, ToggleButton } from "@availity/mui-toggle-button";
-import { Grid, styled } from "@mui/material";
+import Grid from "@mui/material/Grid";
+import { styled } from "@mui/material/styles";
 import { FaceFrownIcon, FaceNeutralIcon, FaceSmileIcon } from "@availity/mui-icon";
 import { FormLabel } from "@availity/mui-form-utils";
 import { avRegionsApi } from "@availity/api-axios";
@@ -178,7 +180,8 @@ var FeedbackForm = ({
 import { IconButton } from "@availity/mui-button";
 import { CloseIcon } from "@availity/mui-icon";
 import { Typography } from "@availity/mui-typography";
-import { Grid as Grid2, styled as styled2 } from "@mui/material";
+import Grid2 from "@mui/material/Grid";
+import { styled as styled2 } from "@mui/material/styles";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var FeedbackHeaderContainer = styled2(Grid2, { name: "AvFeedbackContainer", slot: "FeedbackHeaderContainer" })({});
 var FeedbackHeader = ({ appName, handleClose, loading, sent }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-feedback",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "description": "Availity MUI Feedback Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -47,13 +47,13 @@
   },
   "dependencies": {
     "@availity/api-axios": "^8.0.3",
-    "@availity/mui-button": "^0.6.4",
-    "@availity/mui-form-utils": "^0.9.8",
-    "@availity/mui-icon": "^0.8.0",
-    "@availity/mui-popover": "^0.1.2",
-    "@availity/mui-textfield": "^0.5.13",
-    "@availity/mui-toggle-button": "^0.1.8",
-    "@availity/mui-typography": "^0.1.6",
+    "@availity/mui-button": "^0.6.5",
+    "@availity/mui-form-utils": "^0.10.1",
+    "@availity/mui-icon": "^0.8.1",
+    "@availity/mui-popover": "^0.1.3",
+    "@availity/mui-textfield": "^0.5.15",
+    "@availity/mui-toggle-button": "^0.1.9",
+    "@availity/mui-typography": "^0.1.7",
     "react-hook-form": "^7.48.2"
   }
 }

package/src/lib/Feedback.tsx

@@ -1,7 +1,8 @@
 import { useState } from 'react';
 import { Popover } from '@availity/mui-popover';
 import { Button } from '@availity/mui-button';
-import { Container, styled } from '@mui/material';
+import Container from '@mui/material/Container';
+import { styled } from '@mui/material/styles';
 import { avLogMessagesApi } from '@availity/api-axios';
 import { FeedbackForm } from './FeedbackForm';
 import { FeedbackHeader } from './FeedbackHeader';

package/src/lib/FeedbackForm.tsx

@@ -2,7 +2,10 @@ import React, { useEffect } from 'react';
 import { TextField } from '@availity/mui-textfield';
 import { LoadingButton, Button } from '@availity/mui-button';
 import { ToggleButtonGroup, ToggleButton } from '@availity/mui-toggle-button';
-import { Grid, SvgIconProps, ToggleButtonProps, styled } from '@mui/material';
+import Grid from '@mui/material/Grid';
+import { SvgIconProps } from '@mui/material/SvgIcon';
+import { ToggleButtonProps } from '@mui/material/ToggleButton';
+import { styled } from '@mui/material/styles';
 import { FaceFrownIcon, FaceNeutralIcon, FaceSmileIcon } from '@availity/mui-icon';
 import { FormLabel } from '@availity/mui-form-utils';
 import { avRegionsApi } from '@availity/api-axios';

package/src/lib/FeedbackHeader.tsx

@@ -1,7 +1,8 @@
 import { IconButton } from '@availity/mui-button';
 import { CloseIcon } from '@availity/mui-icon';
 import { Typography } from '@availity/mui-typography';
-import { Grid, styled } from '@mui/material';
+import Grid from '@mui/material/Grid';
+import { styled } from '@mui/material/styles';
 
 interface FeedbackHeaderProps {
   appName: string;