@instructure/ui-instructure 10.21.1-snapshot-11

package/es/DataPermissionLevels/theme.js

@@ -0,0 +1,54 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+/**
+ * Generates the theme object for the component from the theme and provided additional information
+ * @param  {Object} theme The actual theme object.
+ * @return {Object} The final theme object with the overrides and component variables
+ */
+const generateComponentTheme = theme => {
+  var _colors$ui, _colors$contrasts, _colors$contrasts2, _colors$contrasts3;
+  const colors = theme.colors,
+    spacing = theme.spacing,
+    borders = theme.borders;
+  const componentVariables = {
+    cardBorderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
+    cardBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$ui = colors.ui) === null || _colors$ui === void 0 ? void 0 : _colors$ui.lineStroke,
+    cardBorderWidth: borders === null || borders === void 0 ? void 0 : borders.widthMedium,
+    cardPadding: spacing === null || spacing === void 0 ? void 0 : spacing.space12,
+    cardExplainerContainerBottomMargin: spacing === null || spacing === void 0 ? void 0 : spacing.space8,
+    cardGap: spacing === null || spacing === void 0 ? void 0 : spacing.modalElements,
+    currentFeaturePaddingSides: spacing === null || spacing === void 0 ? void 0 : spacing.space12,
+    currentFeaturePaddingTopBottom: spacing === null || spacing === void 0 ? void 0 : spacing.space8,
+    permissionTitleBottomMargin: spacing === null || spacing === void 0 ? void 0 : spacing.space8,
+    levelColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.violet5790,
+    bodyPadding: spacing === null || spacing === void 0 ? void 0 : spacing.paddingCardLarge,
+    aiTextLeftGradientColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.violet4570,
+    aiTextRightGradientColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.sea4570
+  };
+  return {
+    ...componentVariables
+  };
+};
+export default generateComponentTheme;

package/es/NutritionFacts/index.js

@@ -0,0 +1,152 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import { useState } from 'react';
+import { Modal } from '@instructure/ui-modal';
+import { Button, CloseButton } from '@instructure/ui-buttons';
+import { Heading } from '@instructure/ui-heading';
+import { Text } from '@instructure/ui-text';
+import { Link } from '@instructure/ui-link';
+import { useStyle } from '@instructure/emotion';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+
+/**
+---
+category: components/AI Components
+---
+**/
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const NutritionFacts = ({
+  modalLabel,
+  title,
+  featureName,
+  data,
+  closeButtonText,
+  closeIconButtonScreenReaderLabel,
+  triggerText,
+  fullscreen = false
+}) => {
+  const _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  const styles = useStyle({
+    generateStyle,
+    generateComponentTheme,
+    componentId: 'NutritionFacts',
+    displayName: 'NutritionFacts'
+  });
+  return _jsxs("div", {
+    children: [_jsx(Link, {
+      variant: "standalone",
+      onClick: e => {
+        e.preventDefault();
+        setOpen(true);
+      },
+      forceButtonRole: false,
+      href: "#",
+      children: triggerText
+    }), _jsxs(Modal, {
+      open: open,
+      onDismiss: () => {
+        setOpen(false);
+      },
+      label: modalLabel,
+      shouldCloseOnDocumentClick: true,
+      size: fullscreen ? 'fullscreen' : 'medium',
+      children: [_jsxs(Modal.Header, {
+        spacing: "compact",
+        children: [_jsx(Heading, {
+          aiVariant: "stacked",
+          children: title
+        }), _jsx(CloseButton, {
+          size: "medium",
+          placement: "end",
+          offset: "small",
+          onClick: () => setOpen(false),
+          screenReaderLabel: closeIconButtonScreenReaderLabel
+        })]
+      }), _jsx(Modal.Body, {
+        children: _jsxs("div", {
+          css: styles === null || styles === void 0 ? void 0 : styles.body,
+          children: [_jsxs(Heading, {
+            variant: "titleSection",
+            level: "h3",
+            children: [' ', featureName, ' ']
+          }), data.map(({
+            blockTitle,
+            segmentData
+          }, index) => {
+            return _jsxs("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.blockContainer,
+              children: [_jsxs(Heading, {
+                variant: "titleModule",
+                level: "h4",
+                children: [' ', blockTitle, ' ']
+              }), _jsx("div", {
+                css: styles === null || styles === void 0 ? void 0 : styles.segmentContainer,
+                children: segmentData.map(({
+                  segmentTitle,
+                  description,
+                  value,
+                  valueDescription
+                }, index) => {
+                  return _jsxs("div", {
+                    css: styles === null || styles === void 0 ? void 0 : styles.segmentCard,
+                    children: [_jsxs("div", {
+                      css: styles === null || styles === void 0 ? void 0 : styles.segmentCardExplainerContainer,
+                      children: [_jsxs(Heading, {
+                        variant: "label",
+                        children: [' ', segmentTitle, ' ']
+                      }), _jsxs(Text, {
+                        variant: "contentSmall",
+                        color: "secondary",
+                        children: [' ', description, ' ']
+                      })]
+                    }), _jsxs(Text, {
+                      variant: "content",
+                      children: [" ", value, " "]
+                    }), _jsxs(Text, {
+                      variant: "contentSmall",
+                      color: "secondary",
+                      children: [' ', valueDescription, ' ']
+                    })]
+                  }, index);
+                })
+              })]
+            }, index);
+          })]
+        })
+      }), _jsx(Modal.Footer, {
+        children: _jsx(Button, {
+          onClick: () => setOpen(false),
+          children: closeButtonText
+        })
+      })]
+    })]
+  });
+};
+export default NutritionFacts;
+export { NutritionFacts };

