@kaizen/components 1.32.0 → 1.34.0

package/dist/esm/Illustration/Scene/Scene.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene.mjs","sources":["../../../../src/Illustration/Scene/Scene.tsx"],"sourcesContent":["import React from \"react\"\n\nimport { Base, BaseProps } from \"../subcomponents/Base\"\nimport { VideoPlayer, VideoPlayerProps } from \"../subcomponents/VideoPlayer\"\n\nexport type SceneProps = {\n  enableAspectRatio?: boolean\n} & Pick<BaseProps, \"alt\" | \"classNameOverride\">\n\ntype BaseAnimatedSceneProps = {\n  isAnimated?: boolean\n} & SceneProps &\n  Pick<VideoPlayerProps, \"autoplay\" | \"loop\">\n\ntype AnimatedProps = {\n  isAnimated: true\n  alt?: never\n} & Omit<BaseAnimatedSceneProps, \"alt\">\n\ntype NotAnimatedProps = {\n  isAnimated?: false\n  autoplay?: never\n  loop?: never\n} & BaseAnimatedSceneProps\n\nexport type AnimatedSceneProps = AnimatedProps | NotAnimatedProps\n\n// Brand Moments\n\nexport const BrandMomentPositiveOutro = ({\n  isAnimated,\n  enableAspectRatio,\n  alt,\n  ...otherProps\n}: AnimatedSceneProps): JSX.Element => {\n  if (isAnimated) {\n    return (\n      <VideoPlayer\n        aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n        {...otherProps}\n        fallback=\"illustrations/heart/scene/brand-moments-positive-outro\"\n        source=\"illustrations/heart/scene/brand-moments-positive-outro\"\n      />\n    )\n  }\n  return (\n    <Base\n      aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n      alt={alt || \"\"}\n      {...otherProps}\n      name=\"illustrations/heart/scene/brand-moments-positive-outro.png\"\n    />\n  )\n}\nBrandMomentPositiveOutro.displayName = \"BrandMomentPositiveOutro\"\n\nexport const BrandMomentLogin = ({\n  isAnimated,\n  enableAspectRatio,\n  alt,\n  ...otherProps\n}: AnimatedSceneProps): JSX.Element => {\n  if (isAnimated) {\n    return (\n      <VideoPlayer\n        aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n        {...otherProps}\n        fallback=\"illustrations/heart/scene/brand-moments-login\"\n        source=\"illustrations/heart/scene/brand-moments-login\"\n      />\n    )\n  }\n  return (\n    <Base\n      aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n      alt={alt || \"\"}\n      {...otherProps}\n      name=\"illustrations/heart/scene/brand-moments-login.png\"\n    />\n  )\n}\nBrandMomentLogin.displayName = \"BrandMomentLogin\"\n\nexport const BrandMomentError = ({\n  isAnimated,\n  enableAspectRatio,\n  alt,\n  ...otherProps\n}: AnimatedSceneProps): JSX.Element => {\n  if (isAnimated) {\n    return (\n      <VideoPlayer\n        aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n        {...otherProps}\n        fallback=\"illustrations/heart/scene/brand-moments-error\"\n        source=\"illustrations/heart/scene/brand-moments-error\"\n      />\n    )\n  }\n  return (\n    <Base\n      aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n      alt={alt || \"\"}\n      {...otherProps}\n      name=\"illustrations/heart/scene/brand-moments-error.png\"\n    />\n  )\n}\nBrandMomentError.displayName = \"BrandMomentError\"\n\nexport const BrandMomentNewAccountOnboarding = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/brand-moments-new-account-onboarding.svg\"\n  />\n)\nBrandMomentNewAccountOnboarding.displayName = \"BrandMomentNewAccountOnboarding\"\n\nexport const BrandMomentUploadEmployeeData = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/brand-moments-upload-employee-data.svg\"\n  />\n)\nBrandMomentUploadEmployeeData.displayName = \"BrandMomentUploadEmployeeData\"\n\nexport const BrandMomentStarterKit = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/brand-moments-starter-kit.svg\"\n  />\n)\nBrandMomentStarterKit.displayName = \"BrandMomentStarterKit\"\n\n// Empty States\n\nexport const EmptyStatesAction = ({\n  isAnimated,\n  enableAspectRatio,\n  alt,\n  ...otherProps\n}: AnimatedSceneProps): JSX.Element => {\n  if (isAnimated) {\n    return (\n      <VideoPlayer\n        aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n        {...otherProps}\n        fallback=\"illustrations/heart/scene/empty-states-action\"\n        source=\"illustrations/heart/scene/empty-states-action\"\n      />\n    )\n  }\n  return (\n    <Base\n      aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n      alt={alt || \"\"}\n      {...otherProps}\n      name=\"illustrations/heart/scene/empty-states-action.svg\"\n    />\n  )\n}\nEmptyStatesAction.displayName = \"EmptyStatesAction\"\n\nexport const EmptyStatesInformative = ({\n  isAnimated,\n  enableAspectRatio,\n  alt,\n  ...otherProps\n}: AnimatedSceneProps): JSX.Element => {\n  if (isAnimated) {\n    return (\n      <VideoPlayer\n        aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n        {...otherProps}\n        fallback=\"illustrations/heart/scene/empty-states-informative\"\n        source=\"illustrations/heart/scene/empty-states-informative\"\n      />\n    )\n  }\n  return (\n    <Base\n      aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n      alt={alt || \"\"}\n      {...otherProps}\n      name=\"illustrations/heart/scene/empty-states-informative.svg\"\n    />\n  )\n}\nEmptyStatesInformative.displayName = \"EmptyStatesInformative\"\n\nexport const EmptyStatesNegative = ({\n  isAnimated,\n  enableAspectRatio,\n  alt,\n  ...otherProps\n}: AnimatedSceneProps): JSX.Element => {\n  if (isAnimated) {\n    return (\n      <VideoPlayer\n        aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n        {...otherProps}\n        fallback=\"illustrations/heart/scene/empty-states-negative\"\n        source=\"illustrations/heart/scene/empty-states-negative\"\n      />\n    )\n  }\n  return (\n    <Base\n      aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n      alt={alt || \"\"}\n      {...otherProps}\n      name=\"illustrations/heart/scene/empty-states-negative.svg\"\n    />\n  )\n}\nEmptyStatesNegative.displayName = \"EmptyStatesNegative\"\n\nexport const EmptyStatesPositive = ({\n  isAnimated,\n  enableAspectRatio,\n  alt,\n  ...otherProps\n}: AnimatedSceneProps): JSX.Element => {\n  if (isAnimated) {\n    return (\n      <VideoPlayer\n        aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n        {...otherProps}\n        fallback=\"illustrations/heart/scene/empty-states-positive\"\n        source=\"illustrations/heart/scene/empty-states-positive\"\n      />\n    )\n  }\n  return (\n    <Base\n      aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n      alt={alt || \"\"}\n      {...otherProps}\n      name=\"illustrations/heart/scene/empty-states-positive.svg\"\n    />\n  )\n}\nEmptyStatesPositive.displayName = \"EmptyStatesPositive\"\n\nexport const EmptyStatesNeutral = ({\n  isAnimated,\n  enableAspectRatio,\n  alt,\n  ...otherProps\n}: AnimatedSceneProps): JSX.Element => {\n  if (isAnimated) {\n    return (\n      <VideoPlayer\n        aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n        {...otherProps}\n        fallback=\"illustrations/heart/scene/empty-states-neutral\"\n        source=\"illustrations/heart/scene/empty-states-neutral\"\n      />\n    )\n  }\n  return (\n    <Base\n      aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n      alt={alt || \"\"}\n      {...otherProps}\n      name=\"illustrations/heart/scene/empty-states-neutral.svg\"\n    />\n  )\n}\nEmptyStatesNeutral.displayName = \"EmptyStatesNeutral\"\n\n// Information Modals\n\nexport const Information360Upgrade = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/information-modals-360-upgrade.svg\"\n  />\n)\nInformation360Upgrade.displayName = \"Information360Upgrade\"\n\nexport const InformationDemographicFocus = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/information-modals-demographic-focus.svg\"\n  />\n)\nInformationDemographicFocus.displayName = \"InformationDemographicFocus\"\n\nexport const InformationTurnoverCalculator = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/information-modals-turnover-calculator.svg\"\n  />\n)\nInformationTurnoverCalculator.displayName = \"InformationTurnoverCalculator\"\n\nexport const InformationTurnoverForecast = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/information-modals-turnover-forecast.svg\"\n  />\n)\nInformationTurnoverForecast.displayName = \"InformationTurnoverForecast\"\n\nexport const InformationEmergingTrends = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/information-modals-emerging-trends.svg\"\n  />\n)\nInformationEmergingTrends.displayName = \"InformationEmergingTrends\"\n\nexport const InformationEmployeeLifecycle = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/information-modals-employee-lifecycle.svg\"\n  />\n)\nInformationEmployeeLifecycle.displayName = \"InformationEmployeeLifecycle\"\n\nexport const InformationReportOwner = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/information-modals-report-owner.svg\"\n  />\n)\nInformationReportOwner.displayName = \"InformationReportOwner\"\n\nexport const InformationReportOwnerByRule = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/information-modals-report-owner-by-rule.svg\"\n  />\n)\nInformationReportOwnerByRule.displayName = \"InformationReportOwnerByRule\"\n\n// Miscellaneous\n\nexport const Collaboration = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/miscellaneous-collaboration.svg\"\n  />\n)\nCollaboration.displayName = \"Collaboration\"\n\nexport const Communication = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/miscellaneous-communications.svg\"\n  />\n)\nCommunication.displayName = \"Communication\"\n\nexport const CompanyValues = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/miscellaneous-company-values.svg\"\n  />\n)\nCompanyValues.displayName = \"CompanyValues\"\n\nexport const ConnectTheDots = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/miscellaneous-connect-the-dots.svg\"\n  />\n)\nConnectTheDots.displayName = \"ConnectTheDots\"\n\nexport const CultureLab = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/miscellaneous-culture-lab.svg\"\n  />\n)\nCultureLab.displayName = \"CultureLab\"\n\nexport const TermsAgreement = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/miscellaneous-terms-agreement.svg\"\n  />\n)\nTermsAgreement.displayName = \"TermsAgreement\"\n\n// Skills Coach\n\nexport const SkillsCoach1On1Meetings = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/skills-coach-1-on-1-meetings.svg\"\n  />\n)\nSkillsCoach1On1Meetings.displayName = \"SkillsCoach1On1Meetings\"\n\nexport const SkillsCoachCoaching = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/skills-coach-coaching.svg\"\n  />\n)\nSkillsCoachCoaching.displayName = \"SkillsCoachCoaching\"\n\nexport const SkillsCoachEmployeeDevelopment = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/skills-coach-employee-development.svg\"\n  />\n)\nSkillsCoachEmployeeDevelopment.displayName = \"SkillsCoachEmployeeDevelopment\"\n\nexport const SkillsCoachEssentialFeedback = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"portrait\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/skills-coach-essential-feedback.svg\"\n  />\n)\nSkillsCoachEssentialFeedback.displayName = \"SkillsCoachEssentialFeedback\"\n\nexport const SkillsCoachEssentialProductivity = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"portrait\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/skills-coach-essential-productivity.svg\"\n  />\n)\nSkillsCoachEssentialProductivity.displayName =\n  \"SkillsCoachEssentialProductivity\"\n\nexport const SkillsCoachEssentialResilience = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"portrait\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/skills-coach-essential-resilience.svg\"\n  />\n)\nSkillsCoachEssentialResilience.displayName = \"SkillsCoachEssentialResilience\"\n\nexport const SkillsCoachInfluentialCommunication = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"portrait\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/skills-coach-influential-communication.svg\"\n  />\n)\nSkillsCoachInfluentialCommunication.displayName =\n  \"SkillsCoachInfluentialCommunication\"\n\nexport const SkillsCoachLeadingChange = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"portrait\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/skills-coach-leading-change.svg\"\n  />\n)\nSkillsCoachLeadingChange.displayName = \"SkillsCoachLeadingChange\"\n\nexport const SkillsCoachFeedback = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/skills-coach-feedback.svg\"\n  />\n)\nSkillsCoachFeedback.displayName = \"SkillsCoachFeedback\"\n\nexport const SkillsCoachManagerHub = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/skills-coach-manager-hub.svg\"\n  />\n)\nSkillsCoachManagerHub.displayName = \"SkillsCoachManagerHub\"\n\nexport const SkillsCoachProductivity = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/skills-coach-productivity.svg\"\n  />\n)\nSkillsCoachProductivity.displayName = \"SkillsCoachProductivity\"\n\nexport const SkillsCoachRemoteManager = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/skills-coach-remote-manager.svg\"\n  />\n)\nSkillsCoachRemoteManager.displayName = \"SkillsCoachRemoteManager\"\n\nexport const SkillsCoachResilience = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/skills-coach-resilience.svg\"\n  />\n)\nSkillsCoachResilience.displayName = \"SkillsCoachResilience\"\n\nexport const SkillsCoachStrategy = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"portrait\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/skills-coach-strategy.svg\"\n  />\n)\nSkillsCoachStrategy.displayName = \"SkillsCoachStrategy\"\n\n// Engagement\n\nexport const Programs = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/engagement-programs.svg\"\n  />\n)\nPrograms.displayName = \"Programs\"\n\nexport const EngagementSurveySummaryFemale = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/engagement-survey-summary-female.svg\"\n  />\n)\nEngagementSurveySummaryFemale.displayName = \"EngagementSurveySummaryFemale\"\n\nexport const EngagementSurveySummaryMale = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/engagement-survey-summary-male.svg\"\n  />\n)\nEngagementSurveySummaryMale.displayName = \"EngagementSurveySummaryMale\"\n\nexport const SurveyOverviewClosed = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"portrait\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/survey-overview-closed.svg\"\n  />\n)\nSurveyOverviewClosed.displayName = \"SurveyOverviewClosed\"\n\nexport const SurveyGetStarted = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"portrait\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/getting-started.svg\"\n  />\n)\nSurveyGetStarted.displayName = \"SurveyGetStarted\"\n\nexport const PerformanceCompanySettings = ({\n  enableAspectRatio,\n  ...props\n}: SceneProps): JSX.Element => (\n  <Base\n    aspectRatio={enableAspectRatio ? \"landscape\" : undefined}\n    {...props}\n    name=\"illustrations/heart/scene/performance-company-settings.svg\"\n  />\n)\nPerformanceCompanySettings.displayName = \"PerformanceCompanySettings\"\n"],"names":["BrandMomentPositiveOutro","_a","isAnimated","enableAspectRatio","alt","otherProps","__rest","React","createElement","VideoPlayer","__assign","aspectRatio","undefined","fallback","source","Base","name","displayName","BrandMomentLogin","BrandMomentError","BrandMomentNewAccountOnboarding","props","BrandMomentUploadEmployeeData","BrandMomentStarterKit","EmptyStatesAction","EmptyStatesInformative","EmptyStatesNegative","EmptyStatesPositive","EmptyStatesNeutral","Information360Upgrade","InformationDemographicFocus","InformationTurnoverCalculator","InformationTurnoverForecast","InformationEmergingTrends","InformationEmployeeLifecycle","InformationReportOwner","InformationReportOwnerByRule","Collaboration","Communication","CompanyValues","ConnectTheDots","CultureLab","TermsAgreement","SkillsCoach1On1Meetings","SkillsCoachCoaching","SkillsCoachEmployeeDevelopment","SkillsCoachEssentialFeedback","SkillsCoachEssentialProductivity","SkillsCoachEssentialResilience","SkillsCoachInfluentialCommunication","SkillsCoachLeadingChange","SkillsCoachFeedback","SkillsCoachManagerHub","SkillsCoachProductivity","SkillsCoachRemoteManager","SkillsCoachResilience","SkillsCoachStrategy","Programs","EngagementSurveySummaryFemale","EngagementSurveySummaryMale","SurveyOverviewClosed","SurveyGetStarted","PerformanceCompanySettings"],"mappings":"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"}

package/dist/esm/Illustration/subcomponents/VideoPlayer/VideoPlayer.mjs

@@ -0,0 +1,135 @@
+import React, { useRef, useEffect } from 'react';
+import classnames from 'classnames';
+import { assetUrl } from '@kaizen/hosted-assets';
+import '../../../Button/Button/Button.mjs';
+import { IconButton } from '../../../Button/IconButton/IconButton.mjs';
+import { canPlayWebm } from '../../utils/canPlayWebm.mjs';
+import { usePausePlay } from '../../utils/usePausePlay.mjs';
+import styles from '../Base/Base.module.scss.mjs';
+var VideoPlayer = function (_a) {
+  var _b;
+  var _c = _a.autoplay,
+    autoplay = _c === void 0 ? true : _c,
+    _d = _a.loop,
+    loop = _d === void 0 ? false : _d,
+    fallback = _a.fallback,
+    source = _a.source,
+    aspectRatio = _a.aspectRatio,
+    onEnded = _a.onEnded;
+  var videoRef = useRef(null);
+  var _e = React.useState(true),
+    prefersReducedMotion = _e[0],
+    setPrefersReducedMotion = _e[1];
+  useEffect(function () {
+    /**
+     * Setting `muted` on the player is required in Safari/Webkit and older
+     * versions of Chome for the video to autoplay (regardless of whether
+     * the format contains an audio stream or not).
+     *
+     * React does not guarentee the `muted` attribute is set on the
+     * `video` element. So on load we force set this attribute. See issue:
+     * https://github.com/facebook/react/issues/10389
+     */
+    var videoElement = videoRef.current;
+    if (videoElement !== null) {
+      videoElement.setAttribute("muted", "");
+    }
+  }, []);
+  useEffect(function () {
+    // when the source of the animation is updated, we need to reload the asset
+    // to ensure the video player is in sync with the new source.
+    var videoElement = videoRef.current;
+    if (videoElement !== null) {
+      videoElement.load();
+    }
+  }, [source]);
+  useEffect(function () {
+    if (!window) return;
+    var reducedMotionQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setPrefersReducedMotion(reducedMotionQuery.matches);
+    var updateMotionPreferences = function () {
+      var _a = window.matchMedia("(prefers-reduced-motion: reduce)").matches,
+        matches = _a === void 0 ? false : _a;
+      setPrefersReducedMotion(matches);
+    };
+    var isLegacyEdge = navigator.userAgent.match(/Edge/);
+    var isUnsupportedSafari = window.matchMedia("").addEventListener === undefined;
+    if (isLegacyEdge || isUnsupportedSafari) return;
+    reducedMotionQuery.addEventListener("change", updateMotionPreferences, true);
+    return function cleanup() {
+      reducedMotionQuery.removeEventListener("change", updateMotionPreferences);
+    };
+  }, []);
+  useEffect(function () {
+    var _a;
+    var videoElement = videoRef.current;
+    if (!videoElement) return;
+    if (prefersReducedMotion) {
+      videoElement.pause();
+    } else if (autoplay && !prefersReducedMotion) {
+      try {
+        // Older browsers may not return a promise, so .play could return undefined
+        (_a = videoElement.play()) === null || _a === void 0 ? void 0 : _a["catch"](function () {
+          /*
+           * An DOMException _may_ be raised by some browsers if we
+           * programatically interact with the video before the
+           * user has interacted with the page. This is okay - so
+           * we're going to catch this error without handling it. See:
+           * https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide#autoplay_availability
+           */
+        });
+      } catch (e) {
+        /**
+         * Older browsers will raise a synchronous error because their first implementation
+         * of `.play` was not a promise.
+         */
+      }
+    }
+    /**
+     * Chrome seems to have an issue with changes to autoplay after the video
+     * has been mounted. If there is a change in autoplay we need to force the
+     * play() method to be called.
+     */
+  }, [prefersReducedMotion, autoplay]);
+  useEffect(function () {
+    // Add event listeners for the video element
+    var videoElement = videoRef.current;
+    if (!videoElement || !onEnded) return;
+    videoElement.addEventListener("ended", onEnded);
+    return function cleanup() {
+      videoElement.removeEventListener("ended", onEnded);
+    };
+  }, [videoRef]);
+  var pausePlay = usePausePlay(videoRef);
+  return /*#__PURE__*/React.createElement("figure", {
+    className: classnames(styles.figure, (_b = {}, _b["".concat(styles[aspectRatio], " ").concat(styles.aspectRatioWrapper)] = Boolean(aspectRatio), _b))
+  }, /*#__PURE__*/React.createElement("video", {
+    muted: true,
+    "aria-hidden": true,
+    preload: "metadata",
+    ref: videoRef,
+    width: "100%",
+    "data-testid": "kz-video-player",
+    className: styles.wrapper,
+    loop: loop,
+    poster: assetUrl("".concat(fallback, ".png")),
+    autoPlay: prefersReducedMotion ? false : autoplay,
+    playsInline: true,
+    tabIndex: -1
+  }, canPlayWebm() && /*#__PURE__*/React.createElement("source", {
+    src: assetUrl("".concat(source, ".webm")),
+    type: "video/webm"
+  }), /*#__PURE__*/React.createElement("source", {
+    src: assetUrl("".concat(source, ".mp4")),
+    type: "video/mp4"
+  })), /*#__PURE__*/React.createElement(IconButton, {
+    onClick: function () {
+      return pausePlay.toggle();
+    },
+    icon: pausePlay.icon,
+    label: pausePlay.label,
+    classNameOverride: styles.pausePlayButton
+  }));
+};
+export { VideoPlayer };
+//# sourceMappingURL=VideoPlayer.mjs.map