package/es/NutritionFacts/props.js

@@ -0,0 +1,26 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const allowedProps = ['fullscreen', 'modalLabel', 'title', 'featureName', 'data', 'closeButtonText', 'closeIconButtonScreenReaderLabel', 'triggerText'];
+export { allowedProps };

package/es/NutritionFacts/styles.js

@@ -0,0 +1,72 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+const generateStyle = (componentTheme, _props) => {
+  return {
+    segmentCard: {
+      label: 'nutrition-facts__segment-card',
+      borderStyle: 'solid',
+      borderWidth: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderWidth,
+      borderColor: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderColor,
+      borderRadius: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderRadius,
+      padding: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardPadding,
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    segmentCardExplainerContainer: {
+      label: 'nutrition-facts__segment-card-explainer-container',
+      marginBottom: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardExplainerContainerBottomMargin
+    },
+    segmentContainer: {
+      label: 'nutrition-facts__segment-container',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardGap
+    },
+    blockContainer: {
+      label: 'nutrition-facts__block-container',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardGap
+    },
+    body: {
+      label: 'nutrition-facts__body',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.blockGap,
+      padding: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.bodyPadding,
+      boxSizing: 'border-box'
+    }
+  };
+};
+export default generateStyle;

package/es/NutritionFacts/theme.js

@@ -0,0 +1,49 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+/**
+ * Generates the theme object for the component from the theme and provided additional information
+ * @param  {Object} theme The actual theme object.
+ * @return {Object} The final theme object with the overrides and component variables
+ */
+const generateComponentTheme = theme => {
+  var _colors$ui;
+  const colors = theme.colors,
+    spacing = theme.spacing,
+    borders = theme.borders;
+  const componentVariables = {
+    cardBorderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
+    cardBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$ui = colors.ui) === null || _colors$ui === void 0 ? void 0 : _colors$ui.lineStroke,
+    cardBorderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
+    cardPadding: spacing === null || spacing === void 0 ? void 0 : spacing.space12,
+    cardExplainerContainerBottomMargin: spacing === null || spacing === void 0 ? void 0 : spacing.space8,
+    cardGap: spacing === null || spacing === void 0 ? void 0 : spacing.modalElements,
+    bodyPadding: spacing === null || spacing === void 0 ? void 0 : spacing.paddingCardLarge,
+    blockGap: spacing === null || spacing === void 0 ? void 0 : spacing.sectionElements
+  };
+  return {
+    ...componentVariables
+  };
+};
+export default generateComponentTheme;

package/es/index.js

@@ -0,0 +1,26 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+export { NutritionFacts } from './NutritionFacts';
+export { DataPermissionLevels } from './DataPermissionLevels';
+export { AiInformation } from './AiInformation';

package/lib/AiInformation/index.js