package/dist/esm/Illustration/subcomponents/VideoPlayer/VideoPlayer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPlayer.mjs","sources":["../../../../../src/Illustration/subcomponents/VideoPlayer/VideoPlayer.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\"\nimport classnames from \"classnames\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { IconButton } from \"~components/Button\"\nimport { canPlayWebm } from \"../../utils/canPlayWebm\"\nimport { usePausePlay } from \"../../utils/usePausePlay\"\nimport styles from \"../Base/Base.module.scss\"\n\nexport type VideoPlayerProps = {\n  /**\n   * Specifies whether the animation plays as soon as it is rendered.\n   * If the user has enabled prefer-reduced-motion their preferences\n   * take precedent over this prop.\n   */\n  autoplay?: boolean\n\n  /**\n   * Replay from start when active animation reaches the end of the animation.\n   */\n  loop?: boolean\n\n  /**\n   * Fallback image. Used when rendering of the asset fails, or as a\n   * poster for the video player.\n   */\n  fallback: string\n\n  /**\n   * The path of the animation source, excluding the file extension. This\n   * Player will preference Webm over mp4.\n   */\n  source: string\n\n  /**\n   * Aspect ratio that is set on the illustration in Scene/Spot which wraps the\n   * component in a container, forcing the aspect ratio.\n   */\n  aspectRatio?: \"landscape\" | \"portrait\" | \"square\"\n\n  onEnded?: () => void\n}\n\nexport const VideoPlayer = ({\n  autoplay = true,\n  loop = false,\n  fallback,\n  source,\n  aspectRatio,\n  onEnded,\n}: VideoPlayerProps): JSX.Element => {\n  const videoRef = useRef<HTMLVideoElement>(null)\n  const [prefersReducedMotion, setPrefersReducedMotion] =\n    React.useState<boolean>(true)\n\n  useEffect(() => {\n    /**\n     * Setting `muted` on the player is required in Safari/Webkit and older\n     * versions of Chome for the video to autoplay (regardless of whether\n     * the format contains an audio stream or not).\n     *\n     * React does not guarentee the `muted` attribute is set on the\n     * `video` element. So on load we force set this attribute. See issue:\n     * https://github.com/facebook/react/issues/10389\n     */\n    const { current: videoElement } = videoRef\n    if (videoElement !== null) {\n      videoElement.setAttribute(\"muted\", \"\")\n    }\n  }, [])\n\n  useEffect(() => {\n    // when the source of the animation is updated, we need to reload the asset\n    // to ensure the video player is in sync with the new source.\n    const { current: videoElement } = videoRef\n    if (videoElement !== null) {\n      videoElement.load()\n    }\n  }, [source])\n\n  useEffect(() => {\n    if (!window) return\n\n    const reducedMotionQuery = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    )\n    setPrefersReducedMotion(reducedMotionQuery.matches)\n    const updateMotionPreferences = (): void => {\n      const { matches = false } = window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      )\n      setPrefersReducedMotion(matches)\n    }\n\n    const isLegacyEdge = navigator.userAgent.match(/Edge/)\n\n    const isUnsupportedSafari =\n      window.matchMedia(\"\").addEventListener === undefined\n\n    if (isLegacyEdge || isUnsupportedSafari) return\n\n    reducedMotionQuery.addEventListener(\"change\", updateMotionPreferences, true)\n\n    return function cleanup() {\n      reducedMotionQuery.removeEventListener(\"change\", updateMotionPreferences)\n    }\n  }, [])\n\n  useEffect(() => {\n    const { current: videoElement } = videoRef\n    if (!videoElement) return\n\n    if (prefersReducedMotion) {\n      videoElement.pause()\n    } else if (autoplay && !prefersReducedMotion) {\n      try {\n        // Older browsers may not return a promise, so .play could return undefined\n        videoElement.play()?.catch(() => {\n          /*\n           * An DOMException _may_ be raised by some browsers if we\n           * programatically interact with the video before the\n           * user has interacted with the page. This is okay - so\n           * we're going to catch this error without handling it. See:\n           * https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide#autoplay_availability\n           */\n        })\n      } catch (e) {\n        /**\n         * Older browsers will raise a synchronous error because their first implementation\n         * of `.play` was not a promise.\n         */\n      }\n    }\n    /**\n     * Chrome seems to have an issue with changes to autoplay after the video\n     * has been mounted. If there is a change in autoplay we need to force the\n     * play() method to be called.\n     */\n  }, [prefersReducedMotion, autoplay])\n\n  useEffect(() => {\n    // Add event listeners for the video element\n    const { current: videoElement } = videoRef\n    if (!videoElement || !onEnded) return\n\n    videoElement.addEventListener(\"ended\", onEnded)\n\n    return function cleanup() {\n      videoElement.removeEventListener(\"ended\", onEnded)\n    }\n  }, [videoRef])\n\n  const pausePlay = usePausePlay(videoRef)\n\n  return (\n    <figure\n      className={classnames(styles.figure, {\n        [`${styles[aspectRatio!]} ${styles.aspectRatioWrapper}`]:\n          Boolean(aspectRatio),\n      })}\n    >\n      <video\n        muted={true}\n        aria-hidden={true}\n        preload=\"metadata\"\n        ref={videoRef}\n        width=\"100%\"\n        data-testid=\"kz-video-player\"\n        className={styles.wrapper}\n        loop={loop}\n        poster={assetUrl(`${fallback}.png`)}\n        autoPlay={prefersReducedMotion ? false : autoplay}\n        playsInline={true}\n        tabIndex={-1}\n      >\n        {/**\n         * This seems counter-intuitive, but webm support is codec specific.\n         * Only offer webm if we are positive the browser supports it.\n         * Reference: https://bugs.webkit.org/show_bug.cgi?id=216652#c1\n         */}\n        {canPlayWebm() && (\n          <source src={assetUrl(`${source}.webm`)} type=\"video/webm\" />\n        )}\n        <source src={assetUrl(`${source}.mp4`)} type=\"video/mp4\" />\n      </video>\n      <IconButton\n        onClick={(): void => pausePlay.toggle()}\n        icon={pausePlay.icon}\n        label={pausePlay.label}\n        classNameOverride={styles.pausePlayButton}\n      />\n    </figure>\n  )\n}\n"],"names":["VideoPlayer","_a","_c","autoplay","_d","loop","fallback","source","aspectRatio","onEnded","videoRef","useRef","_e","React","useState","prefersReducedMotion","setPrefersReducedMotion","useEffect","videoElement","current","setAttribute","load","window","reducedMotionQuery","matchMedia","matches","updateMotionPreferences","isLegacyEdge","navigator","userAgent","match","isUnsupportedSafari","addEventListener","undefined","cleanup","removeEventListener","pause","play","e","pausePlay","usePausePlay","className","classnames","styles","figure","_b","concat","aspectRatioWrapper","Boolean","createElement","muted","preload","ref","width","wrapper","poster","assetUrl","autoPlay","playsInline","tabIndex","canPlayWebm","src","type","IconButton","onClick","toggle","icon","label","classNameOverride","pausePlayButton"],"mappings":"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"}

package/dist/esm/Illustration/utils/canPlayWebm.mjs

@@ -0,0 +1,19 @@
+/**
+ * Detect whether the current browser can play webm files
+ */
+var canPlayWebm = function () {
+  if (typeof window === "undefined") return false;
+  // Don't trust Safari's canPlayType implementation, as there is partial support for webm
+  var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+  if (isSafari) {
+    return false;
+  }
+  // Attempt webm feature detection
+  var video = document.createElement("video");
+  if (video.canPlayType("video/webm; codecs=vp9") === "probably") {
+    return true;
+  }
+  return false;
+};
+export { canPlayWebm };
+//# sourceMappingURL=canPlayWebm.mjs.map

package/dist/esm/Illustration/utils/canPlayWebm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"canPlayWebm.mjs","sources":["../../../../src/Illustration/utils/canPlayWebm.ts"],"sourcesContent":["/**\n * Detect whether the current browser can play webm files\n */\nexport const canPlayWebm = (): boolean => {\n  if (typeof window === \"undefined\") return false\n\n  // Don't trust Safari's canPlayType implementation, as there is partial support for webm\n  const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent)\n  if (isSafari) {\n    return false\n  }\n\n  // Attempt webm feature detection\n  const video = document.createElement(\"video\")\n  if (video.canPlayType(\"video/webm; codecs=vp9\") === \"probably\") {\n    return true\n  }\n  return false\n}\n"],"names":["canPlayWebm","window","isSafari","test","navigator","userAgent","video","document","createElement","canPlayType"],"mappings":"AAAA;;AAEG;AACU,IAAAA,WAAW,GAAG,SAAAA,CAAA,EAAA;EACzB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE,OAAO,KAAK;;EAG/C,IAAMC,QAAQ,GAAG,gCAAgC,CAACC,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC;EAC3E,IAAIH,QAAQ,EAAE;IACZ,OAAO,KAAK;EACb;;EAGD,IAAMI,KAAK,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAC7C,IAAIF,KAAK,CAACG,WAAW,CAAC,wBAAwB,CAAC,KAAK,UAAU,EAAE;IAC9D,OAAO,IAAI;EACZ;EACD,OAAO,KAAK;AACd,CAAA;"}