@@ -0,0 +1,185 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AiInformation = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _Popover = require("@instructure/ui-popover/lib/Popover");
+var _CloseButton = require("@instructure/ui-buttons/lib/CloseButton");
+var _Heading = require("@instructure/ui-heading/lib/Heading");
+var _Text = require("@instructure/ui-text/lib/Text");
+var _emotion = require("@instructure/emotion");
+var _ = require("../");
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+/**
+---
+category: components/AI Components
+---
+**/const AiInformation = ({
+  title,
+  data,
+  trigger,
+  fullscreenModals = false,
+  dataPermissionLevelsModalLabel,
+  dataPermissionLevelsTitle,
+  dataPermissionLevelsData,
+  dataPermissionLevelsCloseButtonText,
+  dataPermissionLevelsCloseIconButtonScreenReaderLabel,
+  dataPermissionLevelsCurrentFeature,
+  dataPermissionLevelsCurrentFeatureText,
+  nutritionFactsModalLabel,
+  nutritionFactsTitle,
+  nutritionFactsFeatureName,
+  nutritionFactsData,
+  nutritionFactsCloseButtonText,
+  nutritionFactsCloseIconButtonScreenReaderLabel
+}) => {
+  const _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  const styles = (0, _emotion.useStyle)({
+    generateStyle: _styles.default,
+    generateComponentTheme: _theme.default,
+    componentId: 'AiInformation',
+    displayName: 'AiInformation'
+  });
+  return (0, _jsxRuntime.jsx)("div", {
+    children: (0, _jsxRuntime.jsx)(_Popover.Popover, {
+      renderTrigger: trigger,
+      isShowingContent: open,
+      on: "click",
+      screenReaderLabel: "Popover Dialog Example",
+      shouldContainFocus: true,
+      shouldReturnFocus: true,
+      shouldCloseOnDocumentClick: true,
+      offsetY: "1rem",
+      onShowContent: () => setOpen(true),
+      onHideContent: () => setOpen(false),
+      children: (0, _jsxRuntime.jsxs)("div", {
+        css: styles === null || styles === void 0 ? void 0 : styles.aiInformation,
+        children: [(0, _jsxRuntime.jsxs)("div", {
+          css: styles === null || styles === void 0 ? void 0 : styles.header,
+          children: [(0, _jsxRuntime.jsx)(_Heading.Heading, {
+            level: "h2",
+            aiVariant: "stacked",
+            variant: "titleModule",
+            children: title
+          }), (0, _jsxRuntime.jsx)(_CloseButton.CloseButton, {
+            placement: "end",
+            offset: "small",
+            onClick: () => setOpen(false),
+            screenReaderLabel: "Close"
+          })]
+        }), (0, _jsxRuntime.jsx)("div", {
+          children: data.map(({
+            featureName,
+            permissionLevelText,
+            permissionLevel,
+            description,
+            permissionLevelsModalTriggerText,
+            modelNameText,
+            modelName,
+            nutritionFactsModalTriggerText
+          }, index) => (0, _jsxRuntime.jsxs)("div", {
+            children: [(0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.featureName,
+              children: (0, _jsxRuntime.jsx)(_Heading.Heading, {
+                level: "h3",
+                variant: "titleCardRegular",
+                children: featureName
+              })
+            }), (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.permissionLevelText,
+              children: (0, _jsxRuntime.jsx)(_Heading.Heading, {
+                level: "h4",
+                variant: "label",
+                children: permissionLevelText
+              })
+            }), (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.permissionLevel,
+              children: (0, _jsxRuntime.jsxs)(_Text.Text, {
+                variant: "legend",
+                children: [" ", permissionLevel, " "]
+              })
+            }), (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.description,
+              children: (0, _jsxRuntime.jsxs)(_Text.Text, {
+                variant: "contentSmall",
+                children: [" ", description, " "]
+              })
+            }), (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.permissionLevelsModalTriggerText,
+              children: (0, _jsxRuntime.jsx)(_.DataPermissionLevels, {
+                fullscreen: fullscreenModals,
+                title: dataPermissionLevelsTitle,
+                currentFeatureText: dataPermissionLevelsCurrentFeatureText,
+                currentFeature: dataPermissionLevelsCurrentFeature,
+                closeIconButtonScreenReaderLabel: dataPermissionLevelsCloseIconButtonScreenReaderLabel,
+                closeButtonText: dataPermissionLevelsCloseButtonText,
+                modalLabel: dataPermissionLevelsModalLabel,
+                triggerText: permissionLevelsModalTriggerText,
+                data: dataPermissionLevelsData
+              })
+            }), (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.modelNameText,
+              children: (0, _jsxRuntime.jsxs)(_Heading.Heading, {
+                level: "h3",
+                variant: "label",
+                children: [' ', modelNameText, ' ']
+              })
+            }), (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.modelName,
+              children: (0, _jsxRuntime.jsxs)(_Text.Text, {
+                variant: "contentSmall",
+                children: [" ", modelName, " "]
+              })
+            }), (0, _jsxRuntime.jsx)(_.NutritionFacts, {
+              fullscreen: fullscreenModals,
+              modalLabel: nutritionFactsModalLabel,
+              title: nutritionFactsTitle,
+              featureName: nutritionFactsFeatureName,
+              closeButtonText: nutritionFactsCloseButtonText,
+              closeIconButtonScreenReaderLabel: nutritionFactsCloseIconButtonScreenReaderLabel,
+              triggerText: nutritionFactsModalTriggerText,
+              data: nutritionFactsData
+            }), data.length !== index + 1 ? (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.divider
+            }) : null]
+          }, index))
+        })]
+      })
+    })
+  });
+};
+exports.AiInformation = AiInformation;
+var _default = exports.default = AiInformation;

package/lib/AiInformation/props.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = void 0;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const allowedProps = exports.allowedProps = ['fullscreenModals', 'title', 'data', 'trigger', 'dataPermissionLevelsModalLabel', 'dataPermissionLevelsTitle', 'dataPermissionLevelsData', 'dataPermissionLevelsCloseButtonText', 'dataPermissionLevelsCloseIconButtonScreenReaderLabel', 'dataPermissionLevelsCurrentFeatureText', 'dataPermissionLevelsCurrentFeature', 'nutritionFactsModalLabel', 'nutritionFactsTitle', 'nutritionFactsFeatureName', 'nutritionFactsData', 'nutritionFactsCloseButtonText', 'nutritionFactsCloseIconButtonScreenReaderLabel'];