package/dist/esm/Illustration/utils/usePausePlay.mjs

@@ -0,0 +1,31 @@
+import React, { useState } from 'react';
+import 'tslib';
+import 'uuid';
+import '../../Icon/subcomponents/SVG/SVG.mjs';
+import { LaunchIcon } from '../../Icon/LaunchIcon.mjs';
+import { PauseIcon } from '../../Icon/PauseIcon.mjs';
+var usePausePlay = function (videoRef) {
+  var _a = useState(false),
+    isPaused = _a[0],
+    setPaused = _a[1];
+  return {
+    toggle: function () {
+      if (!videoRef.current) return;
+      if (videoRef.current.paused) {
+        setPaused(false);
+        videoRef.current.play();
+      } else {
+        setPaused(true);
+        videoRef.current.pause();
+      }
+    },
+    icon: isPaused ? /*#__PURE__*/React.createElement(LaunchIcon, {
+      role: "presentation"
+    }) : /*#__PURE__*/React.createElement(PauseIcon, {
+      role: "presentation"
+    }),
+    label: isPaused ? "Play animation" : "Pause animation"
+  };
+};
+export { usePausePlay };
+//# sourceMappingURL=usePausePlay.mjs.map

package/dist/esm/Illustration/utils/usePausePlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePausePlay.mjs","sources":["../../../../src/Illustration/utils/usePausePlay.tsx"],"sourcesContent":["import React, { useState, RefObject } from \"react\"\nimport { LaunchIcon, PauseIcon } from \"~components/Icon\"\n\nexport type usePausePlayHook = {\n  toggle: () => void\n  icon: JSX.Element\n  label: string\n}\n\nexport const usePausePlay = (\n  videoRef: RefObject<HTMLVideoElement>\n): usePausePlayHook => {\n  const [isPaused, setPaused] = useState(false)\n\n  return {\n    toggle: (): void => {\n      if (!videoRef.current) return\n\n      if (videoRef.current.paused) {\n        setPaused(false)\n        videoRef.current.play()\n      } else {\n        setPaused(true)\n        videoRef.current.pause()\n      }\n    },\n    icon: isPaused ? (\n      <LaunchIcon role=\"presentation\" />\n    ) : (\n      <PauseIcon role=\"presentation\" />\n    ),\n    label: isPaused ? \"Play animation\" : \"Pause animation\",\n  }\n}\n"],"names":["usePausePlay","videoRef","_a","useState","isPaused","setPaused","toggle","current","paused","play","pause","icon","React","createElement","LaunchIcon","role","PauseIcon","label"],"mappings":";;;;;;AASO,IAAMA,YAAY,GAAG,SAAAA,CAC1BC,QAAqC,EAAA;EAE/B,IAAAC,EAAA,GAAwBC,QAAQ,CAAC,KAAK,CAAC;IAAtCC,QAAQ,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,SAAS,GAAAH,EAAA,CAAA,CAAA,CAAmB;EAE7C,OAAO;IACLI,MAAM,EAAE,SAAAA,CAAA,EAAA;MACN,IAAI,CAACL,QAAQ,CAACM,OAAO,EAAE;MAEvB,IAAIN,QAAQ,CAACM,OAAO,CAACC,MAAM,EAAE;QAC3BH,SAAS,CAAC,KAAK,CAAC;QAChBJ,QAAQ,CAACM,OAAO,CAACE,IAAI,EAAE;MACxB,CAAA,MAAM;QACLJ,SAAS,CAAC,IAAI,CAAC;QACfJ,QAAQ,CAACM,OAAO,CAACG,KAAK,EAAE;MACzB;IACF,CAAA;IACDC,IAAI,EAAEP,QAAQ,gBACZQ,KAAC,CAAAC,aAAA,CAAAC,UAAU,EAAC;MAAAC,IAAI,EAAC;MAAiB,gBAElCH,KAAA,CAAAC,aAAA,CAACG,SAAS,EAAA;MAACD,IAAI,EAAC;IAAc,CAAA,CAC/B;IACDE,KAAK,EAAEb,QAAQ,GAAG,gBAAgB,GAAG;GACtC;AACH,CAAA;"}

package/dist/esm/Input/Input/types.mjs

@@ -0,0 +1,4 @@
+var InputStatus = ["default", "success", "error", "caution"];
+var InputTypes = ["text", "email", "password"];
+export { InputStatus, InputTypes };
+//# sourceMappingURL=types.mjs.map

package/dist/esm/Input/Input/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../../src/Input/Input/types.ts"],"sourcesContent":["export const InputStatus = [\"default\", \"success\", \"error\", \"caution\"] as const\nexport const InputTypes = [\"text\", \"email\", \"password\"] as const\n"],"names":["InputStatus","InputTypes"],"mappings":"AAAO,IAAMA,WAAW,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAU;AACjE,IAAAC,UAAU,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,CAAA;"}

package/dist/esm/RichTextEditor/EditableRichTextContent/EditableRichTextContent.mjs

@@ -0,0 +1,45 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Label } from '../../Label/Label.mjs';
+import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.mjs';
+import { RichTextContent } from '../RichTextContent/RichTextContent.mjs';
+import styles from './EditableRichTextContent.module.scss.mjs';
+var handleEditableClick = function (e, onClick) {
+  if (e.target.hasAttribute("href")) {
+    return;
+  }
+  return onClick(e);
+};
+const EditableRichTextContent = /*#__PURE__*/function () {
+  const EditableRichTextContent = function (_a) {
+    var onClick = _a.onClick,
+      content = _a.content,
+      classNameOverride = _a.classNameOverride,
+      labelText = _a.labelText,
+      _b = _a.isLabelHidden,
+      isLabelHidden = _b === void 0 ? false : _b,
+      contentProps = _a.contentProps,
+      restProps = __rest(_a, ["onClick", "content", "classNameOverride", "labelText", "isLabelHidden", "contentProps"]);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, !isLabelHidden && /*#__PURE__*/React.createElement(Label, {
+      labelText: labelText
+    }), /*#__PURE__*/React.createElement("div", __assign({
+      onClick: function (e) {
+        return handleEditableClick(e, onClick);
+      },
+      className: classnames(styles.editableContainer, classNameOverride)
+    }, restProps), /*#__PURE__*/React.createElement(VisuallyHidden, {
+      classNameOverride: styles.hiddenButton
+    }, /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      onClick: onClick,
+      "aria-label": "Edit ".concat(labelText)
+    })), /*#__PURE__*/React.createElement(RichTextContent, __assign({
+      content: content
+    }, contentProps))));
+  };
+  EditableRichTextContent.displayName = "EditableRichTextContent";
+  return EditableRichTextContent;
+}();
+export { EditableRichTextContent };
+//# sourceMappingURL=EditableRichTextContent.mjs.map

package/dist/esm/RichTextEditor/EditableRichTextContent/EditableRichTextContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableRichTextContent.mjs","sources":["../../../../src/RichTextEditor/EditableRichTextContent/EditableRichTextContent.tsx"],"sourcesContent":["import React, { MouseEvent, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Label } from \"~components/Label\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { RichTextContent, RichTextContentProps } from \"../RichTextContent\"\nimport { EditorContentArray } from \"../types\"\nimport styles from \"./EditableRichTextContent.module.scss\"\n\nexport type EditableRichTextContentProps = {\n  onClick: (event: MouseEvent<HTMLElement>) => void\n  content: EditorContentArray\n  labelText: string\n  isLabelHidden?: boolean\n  contentProps?: Omit<RichTextContentProps, \"content\">\n} & OverrideClassName<\n  Omit<HTMLAttributes<HTMLDivElement>, \"onClick\" | \"content\">\n>\n\nconst handleEditableClick = (\n  e: MouseEvent<HTMLElement>,\n  onClick: (event: MouseEvent<HTMLElement>) => void\n): void => {\n  if ((e.target as HTMLElement).hasAttribute(\"href\")) {\n    return\n  }\n  return onClick(e)\n}\n\nexport const EditableRichTextContent = ({\n  onClick,\n  content,\n  classNameOverride,\n  labelText,\n  isLabelHidden = false,\n  contentProps,\n  ...restProps\n}: EditableRichTextContentProps): JSX.Element => (\n  <>\n    {!isLabelHidden && <Label labelText={labelText} />}\n    {/* Disabling these a11y linting errors because there is a <button> that mitigates these concerns. The onClick here is just an additional layer. */}\n    {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n    <div\n      onClick={(e): void => handleEditableClick(e, onClick)}\n      className={classnames(styles.editableContainer, classNameOverride)}\n      {...restProps}\n    >\n      <VisuallyHidden classNameOverride={styles.hiddenButton}>\n        <button\n          type=\"button\"\n          onClick={onClick}\n          aria-label={`Edit ${labelText}`}\n        />\n      </VisuallyHidden>\n      <RichTextContent content={content} {...contentProps} />\n    </div>\n  </>\n)\n\nEditableRichTextContent.displayName = \"EditableRichTextContent\"\n"],"names":["handleEditableClick","e","onClick","target","hasAttribute","EditableRichTextContent","_a","content","classNameOverride","labelText","_b","isLabelHidden","contentProps","restProps","__rest","React","createElement","Fragment","Label","__assign","className","classnames","styles","editableContainer","VisuallyHidden","hiddenButton","type","concat","RichTextContent","displayName"],"mappings":";;;;;;;AAmBA,IAAMA,mBAAmB,GAAG,SAAAA,CAC1BC,CAA0B,EAC1BC,OAAiD,EAAA;EAEjD,IAAKD,CAAC,CAACE,MAAsB,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;IAClD;EACD;EACD,OAAOF,OAAO,CAACD,CAAC,CAAC;AACnB,CAAC;AAAA,MAEYI,uBAAuB;EAAA,MAAvBA,uBAAuB,GAAG,SAAAA,CAACC,EAQT,EAAA;IAP7B,IAAAJ,OAAO,GAAAI,EAAA,CAAAJ,OAAA;MACPK,OAAO,GAAAD,EAAA,CAAAC,OAAA;MACPC,iBAAiB,GAAAF,EAAA,CAAAE,iBAAA;MACjBC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,qBAAqB;MAArBC,aAAa,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACrBE,YAAY,GAAAN,EAAA,CAAAM,YAAA;MACTC,SAAS,GAP0BC,MAAA,CAAAR,EAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,eAAA,EAAA,cAAA,CAQvC,CADa;IACmC,oBAC/CS,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACG,CAACN,aAAa,iBAAII,KAAC,CAAAC,aAAA,CAAAE,KAAK;MAACT,SAAS,EAAEA;KAAa,CAAA,eAGlDM,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAG,QAAA,CAAA;MAAAjB,OAAO,EAAE,SAAAA,CAACD,CAAC,EAAA;QAAW,OAAAD,mBAAmB,CAACC,CAAC,EAAEC,OAAO,CAAC;MAAA,CAAA;MACrDkB,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,iBAAiB,EAAEf,iBAAiB;IAAC,CAAA,EAC9DK,SAAS,CAAA,eAEbE,KAAA,CAAAC,aAAA,CAACQ,cAAc,EAAC;MAAAhB,iBAAiB,EAAEc,MAAM,CAACG;IAAY,CAAA,eACpDV,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACEU,IAAI,EAAC,QAAQ;MACbxB,OAAO,EAAEA,OAAO;MAAA,YAAA,EACJ,OAAQ,CAAAyB,MAAA,CAAAlB,SAAS;IAAE,CAAA,CAC/B,CACa,eACjBM,KAAC,CAAAC,aAAA,CAAAY,eAAe,EAACT,QAAA,CAAA;MAAAZ,OAAO,EAAEA;KAAa,EAAAK,YAAY,CAAI,CAAA,CACnD,CACL;GACJ;EAEDP,uBAAuB,CAACwB,WAAW,GAAG,yBAAyB;EAAA,OA9BlDxB,uBAAuB;AAAA;"}

package/dist/esm/RichTextEditor/EditableRichTextContent/EditableRichTextContent.module.scss.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "editableContainer": "EditableRichTextContent-module_editableContainer__zZEMC",
+  "hiddenButton": "EditableRichTextContent-module_hiddenButton__Kq3oB"
+};
+export { styles as default };
+//# sourceMappingURL=EditableRichTextContent.module.scss.mjs.map

package/dist/esm/RichTextEditor/EditableRichTextContent/EditableRichTextContent.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableRichTextContent.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/RichTextEditor/RichTextContent/RichTextContent.mjs

@@ -0,0 +1,39 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState } from 'react';
+import classnames from 'classnames';
+import { createSchemaWithAll } from '../RichTextEditor/schema.mjs';
+import * as ProseMirrorState from 'prosemirror-state';
+import 'prosemirror-view';
+import { useRichTextEditor } from '../utils/core/hooks/useRichTextEditor.mjs';
+import * as ProseMirrorModel from 'prosemirror-model';
+import 'prosemirror-inputrules';
+import 'prosemirror-commands';
+import 'prosemirror-keymap';
+import 'prosemirror-history';
+import 'prosemirror-schema-list';
+import styles from './RichTextContent.module.scss.mjs';
+const RichTextContent = /*#__PURE__*/function () {
+  const RichTextContent = function (props) {
+    var content = props.content,
+      classNameOverride = props.classNameOverride,
+      restProps = __rest(props, ["content", "classNameOverride"]);
+    var schema = useState(createSchemaWithAll())[0];
+    var editorRef = useRichTextEditor(ProseMirrorState.EditorState.create({
+      doc: ProseMirrorModel.Node.fromJSON(schema, {
+        type: "doc",
+        content: content
+      }),
+      schema: schema
+    }), undefined, {
+      editable: false
+    })[0];
+    return /*#__PURE__*/React.createElement("div", __assign({
+      ref: editorRef,
+      className: classnames(styles.content, classNameOverride)
+    }, restProps));
+  };
+  RichTextContent.displayName = "RichTextContent";
+  return RichTextContent;
+}();
+export { RichTextContent };
+//# sourceMappingURL=RichTextContent.mjs.map

package/dist/esm/RichTextEditor/RichTextContent/RichTextContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextContent.mjs","sources":["../../../../src/RichTextEditor/RichTextContent/RichTextContent.tsx"],"sourcesContent":["import React, { useState, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { createSchemaWithAll } from \"../RichTextEditor/schema\"\nimport { EditorContentArray } from \"../types\"\nimport { useRichTextEditor } from \"../utils/core\"\nimport { ProseMirrorModel, ProseMirrorState } from \"../utils/prosemirror\"\nimport styles from \"./RichTextContent.module.scss\"\n\nexport type RichTextContentProps = {\n  content: EditorContentArray\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"content\">>\n\nexport const RichTextContent = (props: RichTextContentProps): JSX.Element => {\n  const { content, classNameOverride, ...restProps } = props\n  const [schema] = useState<ProseMirrorModel.Schema>(createSchemaWithAll())\n\n  const [editorRef] = useRichTextEditor(\n    ProseMirrorState.EditorState.create({\n      doc: ProseMirrorModel.Node.fromJSON(schema, {\n        type: \"doc\",\n        content,\n      }),\n      schema,\n    }),\n    undefined,\n    {\n      editable: false,\n    }\n  )\n\n  return (\n    <div\n      ref={editorRef}\n      className={classnames(styles.content, classNameOverride)}\n      {...restProps}\n    />\n  )\n}\n\nRichTextContent.displayName = \"RichTextContent\"\n"],"names":["RichTextContent","props","content","classNameOverride","restProps","__rest","schema","useState","createSchemaWithAll","editorRef","useRichTextEditor","ProseMirrorState","EditorState","create","doc","ProseMirrorModel","Node","fromJSON","type","undefined","editable","React","ref","className","classnames","styles","displayName"],"mappings":";;;;;;;;;;;;;;MAaaA,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,KAA2B,EAAA;IACjD,IAAAC,OAAO,GAAsCD,KAAK,CAA3CC,OAAA;MAAEC,iBAAiB,GAAmBF,KAAK,CAAxBE,iBAAA;MAAKC,SAAS,GAAKC,MAAA,CAAAJ,KAAK,EAApD,CAAA,SAAA,EAAA,mBAAA,CAA4C,CAAF;IACzC,IAAAK,MAAM,GAAIC,QAAQ,CAA0BC,mBAAmB,CAAA,CAAE,CAAC,GAA5D;IAEN,IAAAC,SAAS,GAAIC,iBAAiB,CACnCC,gBAAgB,CAACC,WAAW,CAACC,MAAM,CAAC;MAClCC,GAAG,EAAEC,gBAAgB,CAACC,IAAI,CAACC,QAAQ,CAACX,MAAM,EAAE;QAC1CY,IAAI,EAAE,KAAK;QACXhB,OAAO,EAAAA;OACR,CAAC;MACFI,MAAM,EAAAA;IACP,CAAA,CAAC,EACFa,SAAS,EACT;MACEC,QAAQ,EAAE;IACX,CAAA,CACF,GAZe;IAchB,oBACEC;MACEC,GAAG,EAAEb,SAAS;MACdc,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACvB,OAAO,EAAEC,iBAAiB;OACnDC,SAAS,CAAA,CACb;EAEN,CAAC;EAEDJ,eAAe,CAAC0B,WAAW,GAAG,iBAAiB;EAAA,OA3BlC1B,eAAe;AAAA;"}

package/dist/esm/RichTextEditor/RichTextContent/RichTextContent.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "content": "RichTextContent-module_content__vVcWj"
+};
+export { styles as default };
+//# sourceMappingURL=RichTextContent.module.scss.mjs.map

package/dist/esm/RichTextEditor/RichTextContent/RichTextContent.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextContent.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/RichTextEditor/RichTextEditor/RichTextEditor.mjs

@@ -0,0 +1,152 @@
+import { __rest, __assign, __spreadArray } from 'tslib';
+import React, { useId, useState, useEffect } from 'react';
+import classnames from 'classnames';
+import { FieldMessage } from '../../FieldMessage/FieldMessage.mjs';
+import { Label } from '../../Label/Label.mjs';
+import { InlineNotification } from '../../Notification/InlineNotification/InlineNotification.mjs';
+import '../../Notification/GlobalNotification/GlobalNotification.mjs';
+import * as ProseMirrorState from 'prosemirror-state';
+import 'prosemirror-view';
+import { useRichTextEditor } from '../utils/core/hooks/useRichTextEditor.mjs';
+import * as ProseMirrorModel from 'prosemirror-model';
+import 'prosemirror-inputrules';
+import { createLinkManager } from '../utils/plugins/LinkManager/LinkManager.mjs';
+import '../utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs';
+import '../utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs';
+import '../utils/plugins/LinkManager/components/LinkPopover/LinkPopover.mjs';
+import * as ProseMirrorCommands from 'prosemirror-commands';
+import * as ProseMirrorKeymap from 'prosemirror-keymap';
+import * as ProseMirrorHistory from 'prosemirror-history';
+import 'prosemirror-schema-list';
+import { createSchemaFromControls } from './schema.mjs';
+import { ToggleIconButton } from './subcomponents/ToggleIconButton/ToggleIconButton.mjs';
+import { Toolbar } from './subcomponents/Toolbar/Toolbar.mjs';
+import { ToolbarSection } from './subcomponents/ToolbarSection/ToolbarSection.mjs';
+import { buildControlMap } from './utils/controlmap.mjs';
+import { buildInputRules } from './utils/inputrules.mjs';
+import { buildKeymap } from './utils/keymap.mjs';
+import styles from './RichTextEditor.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}
+ */
+const RichTextEditor = /*#__PURE__*/function () {
+  const RichTextEditor = function (_a) {
+    var onChange = _a.onChange,
+      defaultValue = _a.defaultValue,
+      labelText = _a.labelText,
+      labelledBy = _a["aria-labelledby"],
+      classNameOverride = _a.classNameOverride,
+      controls = _a.controls,
+      _b = _a.rows,
+      rows = _b === void 0 ? 3 : _b,
+      dataError = _a.dataError,
+      onDataError = _a.onDataError,
+      validationMessage = _a.validationMessage,
+      description = _a.description,
+      _c = _a.status,
+      status = _c === void 0 ? "default" : _c,
+      restProps = __rest(_a, ["onChange", "defaultValue", "labelText", "aria-labelledby", "classNameOverride", "controls", "rows", "dataError", "onDataError", "validationMessage", "description", "status"]);
+    var reactId = useId();
+    var schema = useState(createSchemaFromControls(controls))[0];
+    var labelId = useState(labelledBy || reactId)[0];
+    var editorId = useState(reactId)[0];
+    var useRichTextEditorResult = function () {
+      try {
+        return useRichTextEditor(ProseMirrorState.EditorState.create({
+          doc: ProseMirrorModel.Node.fromJSON(schema, {
+            type: "doc",
+            // we're converting empty arrays to the ProseMirror default "empty" state because when
+            // given an empty array ProseMirror returns undefined, breaking the type
+            content: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) > 0 ? defaultValue : [{
+              type: "paragraph"
+            }]
+          }),
+          schema: schema,
+          plugins: getPlugins(controls, schema)
+        }), {
+          "aria-labelledby": labelId,
+          role: "textbox"
+        });
+      } catch (_a) {
+        return new Error("Bad data error");
+      }
+    }();
+    if (useRichTextEditorResult instanceof Error) {
+      onDataError && onDataError();
+      return /*#__PURE__*/React.createElement(InlineNotification, {
+        headingProps: {
+          children: "Error",
+          variant: "heading-6"
+        },
+        type: "negative",
+        persistent: true
+      }, dataError || "Something went wrong");
+    }
+    var editorRef = useRichTextEditorResult[0],
+      editorState = useRichTextEditorResult[1],
+      dispatchTransaction = useRichTextEditorResult[2];
+    var controlMap = buildControlMap(schema, editorState, controls);
+    useEffect(function () {
+      onChange(editorState);
+      // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue
+    }, [editorState]);
+    var validationMessageAria = validationMessage ? "".concat(editorId, "-rte-validation-message") : "";
+    var descriptionAria = description ? "".concat(editorId, "-rte-description") : "";
+    var ariaDescribedBy = "".concat(validationMessageAria, " ").concat(descriptionAria);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, !labelledBy && labelText && /*#__PURE__*/React.createElement(Label, {
+      id: labelId,
+      labelText: labelText
+    }), /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.editorWrapper, styles[status])
+    }, controls && /*#__PURE__*/React.createElement(Toolbar, {
+      "aria-controls": editorId,
+      "aria-label": "Text formatting",
+      classNameOverride: styles.toolbar
+    }, controlMap.map(function (section, index) {
+      return /*#__PURE__*/React.createElement(ToolbarSection, {
+        key: index
+      }, section.map(function (controlConfig, controlKeyIndex) {
+        return /*#__PURE__*/React.createElement(ToggleIconButton, {
+          key: controlKeyIndex,
+          icon: controlConfig.icon,
+          disabled: controlConfig.disabled,
+          label: controlConfig.label,
+          isActive: controlConfig.isActive,
+          onClick: function () {
+            return dispatchTransaction(controlConfig.action);
+          }
+        });
+      }));
+    })), /*#__PURE__*/React.createElement("div", __assign({
+      id: editorId,
+      ref: editorRef,
+      className: classnames(styles.editor, styles["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && styles.hasToolbar),
+      "aria-describedby": ariaDescribedBy
+    }, restProps))), validationMessage && /*#__PURE__*/React.createElement(FieldMessage, {
+      id: validationMessageAria,
+      message: validationMessage,
+      status: status
+    }), description && /*#__PURE__*/React.createElement(FieldMessage, {
+      id: descriptionAria,
+      message: description
+    }));
+  };
+  RichTextEditor.displayName = "RichTextEditor";
+  return RichTextEditor;
+}();
+function getPlugins(controls, schema) {
+  var allControlNames = controls ? controls.reduce(function (acc, c) {
+    return __spreadArray(__spreadArray([], acc, true), [c.name], false);
+  }, []) : [];
+  var plugins = [ProseMirrorHistory.history(), ProseMirrorKeymap.keymap(buildKeymap(schema)), ProseMirrorKeymap.keymap(ProseMirrorCommands.baseKeymap), buildInputRules(schema)];
+  if (allControlNames.includes("link")) {
+    plugins.push(createLinkManager({
+      markType: schema.marks.link
+    }));
+  }
+  return plugins;
+}
+export { RichTextEditor };
+//# sourceMappingURL=RichTextEditor.mjs.map