@strapi/admin 5.37.1 → 5.38.1

package/dist/admin/admin/src/components/GuidedTour/Tours.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tours.js","sources":["../../../../../../admin/src/components/GuidedTour/Tours.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Popover, Portal } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { useGetGuidedTourMetaQuery } from '../../services/admin';\n\nimport { type State, type Action, useGuidedTour, ValidTourName, CompletedActions } from './Context';\nimport { apiTokensSteps } from './Steps/ApiTokensSteps';\nimport { contentManagerSteps } from './Steps/ContentManagerSteps';\nimport { contentTypeBuilderSteps } from './Steps/ContentTypeBuilderSteps';\nimport { type Step, createStepComponents } from './Steps/Step';\nimport { GUIDED_TOUR_REQUIRED_ACTIONS } from './utils/constants';\n\n/* -------------------------------------------------------------------------------------------------\n * Tours\n * -----------------------------------------------------------------------------------------------*/\n\nconst tours = {\n  contentTypeBuilder: createTour('contentTypeBuilder', contentTypeBuilderSteps),\n  contentManager: createTour('contentManager', contentManagerSteps),\n  apiTokens: createTour('apiTokens', apiTokensSteps),\n  strapiCloud: createTour('strapiCloud', []),\n} as const;\n\ntype Tours = typeof tours;\n\n/* -------------------------------------------------------------------------------------------------\n * GuidedTourTooltip\n * -----------------------------------------------------------------------------------------------*/\n\nexport type StepContentProps = {\n  Step: Step;\n  state: State;\n  dispatch: React.Dispatch<Action>;\n};\ntype Content = (props: StepContentProps) => React.ReactNode;\n\ntype GuidedTourTooltipProps = {\n  children: React.ReactNode;\n  content: Content;\n  tourName: ValidTourName;\n  step: number;\n  when?: (completedActions: CompletedActions) => boolean;\n};\n\nconst GuidedTourTooltip = ({ children, ...props }: GuidedTourTooltipProps) => {\n  const state = useGuidedTour('TooltipWrapper', (s) => s.state);\n\n  if (!state.enabled || state.hidden || process.env.NODE_ENV !== 'development') {\n    return children;\n  }\n\n  return <GuidedTourTooltipImpl {...props}>{children}</GuidedTourTooltipImpl>;\n};\n\nconst GuidedTourOverlay = styled(Box)`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(50, 50, 77, 0.2);\n  z-index: 10;\n`;\n\nconst GuidedTourTooltipImpl = ({\n  children,\n  content,\n  tourName,\n  step,\n  when,\n}: GuidedTourTooltipProps) => {\n  const { data: guidedTourMeta } = useGetGuidedTourMetaQuery();\n  const state = useGuidedTour('GuidedTourTooltip', (s) => s.state);\n  const dispatch = useGuidedTour('GuidedTourTooltip', (s) => s.dispatch);\n\n  const tourState = state.tours?.[tourName];\n  const isCurrentStep = tourState?.currentStep === step;\n  const isStepConditionMet = when ? when(state.completedActions) : true;\n  const isPopoverOpen =\n    guidedTourMeta?.data?.isFirstSuperAdminUser &&\n    !tourState?.isCompleted &&\n    isCurrentStep &&\n    isStepConditionMet;\n\n  // Lock the scroll\n  React.useEffect(() => {\n    if (!isPopoverOpen) return;\n\n    const originalStyle = window.getComputedStyle(document.body).overflow;\n    document.body.style.overflow = 'hidden';\n\n    return () => {\n      document.body.style.overflow = originalStyle;\n    };\n  }, [isPopoverOpen]);\n\n  const Step = React.useMemo(() => createStepComponents(tourName), [tourName]);\n\n  const hasApiSchema =\n    Object.keys(guidedTourMeta?.data?.schemas ?? {}).filter((key) => key.startsWith('api::'))\n      .length > 0;\n\n  React.useEffect(() => {\n    if (hasApiSchema) {\n      /**\n       * Fallback sync:\n       *\n       * When the user already has a schema (ie started project from template with seeded data),\n       * allow them to proceed to the content manager tour.\n       *\n       * When the CTB fails to restart after saving a schema (as it often does)\n       */\n      dispatch({\n        type: 'set_completed_actions',\n        payload: [GUIDED_TOUR_REQUIRED_ACTIONS.contentTypeBuilder.createSchema],\n      });\n    }\n  }, [dispatch, hasApiSchema, step, tourName]);\n\n  // Safety check: if tours state is corrupted or missing, render without tooltip (after all hooks)\n  if (!state.tours || !state.tours[tourName]) {\n    return <>{children}</>;\n  }\n\n  return (\n    <>\n      {isPopoverOpen && (\n        <Portal>\n          <GuidedTourOverlay />\n        </Portal>\n      )}\n      <Popover.Root open={isPopoverOpen}>\n        <Popover.Anchor>{children}</Popover.Anchor>\n        {content({ Step, state, dispatch })}\n      </Popover.Root>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Tour factory\n * -----------------------------------------------------------------------------------------------*/\n\nexport type TourStep<P extends string> = {\n  name: P;\n  content: Content;\n  when?: (completedActions: CompletedActions) => boolean;\n  excludeFromStepCount?: boolean;\n};\n\nexport function createTour<const T extends ReadonlyArray<TourStep<string>>>(\n  tourName: string,\n  steps: T\n) {\n  type Components = {\n    [K in T[number]['name']]: React.ComponentType<{ children: React.ReactNode }>;\n  };\n\n  const tour = steps.reduce(\n    (acc, step, index) => {\n      const name = step.name as keyof Components;\n\n      if (name in acc) {\n        throw Error(`The tour: ${tourName} with step: ${step.name} has already been registered`);\n      }\n\n      (acc as Components)[name] = ({ children }: { children: React.ReactNode }) => {\n        return (\n          <GuidedTourTooltip\n            tourName={tourName as ValidTourName}\n            step={index}\n            content={step.content}\n            when={step.when}\n          >\n            {children}\n          </GuidedTourTooltip>\n        );\n      };\n\n      if (step.excludeFromStepCount) {\n        // Subtract all steps registered to be excluded from the step count\n        acc._meta.displayedStepCount--;\n      }\n\n      return acc;\n    },\n    { _meta: { totalStepCount: steps.length, displayedStepCount: steps.length } } as Components & {\n      _meta: { totalStepCount: number; displayedStepCount: number };\n    }\n  );\n\n  return tour;\n}\n\nexport type { Content, Tours };\nexport { tours };\n"],"names":["tours","contentTypeBuilder","createTour","contentTypeBuilderSteps","contentManager","contentManagerSteps","apiTokens","apiTokensSteps","strapiCloud","GuidedTourTooltip","children","props","state","useGuidedTour","s","enabled","hidden","process","env","NODE_ENV","_jsx","GuidedTourTooltipImpl","GuidedTourOverlay","styled","Box","content","tourName","step","when","data","guidedTourMeta","useGetGuidedTourMetaQuery","dispatch","tourState","isCurrentStep","currentStep","isStepConditionMet","completedActions","isPopoverOpen","isFirstSuperAdminUser","isCompleted","React","useEffect","originalStyle","window","getComputedStyle","document","body","overflow","style","Step","useMemo","createStepComponents","hasApiSchema","Object","keys","schemas","filter","key","startsWith","length","type","payload","GUIDED_TOUR_REQUIRED_ACTIONS","createSchema","_Fragment","_jsxs","Portal","Popover","Root","open","Anchor","steps","tour","reduce","acc","index","name","Error","excludeFromStepCount","_meta","displayedStepCount","totalStepCount"],"mappings":"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"}
+{"version":3,"file":"Tours.js","sources":["../../../../../../admin/src/components/GuidedTour/Tours.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Popover, Portal, setOpacity } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { useGetGuidedTourMetaQuery } from '../../services/admin';\n\nimport { type State, type Action, useGuidedTour, ValidTourName, CompletedActions } from './Context';\nimport { apiTokensSteps } from './Steps/ApiTokensSteps';\nimport { contentManagerSteps } from './Steps/ContentManagerSteps';\nimport { contentTypeBuilderSteps } from './Steps/ContentTypeBuilderSteps';\nimport { type Step, createStepComponents } from './Steps/Step';\nimport { GUIDED_TOUR_REQUIRED_ACTIONS } from './utils/constants';\n\n/* -------------------------------------------------------------------------------------------------\n * Tours\n * -----------------------------------------------------------------------------------------------*/\n\nconst tours = {\n  contentTypeBuilder: createTour('contentTypeBuilder', contentTypeBuilderSteps),\n  contentManager: createTour('contentManager', contentManagerSteps),\n  apiTokens: createTour('apiTokens', apiTokensSteps),\n  strapiCloud: createTour('strapiCloud', []),\n} as const;\n\ntype Tours = typeof tours;\n\n/* -------------------------------------------------------------------------------------------------\n * GuidedTourTooltip\n * -----------------------------------------------------------------------------------------------*/\n\nexport type StepContentProps = {\n  Step: Step;\n  state: State;\n  dispatch: React.Dispatch<Action>;\n};\ntype Content = (props: StepContentProps) => React.ReactNode;\n\ntype GuidedTourTooltipProps = {\n  children: React.ReactNode;\n  content: Content;\n  tourName: ValidTourName;\n  step: number;\n  when?: (completedActions: CompletedActions) => boolean;\n};\n\nconst GuidedTourTooltip = ({ children, ...props }: GuidedTourTooltipProps) => {\n  const state = useGuidedTour('TooltipWrapper', (s) => s.state);\n\n  if (!state.enabled || state.hidden || process.env.NODE_ENV !== 'development') {\n    return children;\n  }\n\n  return <GuidedTourTooltipImpl {...props}>{children}</GuidedTourTooltipImpl>;\n};\n\nconst GuidedTourOverlay = styled(Box)`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ${({ theme }) => setOpacity(theme.colors.neutral800, 0.2)};\n  z-index: 10;\n`;\n\nconst GuidedTourTooltipImpl = ({\n  children,\n  content,\n  tourName,\n  step,\n  when,\n}: GuidedTourTooltipProps) => {\n  const { data: guidedTourMeta } = useGetGuidedTourMetaQuery();\n  const state = useGuidedTour('GuidedTourTooltip', (s) => s.state);\n  const dispatch = useGuidedTour('GuidedTourTooltip', (s) => s.dispatch);\n\n  const tourState = state.tours?.[tourName];\n  const isCurrentStep = tourState?.currentStep === step;\n  const isStepConditionMet = when ? when(state.completedActions) : true;\n  const isPopoverOpen =\n    guidedTourMeta?.data?.isFirstSuperAdminUser &&\n    !tourState?.isCompleted &&\n    isCurrentStep &&\n    isStepConditionMet;\n\n  // Lock the scroll\n  React.useEffect(() => {\n    if (!isPopoverOpen) return;\n\n    const originalStyle = window.getComputedStyle(document.body).overflow;\n    document.body.style.overflow = 'hidden';\n\n    return () => {\n      document.body.style.overflow = originalStyle;\n    };\n  }, [isPopoverOpen]);\n\n  const Step = React.useMemo(() => createStepComponents(tourName), [tourName]);\n\n  const hasApiSchema =\n    Object.keys(guidedTourMeta?.data?.schemas ?? {}).filter((key) => key.startsWith('api::'))\n      .length > 0;\n\n  React.useEffect(() => {\n    if (hasApiSchema) {\n      /**\n       * Fallback sync:\n       *\n       * When the user already has a schema (ie started project from template with seeded data),\n       * allow them to proceed to the content manager tour.\n       *\n       * When the CTB fails to restart after saving a schema (as it often does)\n       */\n      dispatch({\n        type: 'set_completed_actions',\n        payload: [GUIDED_TOUR_REQUIRED_ACTIONS.contentTypeBuilder.createSchema],\n      });\n    }\n  }, [dispatch, hasApiSchema, step, tourName]);\n\n  // Safety check: if tours state is corrupted or missing, render without tooltip (after all hooks)\n  if (!state.tours || !state.tours[tourName]) {\n    return <>{children}</>;\n  }\n\n  return (\n    <>\n      {isPopoverOpen && (\n        <Portal>\n          <GuidedTourOverlay />\n        </Portal>\n      )}\n      <Popover.Root open={isPopoverOpen}>\n        <Popover.Anchor>{children}</Popover.Anchor>\n        {content({ Step, state, dispatch })}\n      </Popover.Root>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Tour factory\n * -----------------------------------------------------------------------------------------------*/\n\nexport type TourStep<P extends string> = {\n  name: P;\n  content: Content;\n  when?: (completedActions: CompletedActions) => boolean;\n  excludeFromStepCount?: boolean;\n};\n\nexport function createTour<const T extends ReadonlyArray<TourStep<string>>>(\n  tourName: string,\n  steps: T\n) {\n  type Components = {\n    [K in T[number]['name']]: React.ComponentType<{ children: React.ReactNode }>;\n  };\n\n  const tour = steps.reduce(\n    (acc, step, index) => {\n      const name = step.name as keyof Components;\n\n      if (name in acc) {\n        throw Error(`The tour: ${tourName} with step: ${step.name} has already been registered`);\n      }\n\n      (acc as Components)[name] = ({ children }: { children: React.ReactNode }) => {\n        return (\n          <GuidedTourTooltip\n            tourName={tourName as ValidTourName}\n            step={index}\n            content={step.content}\n            when={step.when}\n          >\n            {children}\n          </GuidedTourTooltip>\n        );\n      };\n\n      if (step.excludeFromStepCount) {\n        // Subtract all steps registered to be excluded from the step count\n        acc._meta.displayedStepCount--;\n      }\n\n      return acc;\n    },\n    { _meta: { totalStepCount: steps.length, displayedStepCount: steps.length } } as Components & {\n      _meta: { totalStepCount: number; displayedStepCount: number };\n    }\n  );\n\n  return tour;\n}\n\nexport type { Content, Tours };\nexport { tours };\n"],"names":["tours","contentTypeBuilder","createTour","contentTypeBuilderSteps","contentManager","contentManagerSteps","apiTokens","apiTokensSteps","strapiCloud","GuidedTourTooltip","children","props","state","useGuidedTour","s","enabled","hidden","process","env","NODE_ENV","_jsx","GuidedTourTooltipImpl","GuidedTourOverlay","styled","Box","theme","setOpacity","colors","neutral800","content","tourName","step","when","data","guidedTourMeta","useGetGuidedTourMetaQuery","dispatch","tourState","isCurrentStep","currentStep","isStepConditionMet","completedActions","isPopoverOpen","isFirstSuperAdminUser","isCompleted","React","useEffect","originalStyle","window","getComputedStyle","document","body","overflow","style","Step","useMemo","createStepComponents","hasApiSchema","Object","keys","schemas","filter","key","startsWith","length","type","payload","GUIDED_TOUR_REQUIRED_ACTIONS","createSchema","_Fragment","_jsxs","Portal","Popover","Root","open","Anchor","steps","tour","reduce","acc","index","name","Error","excludeFromStepCount","_meta","displayedStepCount","totalStepCount"],"mappings":"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"}

package/dist/admin/admin/src/components/GuidedTour/Tours.mjs

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
-import { Box, Portal, Popover } from '@strapi/design-system';
+import { setOpacity, Box, Portal, Popover } from '@strapi/design-system';
 import { styled } from 'styled-components';
 import { useGetGuidedTourMetaQuery } from '../../services/admin.mjs';
 import { useGuidedTour } from './Context.mjs';
@@ -34,7 +34,7 @@ const GuidedTourOverlay = styled(Box)`
   left: 0;
   right: 0;
   bottom: 0;
-  background-color: rgba(50, 50, 77, 0.2);
+  background-color: ${({ theme })=>setOpacity(theme.colors.neutral800, 0.2)};
   z-index: 10;
 `;
 const GuidedTourTooltipImpl = ({ children, content, tourName, step, when })=>{

package/dist/admin/admin/src/components/GuidedTour/Tours.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tours.mjs","sources":["../../../../../../admin/src/components/GuidedTour/Tours.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Popover, Portal } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { useGetGuidedTourMetaQuery } from '../../services/admin';\n\nimport { type State, type Action, useGuidedTour, ValidTourName, CompletedActions } from './Context';\nimport { apiTokensSteps } from './Steps/ApiTokensSteps';\nimport { contentManagerSteps } from './Steps/ContentManagerSteps';\nimport { contentTypeBuilderSteps } from './Steps/ContentTypeBuilderSteps';\nimport { type Step, createStepComponents } from './Steps/Step';\nimport { GUIDED_TOUR_REQUIRED_ACTIONS } from './utils/constants';\n\n/* -------------------------------------------------------------------------------------------------\n * Tours\n * -----------------------------------------------------------------------------------------------*/\n\nconst tours = {\n  contentTypeBuilder: createTour('contentTypeBuilder', contentTypeBuilderSteps),\n  contentManager: createTour('contentManager', contentManagerSteps),\n  apiTokens: createTour('apiTokens', apiTokensSteps),\n  strapiCloud: createTour('strapiCloud', []),\n} as const;\n\ntype Tours = typeof tours;\n\n/* -------------------------------------------------------------------------------------------------\n * GuidedTourTooltip\n * -----------------------------------------------------------------------------------------------*/\n\nexport type StepContentProps = {\n  Step: Step;\n  state: State;\n  dispatch: React.Dispatch<Action>;\n};\ntype Content = (props: StepContentProps) => React.ReactNode;\n\ntype GuidedTourTooltipProps = {\n  children: React.ReactNode;\n  content: Content;\n  tourName: ValidTourName;\n  step: number;\n  when?: (completedActions: CompletedActions) => boolean;\n};\n\nconst GuidedTourTooltip = ({ children, ...props }: GuidedTourTooltipProps) => {\n  const state = useGuidedTour('TooltipWrapper', (s) => s.state);\n\n  if (!state.enabled || state.hidden || process.env.NODE_ENV !== 'development') {\n    return children;\n  }\n\n  return <GuidedTourTooltipImpl {...props}>{children}</GuidedTourTooltipImpl>;\n};\n\nconst GuidedTourOverlay = styled(Box)`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(50, 50, 77, 0.2);\n  z-index: 10;\n`;\n\nconst GuidedTourTooltipImpl = ({\n  children,\n  content,\n  tourName,\n  step,\n  when,\n}: GuidedTourTooltipProps) => {\n  const { data: guidedTourMeta } = useGetGuidedTourMetaQuery();\n  const state = useGuidedTour('GuidedTourTooltip', (s) => s.state);\n  const dispatch = useGuidedTour('GuidedTourTooltip', (s) => s.dispatch);\n\n  const tourState = state.tours?.[tourName];\n  const isCurrentStep = tourState?.currentStep === step;\n  const isStepConditionMet = when ? when(state.completedActions) : true;\n  const isPopoverOpen =\n    guidedTourMeta?.data?.isFirstSuperAdminUser &&\n    !tourState?.isCompleted &&\n    isCurrentStep &&\n    isStepConditionMet;\n\n  // Lock the scroll\n  React.useEffect(() => {\n    if (!isPopoverOpen) return;\n\n    const originalStyle = window.getComputedStyle(document.body).overflow;\n    document.body.style.overflow = 'hidden';\n\n    return () => {\n      document.body.style.overflow = originalStyle;\n    };\n  }, [isPopoverOpen]);\n\n  const Step = React.useMemo(() => createStepComponents(tourName), [tourName]);\n\n  const hasApiSchema =\n    Object.keys(guidedTourMeta?.data?.schemas ?? {}).filter((key) => key.startsWith('api::'))\n      .length > 0;\n\n  React.useEffect(() => {\n    if (hasApiSchema) {\n      /**\n       * Fallback sync:\n       *\n       * When the user already has a schema (ie started project from template with seeded data),\n       * allow them to proceed to the content manager tour.\n       *\n       * When the CTB fails to restart after saving a schema (as it often does)\n       */\n      dispatch({\n        type: 'set_completed_actions',\n        payload: [GUIDED_TOUR_REQUIRED_ACTIONS.contentTypeBuilder.createSchema],\n      });\n    }\n  }, [dispatch, hasApiSchema, step, tourName]);\n\n  // Safety check: if tours state is corrupted or missing, render without tooltip (after all hooks)\n  if (!state.tours || !state.tours[tourName]) {\n    return <>{children}</>;\n  }\n\n  return (\n    <>\n      {isPopoverOpen && (\n        <Portal>\n          <GuidedTourOverlay />\n        </Portal>\n      )}\n      <Popover.Root open={isPopoverOpen}>\n        <Popover.Anchor>{children}</Popover.Anchor>\n        {content({ Step, state, dispatch })}\n      </Popover.Root>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Tour factory\n * -----------------------------------------------------------------------------------------------*/\n\nexport type TourStep<P extends string> = {\n  name: P;\n  content: Content;\n  when?: (completedActions: CompletedActions) => boolean;\n  excludeFromStepCount?: boolean;\n};\n\nexport function createTour<const T extends ReadonlyArray<TourStep<string>>>(\n  tourName: string,\n  steps: T\n) {\n  type Components = {\n    [K in T[number]['name']]: React.ComponentType<{ children: React.ReactNode }>;\n  };\n\n  const tour = steps.reduce(\n    (acc, step, index) => {\n      const name = step.name as keyof Components;\n\n      if (name in acc) {\n        throw Error(`The tour: ${tourName} with step: ${step.name} has already been registered`);\n      }\n\n      (acc as Components)[name] = ({ children }: { children: React.ReactNode }) => {\n        return (\n          <GuidedTourTooltip\n            tourName={tourName as ValidTourName}\n            step={index}\n            content={step.content}\n            when={step.when}\n          >\n            {children}\n          </GuidedTourTooltip>\n        );\n      };\n\n      if (step.excludeFromStepCount) {\n        // Subtract all steps registered to be excluded from the step count\n        acc._meta.displayedStepCount--;\n      }\n\n      return acc;\n    },\n    { _meta: { totalStepCount: steps.length, displayedStepCount: steps.length } } as Components & {\n      _meta: { totalStepCount: number; displayedStepCount: number };\n    }\n  );\n\n  return tour;\n}\n\nexport type { Content, Tours };\nexport { tours };\n"],"names":["tours","contentTypeBuilder","createTour","contentTypeBuilderSteps","contentManager","contentManagerSteps","apiTokens","apiTokensSteps","strapiCloud","GuidedTourTooltip","children","props","state","useGuidedTour","s","enabled","hidden","process","env","NODE_ENV","_jsx","GuidedTourTooltipImpl","GuidedTourOverlay","styled","Box","content","tourName","step","when","data","guidedTourMeta","useGetGuidedTourMetaQuery","dispatch","tourState","isCurrentStep","currentStep","isStepConditionMet","completedActions","isPopoverOpen","isFirstSuperAdminUser","isCompleted","React","useEffect","originalStyle","window","getComputedStyle","document","body","overflow","style","Step","useMemo","createStepComponents","hasApiSchema","Object","keys","schemas","filter","key","startsWith","length","type","payload","GUIDED_TOUR_REQUIRED_ACTIONS","createSchema","_Fragment","_jsxs","Portal","Popover","Root","open","Anchor","steps","tour","reduce","acc","index","name","Error","excludeFromStepCount","_meta","displayedStepCount","totalStepCount"],"mappings":"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"}
+{"version":3,"file":"Tours.mjs","sources":["../../../../../../admin/src/components/GuidedTour/Tours.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Popover, Portal, setOpacity } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { useGetGuidedTourMetaQuery } from '../../services/admin';\n\nimport { type State, type Action, useGuidedTour, ValidTourName, CompletedActions } from './Context';\nimport { apiTokensSteps } from './Steps/ApiTokensSteps';\nimport { contentManagerSteps } from './Steps/ContentManagerSteps';\nimport { contentTypeBuilderSteps } from './Steps/ContentTypeBuilderSteps';\nimport { type Step, createStepComponents } from './Steps/Step';\nimport { GUIDED_TOUR_REQUIRED_ACTIONS } from './utils/constants';\n\n/* -------------------------------------------------------------------------------------------------\n * Tours\n * -----------------------------------------------------------------------------------------------*/\n\nconst tours = {\n  contentTypeBuilder: createTour('contentTypeBuilder', contentTypeBuilderSteps),\n  contentManager: createTour('contentManager', contentManagerSteps),\n  apiTokens: createTour('apiTokens', apiTokensSteps),\n  strapiCloud: createTour('strapiCloud', []),\n} as const;\n\ntype Tours = typeof tours;\n\n/* -------------------------------------------------------------------------------------------------\n * GuidedTourTooltip\n * -----------------------------------------------------------------------------------------------*/\n\nexport type StepContentProps = {\n  Step: Step;\n  state: State;\n  dispatch: React.Dispatch<Action>;\n};\ntype Content = (props: StepContentProps) => React.ReactNode;\n\ntype GuidedTourTooltipProps = {\n  children: React.ReactNode;\n  content: Content;\n  tourName: ValidTourName;\n  step: number;\n  when?: (completedActions: CompletedActions) => boolean;\n};\n\nconst GuidedTourTooltip = ({ children, ...props }: GuidedTourTooltipProps) => {\n  const state = useGuidedTour('TooltipWrapper', (s) => s.state);\n\n  if (!state.enabled || state.hidden || process.env.NODE_ENV !== 'development') {\n    return children;\n  }\n\n  return <GuidedTourTooltipImpl {...props}>{children}</GuidedTourTooltipImpl>;\n};\n\nconst GuidedTourOverlay = styled(Box)`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ${({ theme }) => setOpacity(theme.colors.neutral800, 0.2)};\n  z-index: 10;\n`;\n\nconst GuidedTourTooltipImpl = ({\n  children,\n  content,\n  tourName,\n  step,\n  when,\n}: GuidedTourTooltipProps) => {\n  const { data: guidedTourMeta } = useGetGuidedTourMetaQuery();\n  const state = useGuidedTour('GuidedTourTooltip', (s) => s.state);\n  const dispatch = useGuidedTour('GuidedTourTooltip', (s) => s.dispatch);\n\n  const tourState = state.tours?.[tourName];\n  const isCurrentStep = tourState?.currentStep === step;\n  const isStepConditionMet = when ? when(state.completedActions) : true;\n  const isPopoverOpen =\n    guidedTourMeta?.data?.isFirstSuperAdminUser &&\n    !tourState?.isCompleted &&\n    isCurrentStep &&\n    isStepConditionMet;\n\n  // Lock the scroll\n  React.useEffect(() => {\n    if (!isPopoverOpen) return;\n\n    const originalStyle = window.getComputedStyle(document.body).overflow;\n    document.body.style.overflow = 'hidden';\n\n    return () => {\n      document.body.style.overflow = originalStyle;\n    };\n  }, [isPopoverOpen]);\n\n  const Step = React.useMemo(() => createStepComponents(tourName), [tourName]);\n\n  const hasApiSchema =\n    Object.keys(guidedTourMeta?.data?.schemas ?? {}).filter((key) => key.startsWith('api::'))\n      .length > 0;\n\n  React.useEffect(() => {\n    if (hasApiSchema) {\n      /**\n       * Fallback sync:\n       *\n       * When the user already has a schema (ie started project from template with seeded data),\n       * allow them to proceed to the content manager tour.\n       *\n       * When the CTB fails to restart after saving a schema (as it often does)\n       */\n      dispatch({\n        type: 'set_completed_actions',\n        payload: [GUIDED_TOUR_REQUIRED_ACTIONS.contentTypeBuilder.createSchema],\n      });\n    }\n  }, [dispatch, hasApiSchema, step, tourName]);\n\n  // Safety check: if tours state is corrupted or missing, render without tooltip (after all hooks)\n  if (!state.tours || !state.tours[tourName]) {\n    return <>{children}</>;\n  }\n\n  return (\n    <>\n      {isPopoverOpen && (\n        <Portal>\n          <GuidedTourOverlay />\n        </Portal>\n      )}\n      <Popover.Root open={isPopoverOpen}>\n        <Popover.Anchor>{children}</Popover.Anchor>\n        {content({ Step, state, dispatch })}\n      </Popover.Root>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Tour factory\n * -----------------------------------------------------------------------------------------------*/\n\nexport type TourStep<P extends string> = {\n  name: P;\n  content: Content;\n  when?: (completedActions: CompletedActions) => boolean;\n  excludeFromStepCount?: boolean;\n};\n\nexport function createTour<const T extends ReadonlyArray<TourStep<string>>>(\n  tourName: string,\n  steps: T\n) {\n  type Components = {\n    [K in T[number]['name']]: React.ComponentType<{ children: React.ReactNode }>;\n  };\n\n  const tour = steps.reduce(\n    (acc, step, index) => {\n      const name = step.name as keyof Components;\n\n      if (name in acc) {\n        throw Error(`The tour: ${tourName} with step: ${step.name} has already been registered`);\n      }\n\n      (acc as Components)[name] = ({ children }: { children: React.ReactNode }) => {\n        return (\n          <GuidedTourTooltip\n            tourName={tourName as ValidTourName}\n            step={index}\n            content={step.content}\n            when={step.when}\n          >\n            {children}\n          </GuidedTourTooltip>\n        );\n      };\n\n      if (step.excludeFromStepCount) {\n        // Subtract all steps registered to be excluded from the step count\n        acc._meta.displayedStepCount--;\n      }\n\n      return acc;\n    },\n    { _meta: { totalStepCount: steps.length, displayedStepCount: steps.length } } as Components & {\n      _meta: { totalStepCount: number; displayedStepCount: number };\n    }\n  );\n\n  return tour;\n}\n\nexport type { Content, Tours };\nexport { tours };\n"],"names":["tours","contentTypeBuilder","createTour","contentTypeBuilderSteps","contentManager","contentManagerSteps","apiTokens","apiTokensSteps","strapiCloud","GuidedTourTooltip","children","props","state","useGuidedTour","s","enabled","hidden","process","env","NODE_ENV","_jsx","GuidedTourTooltipImpl","GuidedTourOverlay","styled","Box","theme","setOpacity","colors","neutral800","content","tourName","step","when","data","guidedTourMeta","useGetGuidedTourMetaQuery","dispatch","tourState","isCurrentStep","currentStep","isStepConditionMet","completedActions","isPopoverOpen","isFirstSuperAdminUser","isCompleted","React","useEffect","originalStyle","window","getComputedStyle","document","body","overflow","style","Step","useMemo","createStepComponents","hasApiSchema","Object","keys","schemas","filter","key","startsWith","length","type","payload","GUIDED_TOUR_REQUIRED_ACTIONS","createSchema","_Fragment","_jsxs","Portal","Popover","Root","open","Anchor","steps","tour","reduce","acc","index","name","Error","excludeFromStepCount","_meta","displayedStepCount","totalStepCount"],"mappings":"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"}

package/dist/admin/admin/src/components/GuidedTour/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../../admin/src/components/GuidedTour/utils/constants.ts"],"sourcesContent":["const GUIDED_TOUR_REQUIRED_ACTIONS = {\n  contentTypeBuilder: {\n    createSchema: 'didCreateContentTypeSchema',\n    addField: 'didAddFieldToSchema',\n  },\n  contentManager: {\n    createContent: 'didCreateContent',\n  },\n  apiTokens: {\n    createToken: 'didCreateApiToken',\n    copyToken: 'didCopyApiToken',\n  },\n  strapiCloud: {},\n} as const;\n\nexport { GUIDED_TOUR_REQUIRED_ACTIONS };\n"],"names":["GUIDED_TOUR_REQUIRED_ACTIONS","contentTypeBuilder","createSchema","addField","contentManager","createContent","apiTokens","createToken","copyToken","strapiCloud"],"mappings":";;AAAA,MAAMA,4BAA+B,GAAA;IACnCC,kBAAoB,EAAA;QAClBC,YAAc,EAAA,4BAAA;QACdC,QAAU,EAAA;AACZ,KAAA;IACAC,cAAgB,EAAA;QACdC,aAAe,EAAA;AACjB,KAAA;IACAC,SAAW,EAAA;QACTC,WAAa,EAAA,mBAAA;QACbC,SAAW,EAAA;AACb,KAAA;AACAC,IAAAA,WAAAA,EAAa;AACf;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../../../admin/src/components/GuidedTour/utils/constants.ts"],"sourcesContent":["const GUIDED_TOUR_REQUIRED_ACTIONS = {\n  contentTypeBuilder: {\n    createSchema: 'didCreateContentTypeSchema',\n    addField: 'didAddFieldToSchema',\n  },\n  contentManager: {\n    createContent: 'didCreateContent',\n  },\n  apiTokens: {\n    createToken: 'didCreateApiToken',\n    copyToken: 'didCopyApiToken',\n  },\n  strapiCloud: {},\n} as const;\n\nexport { GUIDED_TOUR_REQUIRED_ACTIONS };\n"],"names":["GUIDED_TOUR_REQUIRED_ACTIONS","contentTypeBuilder","createSchema","addField","contentManager","createContent","apiTokens","createToken","copyToken","strapiCloud"],"mappings":";;AAAA,MAAMA,4BAAAA,GAA+B;IACnCC,kBAAAA,EAAoB;QAClBC,YAAAA,EAAc,4BAAA;QACdC,QAAAA,EAAU;AACZ,KAAA;IACAC,cAAAA,EAAgB;QACdC,aAAAA,EAAe;AACjB,KAAA;IACAC,SAAAA,EAAW;QACTC,WAAAA,EAAa,mBAAA;QACbC,SAAAA,EAAW;AACb,KAAA;AACAC,IAAAA,WAAAA,EAAa;AACf;;;;"}

package/dist/admin/admin/src/components/GuidedTour/utils/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../../../../admin/src/components/GuidedTour/utils/constants.ts"],"sourcesContent":["const GUIDED_TOUR_REQUIRED_ACTIONS = {\n  contentTypeBuilder: {\n    createSchema: 'didCreateContentTypeSchema',\n    addField: 'didAddFieldToSchema',\n  },\n  contentManager: {\n    createContent: 'didCreateContent',\n  },\n  apiTokens: {\n    createToken: 'didCreateApiToken',\n    copyToken: 'didCopyApiToken',\n  },\n  strapiCloud: {},\n} as const;\n\nexport { GUIDED_TOUR_REQUIRED_ACTIONS };\n"],"names":["GUIDED_TOUR_REQUIRED_ACTIONS","contentTypeBuilder","createSchema","addField","contentManager","createContent","apiTokens","createToken","copyToken","strapiCloud"],"mappings":"AAAA,MAAMA,4BAA+B,GAAA;IACnCC,kBAAoB,EAAA;QAClBC,YAAc,EAAA,4BAAA;QACdC,QAAU,EAAA;AACZ,KAAA;IACAC,cAAgB,EAAA;QACdC,aAAe,EAAA;AACjB,KAAA;IACAC,SAAW,EAAA;QACTC,WAAa,EAAA,mBAAA;QACbC,SAAW,EAAA;AACb,KAAA;AACAC,IAAAA,WAAAA,EAAa;AACf;;;;"}
+{"version":3,"file":"constants.mjs","sources":["../../../../../../../admin/src/components/GuidedTour/utils/constants.ts"],"sourcesContent":["const GUIDED_TOUR_REQUIRED_ACTIONS = {\n  contentTypeBuilder: {\n    createSchema: 'didCreateContentTypeSchema',\n    addField: 'didAddFieldToSchema',\n  },\n  contentManager: {\n    createContent: 'didCreateContent',\n  },\n  apiTokens: {\n    createToken: 'didCreateApiToken',\n    copyToken: 'didCopyApiToken',\n  },\n  strapiCloud: {},\n} as const;\n\nexport { GUIDED_TOUR_REQUIRED_ACTIONS };\n"],"names":["GUIDED_TOUR_REQUIRED_ACTIONS","contentTypeBuilder","createSchema","addField","contentManager","createContent","apiTokens","createToken","copyToken","strapiCloud"],"mappings":"AAAA,MAAMA,4BAAAA,GAA+B;IACnCC,kBAAAA,EAAoB;QAClBC,YAAAA,EAAc,4BAAA;QACdC,QAAAA,EAAU;AACZ,KAAA;IACAC,cAAAA,EAAgB;QACdC,aAAAA,EAAe;AACjB,KAAA;IACAC,SAAAA,EAAW;QACTC,WAAAA,EAAa,mBAAA;QACbC,SAAAA,EAAW;AACb,KAAA;AACAC,IAAAA,WAAAA,EAAa;AACf;;;;"}

package/dist/admin/admin/src/components/GuidedTour/utils/migrations.js.map

@@ -1 +1 @@
-{"version":3,"file":"migrations.js","sources":["../../../../../../../admin/src/components/GuidedTour/utils/migrations.ts"],"sourcesContent":["import { produce } from 'immer';\n\nimport { tours } from '../Tours';\n\nimport type { State, ValidTourName } from '../Context';\n\n/**\n * Build default tour state (used when stored state is missing tours)\n */\nconst getDefaultTours = () =>\n  (Object.keys(tours) as ValidTourName[]).reduce(\n    (acc, tourName) => {\n      acc[tourName] = { currentStep: 0, isCompleted: false, tourType: undefined };\n      return acc;\n    },\n    {} as State['tours']\n  );\n\n/**\n * Migrates tours added or removed from the tours object.\n * Handles missing or corrupted stored state (e.g. old localStorage without `tours`).\n */\nconst migrateTours = (storedTourState: State) => {\n  if (!storedTourState?.tours || typeof storedTourState.tours !== 'object') {\n    return {\n      ...storedTourState,\n      tours: getDefaultTours(),\n      enabled: storedTourState?.enabled ?? true,\n      completedActions: Array.isArray(storedTourState?.completedActions)\n        ? storedTourState.completedActions\n        : [],\n      hidden: storedTourState?.hidden ?? false,\n    } as State;\n  }\n\n  const storedTourNames = Object.keys(storedTourState.tours) as ValidTourName[];\n  const currentTourNames = Object.keys(tours) as ValidTourName[];\n\n  return produce(storedTourState, (draft) => {\n    // Add new tours that don't exist in stored state\n    currentTourNames.forEach((tourName) => {\n      if (!storedTourNames.includes(tourName)) {\n        draft.tours[tourName] = {\n          currentStep: 0,\n          isCompleted: false,\n          tourType: undefined,\n        };\n      }\n    });\n\n    // Remove tours that no longer exist in current tours\n    storedTourNames.forEach((tourName) => {\n      if (!currentTourNames.includes(tourName)) {\n        delete draft.tours[tourName];\n      }\n    });\n  });\n};\n\nexport { migrateTours };\n"],"names":["getDefaultTours","Object","keys","tours","reduce","acc","tourName","currentStep","isCompleted","tourType","undefined","migrateTours","storedTourState","enabled","completedActions","Array","isArray","hidden","storedTourNames","currentTourNames","produce","draft","forEach","includes"],"mappings":";;;;;AAMA;;IAGA,MAAMA,eAAkB,GAAA,IACtB,MAACC,CAAOC,IAAI,CAACC,WAA2BC,CAAAA,CAAAA,MAAM,CAC5C,CAACC,GAAKC,EAAAA,QAAAA,GAAAA;QACJD,GAAG,CAACC,SAAS,GAAG;YAAEC,WAAa,EAAA,CAAA;YAAGC,WAAa,EAAA,KAAA;YAAOC,QAAUC,EAAAA;AAAU,SAAA;QAC1E,OAAOL,GAAAA;AACT,KAAA,EACA,EAAC,CAAA;AAGL;;;IAIA,MAAMM,eAAe,CAACC,eAAAA,GAAAA;AACpB,IAAA,IAAI,CAACA,eAAiBT,EAAAA,KAAAA,IAAS,OAAOS,eAAgBT,CAAAA,KAAK,KAAK,QAAU,EAAA;QACxE,OAAO;AACL,YAAA,GAAGS,eAAe;YAClBT,KAAOH,EAAAA,eAAAA,EAAAA;AACPa,YAAAA,OAAAA,EAASD,iBAAiBC,OAAW,IAAA,IAAA;YACrCC,gBAAkBC,EAAAA,KAAAA,CAAMC,OAAO,CAACJ,eAAAA,EAAiBE,oBAC7CF,eAAgBE,CAAAA,gBAAgB,GAChC,EAAE;AACNG,YAAAA,MAAAA,EAAQL,iBAAiBK,MAAU,IAAA;AACrC,SAAA;AACF;AAEA,IAAA,MAAMC,eAAkBjB,GAAAA,MAAAA,CAAOC,IAAI,CAACU,gBAAgBT,KAAK,CAAA;IACzD,MAAMgB,gBAAAA,GAAmBlB,MAAOC,CAAAA,IAAI,CAACC,WAAAA,CAAAA;IAErC,OAAOiB,aAAAA,CAAQR,iBAAiB,CAACS,KAAAA,GAAAA;;QAE/BF,gBAAiBG,CAAAA,OAAO,CAAC,CAAChB,QAAAA,GAAAA;AACxB,YAAA,IAAI,CAACY,eAAAA,CAAgBK,QAAQ,CAACjB,QAAW,CAAA,EAAA;gBACvCe,KAAMlB,CAAAA,KAAK,CAACG,QAAAA,CAAS,GAAG;oBACtBC,WAAa,EAAA,CAAA;oBACbC,WAAa,EAAA,KAAA;oBACbC,QAAUC,EAAAA;AACZ,iBAAA;AACF;AACF,SAAA,CAAA;;QAGAQ,eAAgBI,CAAAA,OAAO,CAAC,CAAChB,QAAAA,GAAAA;AACvB,YAAA,IAAI,CAACa,gBAAAA,CAAiBI,QAAQ,CAACjB,QAAW,CAAA,EAAA;gBACxC,OAAOe,KAAAA,CAAMlB,KAAK,CAACG,QAAS,CAAA;AAC9B;AACF,SAAA,CAAA;AACF,KAAA,CAAA;AACF;;;;"}
+{"version":3,"file":"migrations.js","sources":["../../../../../../../admin/src/components/GuidedTour/utils/migrations.ts"],"sourcesContent":["import { produce } from 'immer';\n\nimport { tours } from '../Tours';\n\nimport type { State, ValidTourName } from '../Context';\n\n/**\n * Build default tour state (used when stored state is missing tours)\n */\nconst getDefaultTours = () =>\n  (Object.keys(tours) as ValidTourName[]).reduce(\n    (acc, tourName) => {\n      acc[tourName] = { currentStep: 0, isCompleted: false, tourType: undefined };\n      return acc;\n    },\n    {} as State['tours']\n  );\n\n/**\n * Migrates tours added or removed from the tours object.\n * Handles missing or corrupted stored state (e.g. old localStorage without `tours`).\n */\nconst migrateTours = (storedTourState: State) => {\n  if (!storedTourState?.tours || typeof storedTourState.tours !== 'object') {\n    return {\n      ...storedTourState,\n      tours: getDefaultTours(),\n      enabled: storedTourState?.enabled ?? true,\n      completedActions: Array.isArray(storedTourState?.completedActions)\n        ? storedTourState.completedActions\n        : [],\n      hidden: storedTourState?.hidden ?? false,\n    } as State;\n  }\n\n  const storedTourNames = Object.keys(storedTourState.tours) as ValidTourName[];\n  const currentTourNames = Object.keys(tours) as ValidTourName[];\n\n  return produce(storedTourState, (draft) => {\n    // Add new tours that don't exist in stored state\n    currentTourNames.forEach((tourName) => {\n      if (!storedTourNames.includes(tourName)) {\n        draft.tours[tourName] = {\n          currentStep: 0,\n          isCompleted: false,\n          tourType: undefined,\n        };\n      }\n    });\n\n    // Remove tours that no longer exist in current tours\n    storedTourNames.forEach((tourName) => {\n      if (!currentTourNames.includes(tourName)) {\n        delete draft.tours[tourName];\n      }\n    });\n  });\n};\n\nexport { migrateTours };\n"],"names":["getDefaultTours","Object","keys","tours","reduce","acc","tourName","currentStep","isCompleted","tourType","undefined","migrateTours","storedTourState","enabled","completedActions","Array","isArray","hidden","storedTourNames","currentTourNames","produce","draft","forEach","includes"],"mappings":";;;;;AAMA;;IAGA,MAAMA,eAAAA,GAAkB,IACtB,MAACC,CAAOC,IAAI,CAACC,WAAAA,CAAAA,CAA2BC,MAAM,CAC5C,CAACC,GAAAA,EAAKC,QAAAA,GAAAA;QACJD,GAAG,CAACC,SAAS,GAAG;YAAEC,WAAAA,EAAa,CAAA;YAAGC,WAAAA,EAAa,KAAA;YAAOC,QAAAA,EAAUC;AAAU,SAAA;QAC1E,OAAOL,GAAAA;AACT,IAAA,CAAA,EACA,EAAC,CAAA;AAGL;;;IAIA,MAAMM,eAAe,CAACC,eAAAA,GAAAA;AACpB,IAAA,IAAI,CAACA,eAAAA,EAAiBT,KAAAA,IAAS,OAAOS,eAAAA,CAAgBT,KAAK,KAAK,QAAA,EAAU;QACxE,OAAO;AACL,YAAA,GAAGS,eAAe;YAClBT,KAAAA,EAAOH,eAAAA,EAAAA;AACPa,YAAAA,OAAAA,EAASD,iBAAiBC,OAAAA,IAAW,IAAA;YACrCC,gBAAAA,EAAkBC,KAAAA,CAAMC,OAAO,CAACJ,eAAAA,EAAiBE,oBAC7CF,eAAAA,CAAgBE,gBAAgB,GAChC,EAAE;AACNG,YAAAA,MAAAA,EAAQL,iBAAiBK,MAAAA,IAAU;AACrC,SAAA;AACF,IAAA;AAEA,IAAA,MAAMC,eAAAA,GAAkBjB,MAAAA,CAAOC,IAAI,CAACU,gBAAgBT,KAAK,CAAA;IACzD,MAAMgB,gBAAAA,GAAmBlB,MAAAA,CAAOC,IAAI,CAACC,WAAAA,CAAAA;IAErC,OAAOiB,aAAAA,CAAQR,iBAAiB,CAACS,KAAAA,GAAAA;;QAE/BF,gBAAAA,CAAiBG,OAAO,CAAC,CAAChB,QAAAA,GAAAA;AACxB,YAAA,IAAI,CAACY,eAAAA,CAAgBK,QAAQ,CAACjB,QAAAA,CAAAA,EAAW;gBACvCe,KAAAA,CAAMlB,KAAK,CAACG,QAAAA,CAAS,GAAG;oBACtBC,WAAAA,EAAa,CAAA;oBACbC,WAAAA,EAAa,KAAA;oBACbC,QAAAA,EAAUC;AACZ,iBAAA;AACF,YAAA;AACF,QAAA,CAAA,CAAA;;QAGAQ,eAAAA,CAAgBI,OAAO,CAAC,CAAChB,QAAAA,GAAAA;AACvB,YAAA,IAAI,CAACa,gBAAAA,CAAiBI,QAAQ,CAACjB,QAAAA,CAAAA,EAAW;gBACxC,OAAOe,KAAAA,CAAMlB,KAAK,CAACG,QAAAA,CAAS;AAC9B,YAAA;AACF,QAAA,CAAA,CAAA;AACF,IAAA,CAAA,CAAA;AACF;;;;"}

package/dist/admin/admin/src/components/GuidedTour/utils/migrations.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"migrations.mjs","sources":["../../../../../../../admin/src/components/GuidedTour/utils/migrations.ts"],"sourcesContent":["import { produce } from 'immer';\n\nimport { tours } from '../Tours';\n\nimport type { State, ValidTourName } from '../Context';\n\n/**\n * Build default tour state (used when stored state is missing tours)\n */\nconst getDefaultTours = () =>\n  (Object.keys(tours) as ValidTourName[]).reduce(\n    (acc, tourName) => {\n      acc[tourName] = { currentStep: 0, isCompleted: false, tourType: undefined };\n      return acc;\n    },\n    {} as State['tours']\n  );\n\n/**\n * Migrates tours added or removed from the tours object.\n * Handles missing or corrupted stored state (e.g. old localStorage without `tours`).\n */\nconst migrateTours = (storedTourState: State) => {\n  if (!storedTourState?.tours || typeof storedTourState.tours !== 'object') {\n    return {\n      ...storedTourState,\n      tours: getDefaultTours(),\n      enabled: storedTourState?.enabled ?? true,\n      completedActions: Array.isArray(storedTourState?.completedActions)\n        ? storedTourState.completedActions\n        : [],\n      hidden: storedTourState?.hidden ?? false,\n    } as State;\n  }\n\n  const storedTourNames = Object.keys(storedTourState.tours) as ValidTourName[];\n  const currentTourNames = Object.keys(tours) as ValidTourName[];\n\n  return produce(storedTourState, (draft) => {\n    // Add new tours that don't exist in stored state\n    currentTourNames.forEach((tourName) => {\n      if (!storedTourNames.includes(tourName)) {\n        draft.tours[tourName] = {\n          currentStep: 0,\n          isCompleted: false,\n          tourType: undefined,\n        };\n      }\n    });\n\n    // Remove tours that no longer exist in current tours\n    storedTourNames.forEach((tourName) => {\n      if (!currentTourNames.includes(tourName)) {\n        delete draft.tours[tourName];\n      }\n    });\n  });\n};\n\nexport { migrateTours };\n"],"names":["getDefaultTours","Object","keys","tours","reduce","acc","tourName","currentStep","isCompleted","tourType","undefined","migrateTours","storedTourState","enabled","completedActions","Array","isArray","hidden","storedTourNames","currentTourNames","produce","draft","forEach","includes"],"mappings":";;;AAMA;;IAGA,MAAMA,eAAkB,GAAA,IACtB,MAACC,CAAOC,IAAI,CAACC,KAA2BC,CAAAA,CAAAA,MAAM,CAC5C,CAACC,GAAKC,EAAAA,QAAAA,GAAAA;QACJD,GAAG,CAACC,SAAS,GAAG;YAAEC,WAAa,EAAA,CAAA;YAAGC,WAAa,EAAA,KAAA;YAAOC,QAAUC,EAAAA;AAAU,SAAA;QAC1E,OAAOL,GAAAA;AACT,KAAA,EACA,EAAC,CAAA;AAGL;;;IAIA,MAAMM,eAAe,CAACC,eAAAA,GAAAA;AACpB,IAAA,IAAI,CAACA,eAAiBT,EAAAA,KAAAA,IAAS,OAAOS,eAAgBT,CAAAA,KAAK,KAAK,QAAU,EAAA;QACxE,OAAO;AACL,YAAA,GAAGS,eAAe;YAClBT,KAAOH,EAAAA,eAAAA,EAAAA;AACPa,YAAAA,OAAAA,EAASD,iBAAiBC,OAAW,IAAA,IAAA;YACrCC,gBAAkBC,EAAAA,KAAAA,CAAMC,OAAO,CAACJ,eAAAA,EAAiBE,oBAC7CF,eAAgBE,CAAAA,gBAAgB,GAChC,EAAE;AACNG,YAAAA,MAAAA,EAAQL,iBAAiBK,MAAU,IAAA;AACrC,SAAA;AACF;AAEA,IAAA,MAAMC,eAAkBjB,GAAAA,MAAAA,CAAOC,IAAI,CAACU,gBAAgBT,KAAK,CAAA;IACzD,MAAMgB,gBAAAA,GAAmBlB,MAAOC,CAAAA,IAAI,CAACC,KAAAA,CAAAA;IAErC,OAAOiB,OAAAA,CAAQR,iBAAiB,CAACS,KAAAA,GAAAA;;QAE/BF,gBAAiBG,CAAAA,OAAO,CAAC,CAAChB,QAAAA,GAAAA;AACxB,YAAA,IAAI,CAACY,eAAAA,CAAgBK,QAAQ,CAACjB,QAAW,CAAA,EAAA;gBACvCe,KAAMlB,CAAAA,KAAK,CAACG,QAAAA,CAAS,GAAG;oBACtBC,WAAa,EAAA,CAAA;oBACbC,WAAa,EAAA,KAAA;oBACbC,QAAUC,EAAAA;AACZ,iBAAA;AACF;AACF,SAAA,CAAA;;QAGAQ,eAAgBI,CAAAA,OAAO,CAAC,CAAChB,QAAAA,GAAAA;AACvB,YAAA,IAAI,CAACa,gBAAAA,CAAiBI,QAAQ,CAACjB,QAAW,CAAA,EAAA;gBACxC,OAAOe,KAAAA,CAAMlB,KAAK,CAACG,QAAS,CAAA;AAC9B;AACF,SAAA,CAAA;AACF,KAAA,CAAA;AACF;;;;"}
+{"version":3,"file":"migrations.mjs","sources":["../../../../../../../admin/src/components/GuidedTour/utils/migrations.ts"],"sourcesContent":["import { produce } from 'immer';\n\nimport { tours } from '../Tours';\n\nimport type { State, ValidTourName } from '../Context';\n\n/**\n * Build default tour state (used when stored state is missing tours)\n */\nconst getDefaultTours = () =>\n  (Object.keys(tours) as ValidTourName[]).reduce(\n    (acc, tourName) => {\n      acc[tourName] = { currentStep: 0, isCompleted: false, tourType: undefined };\n      return acc;\n    },\n    {} as State['tours']\n  );\n\n/**\n * Migrates tours added or removed from the tours object.\n * Handles missing or corrupted stored state (e.g. old localStorage without `tours`).\n */\nconst migrateTours = (storedTourState: State) => {\n  if (!storedTourState?.tours || typeof storedTourState.tours !== 'object') {\n    return {\n      ...storedTourState,\n      tours: getDefaultTours(),\n      enabled: storedTourState?.enabled ?? true,\n      completedActions: Array.isArray(storedTourState?.completedActions)\n        ? storedTourState.completedActions\n        : [],\n      hidden: storedTourState?.hidden ?? false,\n    } as State;\n  }\n\n  const storedTourNames = Object.keys(storedTourState.tours) as ValidTourName[];\n  const currentTourNames = Object.keys(tours) as ValidTourName[];\n\n  return produce(storedTourState, (draft) => {\n    // Add new tours that don't exist in stored state\n    currentTourNames.forEach((tourName) => {\n      if (!storedTourNames.includes(tourName)) {\n        draft.tours[tourName] = {\n          currentStep: 0,\n          isCompleted: false,\n          tourType: undefined,\n        };\n      }\n    });\n\n    // Remove tours that no longer exist in current tours\n    storedTourNames.forEach((tourName) => {\n      if (!currentTourNames.includes(tourName)) {\n        delete draft.tours[tourName];\n      }\n    });\n  });\n};\n\nexport { migrateTours };\n"],"names":["getDefaultTours","Object","keys","tours","reduce","acc","tourName","currentStep","isCompleted","tourType","undefined","migrateTours","storedTourState","enabled","completedActions","Array","isArray","hidden","storedTourNames","currentTourNames","produce","draft","forEach","includes"],"mappings":";;;AAMA;;IAGA,MAAMA,eAAAA,GAAkB,IACtB,MAACC,CAAOC,IAAI,CAACC,KAAAA,CAAAA,CAA2BC,MAAM,CAC5C,CAACC,GAAAA,EAAKC,QAAAA,GAAAA;QACJD,GAAG,CAACC,SAAS,GAAG;YAAEC,WAAAA,EAAa,CAAA;YAAGC,WAAAA,EAAa,KAAA;YAAOC,QAAAA,EAAUC;AAAU,SAAA;QAC1E,OAAOL,GAAAA;AACT,IAAA,CAAA,EACA,EAAC,CAAA;AAGL;;;IAIA,MAAMM,eAAe,CAACC,eAAAA,GAAAA;AACpB,IAAA,IAAI,CAACA,eAAAA,EAAiBT,KAAAA,IAAS,OAAOS,eAAAA,CAAgBT,KAAK,KAAK,QAAA,EAAU;QACxE,OAAO;AACL,YAAA,GAAGS,eAAe;YAClBT,KAAAA,EAAOH,eAAAA,EAAAA;AACPa,YAAAA,OAAAA,EAASD,iBAAiBC,OAAAA,IAAW,IAAA;YACrCC,gBAAAA,EAAkBC,KAAAA,CAAMC,OAAO,CAACJ,eAAAA,EAAiBE,oBAC7CF,eAAAA,CAAgBE,gBAAgB,GAChC,EAAE;AACNG,YAAAA,MAAAA,EAAQL,iBAAiBK,MAAAA,IAAU;AACrC,SAAA;AACF,IAAA;AAEA,IAAA,MAAMC,eAAAA,GAAkBjB,MAAAA,CAAOC,IAAI,CAACU,gBAAgBT,KAAK,CAAA;IACzD,MAAMgB,gBAAAA,GAAmBlB,MAAAA,CAAOC,IAAI,CAACC,KAAAA,CAAAA;IAErC,OAAOiB,OAAAA,CAAQR,iBAAiB,CAACS,KAAAA,GAAAA;;QAE/BF,gBAAAA,CAAiBG,OAAO,CAAC,CAAChB,QAAAA,GAAAA;AACxB,YAAA,IAAI,CAACY,eAAAA,CAAgBK,QAAQ,CAACjB,QAAAA,CAAAA,EAAW;gBACvCe,KAAAA,CAAMlB,KAAK,CAACG,QAAAA,CAAS,GAAG;oBACtBC,WAAAA,EAAa,CAAA;oBACbC,WAAAA,EAAa,KAAA;oBACbC,QAAAA,EAAUC;AACZ,iBAAA;AACF,YAAA;AACF,QAAA,CAAA,CAAA;;QAGAQ,eAAAA,CAAgBI,OAAO,CAAC,CAAChB,QAAAA,GAAAA;AACvB,YAAA,IAAI,CAACa,gBAAAA,CAAiBI,QAAQ,CAACjB,QAAAA,CAAAA,EAAW;gBACxC,OAAOe,KAAAA,CAAMlB,KAAK,CAACG,QAAAA,CAAS;AAC9B,YAAA;AACF,QAAA,CAAA,CAAA;AACF,IAAA,CAAA,CAAA;AACF;;;;"}

package/dist/admin/admin/src/components/LanguageProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageProvider.js","sources":["../../../../../admin/src/components/LanguageProvider.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport defaultsDeep from 'lodash/defaultsDeep';\nimport { IntlProvider } from 'react-intl';\n\nimport { useTypedSelector } from '../core/store/hooks';\n\n/* -------------------------------------------------------------------------------------------------\n * LanguageProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface LanguageProviderProps {\n  children: React.ReactNode;\n  messages: Record<string, Record<string, string>>;\n}\n\nconst LanguageProvider = ({ children, messages }: LanguageProviderProps) => {\n  const locale = useTypedSelector((state) => state.admin_app.language.locale);\n  const appMessages = defaultsDeep(messages[locale], messages.en);\n\n  return (\n    <IntlProvider locale={locale} defaultLocale=\"en\" messages={appMessages} textComponent=\"span\">\n      {children}\n    </IntlProvider>\n  );\n};\n\nexport { LanguageProvider };\nexport type { LanguageProviderProps };\n"],"names":["LanguageProvider","children","messages","locale","useTypedSelector","state","admin_app","language","appMessages","defaultsDeep","en","_jsx","IntlProvider","defaultLocale","textComponent"],"mappings":";;;;;;;;AAgBA,MAAMA,mBAAmB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAyB,GAAA;IACrE,MAAMC,MAAAA,GAASC,uBAAiB,CAACC,KAAAA,GAAUA,MAAMC,SAAS,CAACC,QAAQ,CAACJ,MAAM,CAAA;AAC1E,IAAA,MAAMK,cAAcC,YAAaP,CAAAA,QAAQ,CAACC,MAAO,CAAA,EAAED,SAASQ,EAAE,CAAA;AAE9D,IAAA,qBACEC,cAACC,CAAAA,sBAAAA,EAAAA;QAAaT,MAAQA,EAAAA,MAAAA;QAAQU,aAAc,EAAA,IAAA;QAAKX,QAAUM,EAAAA,WAAAA;QAAaM,aAAc,EAAA,MAAA;AACnFb,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}
+{"version":3,"file":"LanguageProvider.js","sources":["../../../../../admin/src/components/LanguageProvider.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport defaultsDeep from 'lodash/defaultsDeep';\nimport { IntlProvider } from 'react-intl';\n\nimport { useTypedSelector } from '../core/store/hooks';\n\n/* -------------------------------------------------------------------------------------------------\n * LanguageProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface LanguageProviderProps {\n  children: React.ReactNode;\n  messages: Record<string, Record<string, string>>;\n}\n\nconst LanguageProvider = ({ children, messages }: LanguageProviderProps) => {\n  const locale = useTypedSelector((state) => state.admin_app.language.locale);\n  const appMessages = defaultsDeep(messages[locale], messages.en);\n\n  return (\n    <IntlProvider locale={locale} defaultLocale=\"en\" messages={appMessages} textComponent=\"span\">\n      {children}\n    </IntlProvider>\n  );\n};\n\nexport { LanguageProvider };\nexport type { LanguageProviderProps };\n"],"names":["LanguageProvider","children","messages","locale","useTypedSelector","state","admin_app","language","appMessages","defaultsDeep","en","_jsx","IntlProvider","defaultLocale","textComponent"],"mappings":";;;;;;;;AAgBA,MAAMA,mBAAmB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAyB,GAAA;IACrE,MAAMC,MAAAA,GAASC,uBAAiB,CAACC,KAAAA,GAAUA,MAAMC,SAAS,CAACC,QAAQ,CAACJ,MAAM,CAAA;AAC1E,IAAA,MAAMK,cAAcC,YAAAA,CAAaP,QAAQ,CAACC,MAAAA,CAAO,EAAED,SAASQ,EAAE,CAAA;AAE9D,IAAA,qBACEC,cAAA,CAACC,sBAAAA,EAAAA;QAAaT,MAAAA,EAAQA,MAAAA;QAAQU,aAAAA,EAAc,IAAA;QAAKX,QAAAA,EAAUM,WAAAA;QAAaM,aAAAA,EAAc,MAAA;AACnFb,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}

package/dist/admin/admin/src/components/LanguageProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageProvider.mjs","sources":["../../../../../admin/src/components/LanguageProvider.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport defaultsDeep from 'lodash/defaultsDeep';\nimport { IntlProvider } from 'react-intl';\n\nimport { useTypedSelector } from '../core/store/hooks';\n\n/* -------------------------------------------------------------------------------------------------\n * LanguageProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface LanguageProviderProps {\n  children: React.ReactNode;\n  messages: Record<string, Record<string, string>>;\n}\n\nconst LanguageProvider = ({ children, messages }: LanguageProviderProps) => {\n  const locale = useTypedSelector((state) => state.admin_app.language.locale);\n  const appMessages = defaultsDeep(messages[locale], messages.en);\n\n  return (\n    <IntlProvider locale={locale} defaultLocale=\"en\" messages={appMessages} textComponent=\"span\">\n      {children}\n    </IntlProvider>\n  );\n};\n\nexport { LanguageProvider };\nexport type { LanguageProviderProps };\n"],"names":["LanguageProvider","children","messages","locale","useTypedSelector","state","admin_app","language","appMessages","defaultsDeep","en","_jsx","IntlProvider","defaultLocale","textComponent"],"mappings":";;;;;;AAgBA,MAAMA,mBAAmB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAyB,GAAA;IACrE,MAAMC,MAAAA,GAASC,iBAAiB,CAACC,KAAAA,GAAUA,MAAMC,SAAS,CAACC,QAAQ,CAACJ,MAAM,CAAA;AAC1E,IAAA,MAAMK,cAAcC,YAAaP,CAAAA,QAAQ,CAACC,MAAO,CAAA,EAAED,SAASQ,EAAE,CAAA;AAE9D,IAAA,qBACEC,GAACC,CAAAA,YAAAA,EAAAA;QAAaT,MAAQA,EAAAA,MAAAA;QAAQU,aAAc,EAAA,IAAA;QAAKX,QAAUM,EAAAA,WAAAA;QAAaM,aAAc,EAAA,MAAA;AACnFb,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}
+{"version":3,"file":"LanguageProvider.mjs","sources":["../../../../../admin/src/components/LanguageProvider.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport defaultsDeep from 'lodash/defaultsDeep';\nimport { IntlProvider } from 'react-intl';\n\nimport { useTypedSelector } from '../core/store/hooks';\n\n/* -------------------------------------------------------------------------------------------------\n * LanguageProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface LanguageProviderProps {\n  children: React.ReactNode;\n  messages: Record<string, Record<string, string>>;\n}\n\nconst LanguageProvider = ({ children, messages }: LanguageProviderProps) => {\n  const locale = useTypedSelector((state) => state.admin_app.language.locale);\n  const appMessages = defaultsDeep(messages[locale], messages.en);\n\n  return (\n    <IntlProvider locale={locale} defaultLocale=\"en\" messages={appMessages} textComponent=\"span\">\n      {children}\n    </IntlProvider>\n  );\n};\n\nexport { LanguageProvider };\nexport type { LanguageProviderProps };\n"],"names":["LanguageProvider","children","messages","locale","useTypedSelector","state","admin_app","language","appMessages","defaultsDeep","en","_jsx","IntlProvider","defaultLocale","textComponent"],"mappings":";;;;;;AAgBA,MAAMA,mBAAmB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAyB,GAAA;IACrE,MAAMC,MAAAA,GAASC,iBAAiB,CAACC,KAAAA,GAAUA,MAAMC,SAAS,CAACC,QAAQ,CAACJ,MAAM,CAAA;AAC1E,IAAA,MAAMK,cAAcC,YAAAA,CAAaP,QAAQ,CAACC,MAAAA,CAAO,EAAED,SAASQ,EAAE,CAAA;AAE9D,IAAA,qBACEC,GAAA,CAACC,YAAAA,EAAAA;QAAaT,MAAAA,EAAQA,MAAAA;QAAQU,aAAAA,EAAc,IAAA;QAAKX,QAAAA,EAAUM,WAAAA;QAAaM,aAAAA,EAAc,MAAA;AACnFb,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}

package/dist/admin/admin/src/components/Layouts/ActionLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionLayout.js","sources":["../../../../../../admin/src/components/Layouts/ActionLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flex } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\n\n/** On mobile: first item stays left, rest stick to the right (margin-right: auto on first child). */\nconst EndActionsFlex = styled(Flex)`\n  width: 100%;\n  & > *:first-child {\n    margin-right: auto;\n  }\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    width: auto;\n    & > *:first-child {\n      margin-right: 0;\n    }\n  }\n`;\n\ninterface ActionLayoutProps {\n  endActions?: React.ReactNode;\n  startActions?: React.ReactNode;\n  bottomActions?: React.ReactNode;\n}\n\nconst ActionLayout = ({ startActions, endActions, bottomActions }: ActionLayoutProps) => {\n  if (!startActions && !endActions) {\n    return null;\n  }\n\n  return (\n    <Flex\n      direction={{ initial: 'column', medium: 'row' }}\n      gap={{ initial: 4, medium: 3 }}\n      alignItems=\"flex-start\"\n      paddingBottom={{ initial: 2, medium: 4 }}\n      paddingTop={0}\n      paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n      paddingRight={RESPONSIVE_DEFAULT_SPACING}\n      wrap={{ initial: 'nowrap', medium: 'wrap' }}\n    >\n      <Flex gap={2} wrap=\"wrap\" flex={1} width=\"100%\">\n        {startActions}\n      </Flex>\n      <EndActionsFlex gap={{ initial: 3, medium: 2 }} shrink={0} wrap=\"wrap\">\n        {endActions}\n      </EndActionsFlex>\n      {bottomActions && (\n        <Flex gap={2} wrap=\"wrap\" width=\"100%\">\n          {bottomActions}\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n\nexport { ActionLayout, type ActionLayoutProps };\n"],"names":["EndActionsFlex","styled","Flex","theme","breakpoints","medium","ActionLayout","startActions","endActions","bottomActions","_jsxs","direction","initial","gap","alignItems","paddingBottom","paddingTop","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","wrap","_jsx","flex","width","shrink"],"mappings":";;;;;;;;AAOA,sGACA,MAAMA,cAAiBC,GAAAA,aAAAA,CAAOC,kBAAK;;;;;;EAMjC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,WAAW,CAACC,MAAM,CAAC;;;;;;AAM5C,CAAC;AAQKC,MAAAA,YAAAA,GAAe,CAAC,EAAEC,YAAY,EAAEC,UAAU,EAAEC,aAAa,EAAqB,GAAA;IAClF,IAAI,CAACF,YAAgB,IAAA,CAACC,UAAY,EAAA;QAChC,OAAO,IAAA;AACT;AAEA,IAAA,qBACEE,eAACR,CAAAA,iBAAAA,EAAAA;QACCS,SAAW,EAAA;YAAEC,OAAS,EAAA,QAAA;YAAUP,MAAQ,EAAA;AAAM,SAAA;QAC9CQ,GAAK,EAAA;YAAED,OAAS,EAAA,CAAA;YAAGP,MAAQ,EAAA;AAAE,SAAA;QAC7BS,UAAW,EAAA,YAAA;QACXC,aAAe,EAAA;YAAEH,OAAS,EAAA,CAAA;YAAGP,MAAQ,EAAA;AAAE,SAAA;QACvCW,UAAY,EAAA,CAAA;QACZC,WAAaC,EAAAA,gCAAAA;QACbC,YAAcD,EAAAA,gCAAAA;QACdE,IAAM,EAAA;YAAER,OAAS,EAAA,QAAA;YAAUP,MAAQ,EAAA;AAAO,SAAA;;0BAE1CgB,cAACnB,CAAAA,iBAAAA,EAAAA;gBAAKW,GAAK,EAAA,CAAA;gBAAGO,IAAK,EAAA,MAAA;gBAAOE,IAAM,EAAA,CAAA;gBAAGC,KAAM,EAAA,MAAA;AACtChB,gBAAAA,QAAAA,EAAAA;;0BAEHc,cAACrB,CAAAA,cAAAA,EAAAA;gBAAea,GAAK,EAAA;oBAAED,OAAS,EAAA,CAAA;oBAAGP,MAAQ,EAAA;AAAE,iBAAA;gBAAGmB,MAAQ,EAAA,CAAA;gBAAGJ,IAAK,EAAA,MAAA;AAC7DZ,gBAAAA,QAAAA,EAAAA;;AAEFC,YAAAA,aAAAA,kBACCY,cAACnB,CAAAA,iBAAAA,EAAAA;gBAAKW,GAAK,EAAA,CAAA;gBAAGO,IAAK,EAAA,MAAA;gBAAOG,KAAM,EAAA,MAAA;AAC7Bd,gBAAAA,QAAAA,EAAAA;;;;AAKX;;;;"}
+{"version":3,"file":"ActionLayout.js","sources":["../../../../../../admin/src/components/Layouts/ActionLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flex } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\n\n/** On mobile: first item stays left, rest stick to the right (margin-right: auto on first child). */\nconst EndActionsFlex = styled(Flex)`\n  width: 100%;\n  & > *:first-child {\n    margin-right: auto;\n  }\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    width: auto;\n    & > *:first-child {\n      margin-right: 0;\n    }\n  }\n`;\n\ninterface ActionLayoutProps {\n  endActions?: React.ReactNode;\n  startActions?: React.ReactNode;\n  bottomActions?: React.ReactNode;\n}\n\nconst ActionLayout = ({ startActions, endActions, bottomActions }: ActionLayoutProps) => {\n  if (!startActions && !endActions) {\n    return null;\n  }\n\n  return (\n    <Flex\n      direction={{ initial: 'column', medium: 'row' }}\n      gap={{ initial: 4, medium: 3 }}\n      alignItems=\"flex-start\"\n      paddingBottom={{ initial: 2, medium: 4 }}\n      paddingTop={0}\n      paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n      paddingRight={RESPONSIVE_DEFAULT_SPACING}\n      wrap={{ initial: 'nowrap', medium: 'wrap' }}\n    >\n      <Flex gap={2} wrap=\"wrap\" flex={1} width=\"100%\">\n        {startActions}\n      </Flex>\n      <EndActionsFlex gap={{ initial: 3, medium: 2 }} shrink={0} wrap=\"wrap\">\n        {endActions}\n      </EndActionsFlex>\n      {bottomActions && (\n        <Flex gap={2} wrap=\"wrap\" width=\"100%\">\n          {bottomActions}\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n\nexport { ActionLayout, type ActionLayoutProps };\n"],"names":["EndActionsFlex","styled","Flex","theme","breakpoints","medium","ActionLayout","startActions","endActions","bottomActions","_jsxs","direction","initial","gap","alignItems","paddingBottom","paddingTop","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","wrap","_jsx","flex","width","shrink"],"mappings":";;;;;;;;AAOA,sGACA,MAAMA,cAAAA,GAAiBC,aAAAA,CAAOC,kBAAK;;;;;;EAMjC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;;;AAM5C,CAAC;AAQD,MAAMC,YAAAA,GAAe,CAAC,EAAEC,YAAY,EAAEC,UAAU,EAAEC,aAAa,EAAqB,GAAA;IAClF,IAAI,CAACF,YAAAA,IAAgB,CAACC,UAAAA,EAAY;QAChC,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACEE,eAAA,CAACR,iBAAAA,EAAAA;QACCS,SAAAA,EAAW;YAAEC,OAAAA,EAAS,QAAA;YAAUP,MAAAA,EAAQ;AAAM,SAAA;QAC9CQ,GAAAA,EAAK;YAAED,OAAAA,EAAS,CAAA;YAAGP,MAAAA,EAAQ;AAAE,SAAA;QAC7BS,UAAAA,EAAW,YAAA;QACXC,aAAAA,EAAe;YAAEH,OAAAA,EAAS,CAAA;YAAGP,MAAAA,EAAQ;AAAE,SAAA;QACvCW,UAAAA,EAAY,CAAA;QACZC,WAAAA,EAAaC,gCAAAA;QACbC,YAAAA,EAAcD,gCAAAA;QACdE,IAAAA,EAAM;YAAER,OAAAA,EAAS,QAAA;YAAUP,MAAAA,EAAQ;AAAO,SAAA;;0BAE1CgB,cAAA,CAACnB,iBAAAA,EAAAA;gBAAKW,GAAAA,EAAK,CAAA;gBAAGO,IAAAA,EAAK,MAAA;gBAAOE,IAAAA,EAAM,CAAA;gBAAGC,KAAAA,EAAM,MAAA;AACtChB,gBAAAA,QAAAA,EAAAA;;0BAEHc,cAAA,CAACrB,cAAAA,EAAAA;gBAAea,GAAAA,EAAK;oBAAED,OAAAA,EAAS,CAAA;oBAAGP,MAAAA,EAAQ;AAAE,iBAAA;gBAAGmB,MAAAA,EAAQ,CAAA;gBAAGJ,IAAAA,EAAK,MAAA;AAC7DZ,gBAAAA,QAAAA,EAAAA;;AAEFC,YAAAA,aAAAA,kBACCY,cAAA,CAACnB,iBAAAA,EAAAA;gBAAKW,GAAAA,EAAK,CAAA;gBAAGO,IAAAA,EAAK,MAAA;gBAAOG,KAAAA,EAAM,MAAA;AAC7Bd,gBAAAA,QAAAA,EAAAA;;;;AAKX;;;;"}

package/dist/admin/admin/src/components/Layouts/ActionLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionLayout.mjs","sources":["../../../../../../admin/src/components/Layouts/ActionLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flex } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\n\n/** On mobile: first item stays left, rest stick to the right (margin-right: auto on first child). */\nconst EndActionsFlex = styled(Flex)`\n  width: 100%;\n  & > *:first-child {\n    margin-right: auto;\n  }\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    width: auto;\n    & > *:first-child {\n      margin-right: 0;\n    }\n  }\n`;\n\ninterface ActionLayoutProps {\n  endActions?: React.ReactNode;\n  startActions?: React.ReactNode;\n  bottomActions?: React.ReactNode;\n}\n\nconst ActionLayout = ({ startActions, endActions, bottomActions }: ActionLayoutProps) => {\n  if (!startActions && !endActions) {\n    return null;\n  }\n\n  return (\n    <Flex\n      direction={{ initial: 'column', medium: 'row' }}\n      gap={{ initial: 4, medium: 3 }}\n      alignItems=\"flex-start\"\n      paddingBottom={{ initial: 2, medium: 4 }}\n      paddingTop={0}\n      paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n      paddingRight={RESPONSIVE_DEFAULT_SPACING}\n      wrap={{ initial: 'nowrap', medium: 'wrap' }}\n    >\n      <Flex gap={2} wrap=\"wrap\" flex={1} width=\"100%\">\n        {startActions}\n      </Flex>\n      <EndActionsFlex gap={{ initial: 3, medium: 2 }} shrink={0} wrap=\"wrap\">\n        {endActions}\n      </EndActionsFlex>\n      {bottomActions && (\n        <Flex gap={2} wrap=\"wrap\" width=\"100%\">\n          {bottomActions}\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n\nexport { ActionLayout, type ActionLayoutProps };\n"],"names":["EndActionsFlex","styled","Flex","theme","breakpoints","medium","ActionLayout","startActions","endActions","bottomActions","_jsxs","direction","initial","gap","alignItems","paddingBottom","paddingTop","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","wrap","_jsx","flex","width","shrink"],"mappings":";;;;;;AAOA,sGACA,MAAMA,cAAiBC,GAAAA,MAAAA,CAAOC,KAAK;;;;;;EAMjC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,WAAW,CAACC,MAAM,CAAC;;;;;;AAM5C,CAAC;AAQKC,MAAAA,YAAAA,GAAe,CAAC,EAAEC,YAAY,EAAEC,UAAU,EAAEC,aAAa,EAAqB,GAAA;IAClF,IAAI,CAACF,YAAgB,IAAA,CAACC,UAAY,EAAA;QAChC,OAAO,IAAA;AACT;AAEA,IAAA,qBACEE,IAACR,CAAAA,IAAAA,EAAAA;QACCS,SAAW,EAAA;YAAEC,OAAS,EAAA,QAAA;YAAUP,MAAQ,EAAA;AAAM,SAAA;QAC9CQ,GAAK,EAAA;YAAED,OAAS,EAAA,CAAA;YAAGP,MAAQ,EAAA;AAAE,SAAA;QAC7BS,UAAW,EAAA,YAAA;QACXC,aAAe,EAAA;YAAEH,OAAS,EAAA,CAAA;YAAGP,MAAQ,EAAA;AAAE,SAAA;QACvCW,UAAY,EAAA,CAAA;QACZC,WAAaC,EAAAA,0BAAAA;QACbC,YAAcD,EAAAA,0BAAAA;QACdE,IAAM,EAAA;YAAER,OAAS,EAAA,QAAA;YAAUP,MAAQ,EAAA;AAAO,SAAA;;0BAE1CgB,GAACnB,CAAAA,IAAAA,EAAAA;gBAAKW,GAAK,EAAA,CAAA;gBAAGO,IAAK,EAAA,MAAA;gBAAOE,IAAM,EAAA,CAAA;gBAAGC,KAAM,EAAA,MAAA;AACtChB,gBAAAA,QAAAA,EAAAA;;0BAEHc,GAACrB,CAAAA,cAAAA,EAAAA;gBAAea,GAAK,EAAA;oBAAED,OAAS,EAAA,CAAA;oBAAGP,MAAQ,EAAA;AAAE,iBAAA;gBAAGmB,MAAQ,EAAA,CAAA;gBAAGJ,IAAK,EAAA,MAAA;AAC7DZ,gBAAAA,QAAAA,EAAAA;;AAEFC,YAAAA,aAAAA,kBACCY,GAACnB,CAAAA,IAAAA,EAAAA;gBAAKW,GAAK,EAAA,CAAA;gBAAGO,IAAK,EAAA,MAAA;gBAAOG,KAAM,EAAA,MAAA;AAC7Bd,gBAAAA,QAAAA,EAAAA;;;;AAKX;;;;"}
+{"version":3,"file":"ActionLayout.mjs","sources":["../../../../../../admin/src/components/Layouts/ActionLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flex } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\n\n/** On mobile: first item stays left, rest stick to the right (margin-right: auto on first child). */\nconst EndActionsFlex = styled(Flex)`\n  width: 100%;\n  & > *:first-child {\n    margin-right: auto;\n  }\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    width: auto;\n    & > *:first-child {\n      margin-right: 0;\n    }\n  }\n`;\n\ninterface ActionLayoutProps {\n  endActions?: React.ReactNode;\n  startActions?: React.ReactNode;\n  bottomActions?: React.ReactNode;\n}\n\nconst ActionLayout = ({ startActions, endActions, bottomActions }: ActionLayoutProps) => {\n  if (!startActions && !endActions) {\n    return null;\n  }\n\n  return (\n    <Flex\n      direction={{ initial: 'column', medium: 'row' }}\n      gap={{ initial: 4, medium: 3 }}\n      alignItems=\"flex-start\"\n      paddingBottom={{ initial: 2, medium: 4 }}\n      paddingTop={0}\n      paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n      paddingRight={RESPONSIVE_DEFAULT_SPACING}\n      wrap={{ initial: 'nowrap', medium: 'wrap' }}\n    >\n      <Flex gap={2} wrap=\"wrap\" flex={1} width=\"100%\">\n        {startActions}\n      </Flex>\n      <EndActionsFlex gap={{ initial: 3, medium: 2 }} shrink={0} wrap=\"wrap\">\n        {endActions}\n      </EndActionsFlex>\n      {bottomActions && (\n        <Flex gap={2} wrap=\"wrap\" width=\"100%\">\n          {bottomActions}\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n\nexport { ActionLayout, type ActionLayoutProps };\n"],"names":["EndActionsFlex","styled","Flex","theme","breakpoints","medium","ActionLayout","startActions","endActions","bottomActions","_jsxs","direction","initial","gap","alignItems","paddingBottom","paddingTop","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","wrap","_jsx","flex","width","shrink"],"mappings":";;;;;;AAOA,sGACA,MAAMA,cAAAA,GAAiBC,MAAAA,CAAOC,KAAK;;;;;;EAMjC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;;;AAM5C,CAAC;AAQD,MAAMC,YAAAA,GAAe,CAAC,EAAEC,YAAY,EAAEC,UAAU,EAAEC,aAAa,EAAqB,GAAA;IAClF,IAAI,CAACF,YAAAA,IAAgB,CAACC,UAAAA,EAAY;QAChC,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACEE,IAAA,CAACR,IAAAA,EAAAA;QACCS,SAAAA,EAAW;YAAEC,OAAAA,EAAS,QAAA;YAAUP,MAAAA,EAAQ;AAAM,SAAA;QAC9CQ,GAAAA,EAAK;YAAED,OAAAA,EAAS,CAAA;YAAGP,MAAAA,EAAQ;AAAE,SAAA;QAC7BS,UAAAA,EAAW,YAAA;QACXC,aAAAA,EAAe;YAAEH,OAAAA,EAAS,CAAA;YAAGP,MAAAA,EAAQ;AAAE,SAAA;QACvCW,UAAAA,EAAY,CAAA;QACZC,WAAAA,EAAaC,0BAAAA;QACbC,YAAAA,EAAcD,0BAAAA;QACdE,IAAAA,EAAM;YAAER,OAAAA,EAAS,QAAA;YAAUP,MAAAA,EAAQ;AAAO,SAAA;;0BAE1CgB,GAAA,CAACnB,IAAAA,EAAAA;gBAAKW,GAAAA,EAAK,CAAA;gBAAGO,IAAAA,EAAK,MAAA;gBAAOE,IAAAA,EAAM,CAAA;gBAAGC,KAAAA,EAAM,MAAA;AACtChB,gBAAAA,QAAAA,EAAAA;;0BAEHc,GAAA,CAACrB,cAAAA,EAAAA;gBAAea,GAAAA,EAAK;oBAAED,OAAAA,EAAS,CAAA;oBAAGP,MAAAA,EAAQ;AAAE,iBAAA;gBAAGmB,MAAAA,EAAQ,CAAA;gBAAGJ,IAAAA,EAAK,MAAA;AAC7DZ,gBAAAA,QAAAA,EAAAA;;AAEFC,YAAAA,aAAAA,kBACCY,GAAA,CAACnB,IAAAA,EAAAA;gBAAKW,GAAAA,EAAK,CAAA;gBAAGO,IAAAA,EAAK,MAAA;gBAAOG,KAAAA,EAAM,MAAA;AAC7Bd,gBAAAA,QAAAA,EAAAA;;;;AAKX;;;;"}

package/dist/admin/admin/src/components/Layouts/ContentLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentLayout.js","sources":["../../../../../../admin/src/components/Layouts/ContentLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\n\ninterface ContentLayoutProps {\n  children: React.ReactNode;\n}\n\nconst ContentLayout = ({ children }: ContentLayoutProps) => {\n  return (\n    <Box\n      paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n      paddingRight={RESPONSIVE_DEFAULT_SPACING}\n      paddingTop={{ initial: 4, medium: 0 }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nexport { ContentLayout, type ContentLayoutProps };\n"],"names":["ContentLayout","children","_jsx","Box","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","paddingTop","initial","medium"],"mappings":";;;;;;;AAUA,MAAMA,aAAgB,GAAA,CAAC,EAAEC,QAAQ,EAAsB,GAAA;AACrD,IAAA,qBACEC,cAACC,CAAAA,gBAAAA,EAAAA;QACCC,WAAaC,EAAAA,gCAAAA;QACbC,YAAcD,EAAAA,gCAAAA;QACdE,UAAY,EAAA;YAAEC,OAAS,EAAA,CAAA;YAAGC,MAAQ,EAAA;AAAE,SAAA;AAEnCR,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}
+{"version":3,"file":"ContentLayout.js","sources":["../../../../../../admin/src/components/Layouts/ContentLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\n\ninterface ContentLayoutProps {\n  children: React.ReactNode;\n}\n\nconst ContentLayout = ({ children }: ContentLayoutProps) => {\n  return (\n    <Box\n      paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n      paddingRight={RESPONSIVE_DEFAULT_SPACING}\n      paddingTop={{ initial: 4, medium: 0 }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nexport { ContentLayout, type ContentLayoutProps };\n"],"names":["ContentLayout","children","_jsx","Box","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","paddingTop","initial","medium"],"mappings":";;;;;;;AAUA,MAAMA,aAAAA,GAAgB,CAAC,EAAEC,QAAQ,EAAsB,GAAA;AACrD,IAAA,qBACEC,cAAA,CAACC,gBAAAA,EAAAA;QACCC,WAAAA,EAAaC,gCAAAA;QACbC,YAAAA,EAAcD,gCAAAA;QACdE,UAAAA,EAAY;YAAEC,OAAAA,EAAS,CAAA;YAAGC,MAAAA,EAAQ;AAAE,SAAA;AAEnCR,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}

package/dist/admin/admin/src/components/Layouts/ContentLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentLayout.mjs","sources":["../../../../../../admin/src/components/Layouts/ContentLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\n\ninterface ContentLayoutProps {\n  children: React.ReactNode;\n}\n\nconst ContentLayout = ({ children }: ContentLayoutProps) => {\n  return (\n    <Box\n      paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n      paddingRight={RESPONSIVE_DEFAULT_SPACING}\n      paddingTop={{ initial: 4, medium: 0 }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nexport { ContentLayout, type ContentLayoutProps };\n"],"names":["ContentLayout","children","_jsx","Box","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","paddingTop","initial","medium"],"mappings":";;;;;AAUA,MAAMA,aAAgB,GAAA,CAAC,EAAEC,QAAQ,EAAsB,GAAA;AACrD,IAAA,qBACEC,GAACC,CAAAA,GAAAA,EAAAA;QACCC,WAAaC,EAAAA,0BAAAA;QACbC,YAAcD,EAAAA,0BAAAA;QACdE,UAAY,EAAA;YAAEC,OAAS,EAAA,CAAA;YAAGC,MAAQ,EAAA;AAAE,SAAA;AAEnCR,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}
+{"version":3,"file":"ContentLayout.mjs","sources":["../../../../../../admin/src/components/Layouts/ContentLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\n\ninterface ContentLayoutProps {\n  children: React.ReactNode;\n}\n\nconst ContentLayout = ({ children }: ContentLayoutProps) => {\n  return (\n    <Box\n      paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n      paddingRight={RESPONSIVE_DEFAULT_SPACING}\n      paddingTop={{ initial: 4, medium: 0 }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nexport { ContentLayout, type ContentLayoutProps };\n"],"names":["ContentLayout","children","_jsx","Box","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","paddingTop","initial","medium"],"mappings":";;;;;AAUA,MAAMA,aAAAA,GAAgB,CAAC,EAAEC,QAAQ,EAAsB,GAAA;AACrD,IAAA,qBACEC,GAAA,CAACC,GAAAA,EAAAA;QACCC,WAAAA,EAAaC,0BAAAA;QACbC,YAAAA,EAAcD,0BAAAA;QACdE,UAAAA,EAAY;YAAEC,OAAAA,EAAS,CAAA;YAAGC,MAAAA,EAAQ;AAAE,SAAA;AAEnCR,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}

package/dist/admin/admin/src/components/Layouts/GridLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridLayout.js","sources":["../../../../../../admin/src/components/Layouts/GridLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\ninterface GridColSize {\n  S: number;\n  M: number;\n}\n\nconst GridColSize = {\n  S: 180,\n  M: 250,\n};\n\ntype Size = keyof GridColSize;\n\nconst StyledGrid = styled(Box)<{ $size: Size }>`\n  display: grid;\n  grid-template-columns: repeat(\n    auto-fit,\n    minmax(${({ $size }: { $size: Size }) => `${GridColSize[$size]}px`}, 1fr)\n  );\n  grid-gap: ${({ theme }) => theme.spaces[4]};\n`;\n\ninterface GridLayoutProps {\n  size: Size;\n  children: React.ReactNode;\n}\n\nconst GridLayout = ({ size, children }: GridLayoutProps) => {\n  return <StyledGrid $size={size}>{children}</StyledGrid>;\n};\n\nexport { GridLayout };\nexport type { GridLayoutProps, GridColSize };\n"],"names":["GridColSize","S","M","StyledGrid","styled","Box","$size","theme","spaces","GridLayout","size","children","_jsx"],"mappings":";;;;;;;AAUA,MAAMA,WAAc,GAAA;IAClBC,CAAG,EAAA,GAAA;IACHC,CAAG,EAAA;AACL,CAAA;AAIA,MAAMC,UAAAA,GAAaC,aAAOC,CAAAA,gBAAAA,CAAqB;;;;AAIpC,WAAA,EAAE,CAAC,EAAEC,KAAK,EAAmB,GAAK,CAAA,EAAGN,WAAW,CAACM,KAAM,CAAA,CAAC,EAAE,CAAC,CAAC;;YAE3D,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAAC,CAAA,CAAE,CAAC;AAC7C,CAAC;AAOD,MAAMC,aAAa,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAmB,GAAA;AACrD,IAAA,qBAAOC,cAACT,CAAAA,UAAAA,EAAAA;QAAWG,KAAOI,EAAAA,IAAAA;AAAOC,QAAAA,QAAAA,EAAAA;;AACnC;;;;"}
+{"version":3,"file":"GridLayout.js","sources":["../../../../../../admin/src/components/Layouts/GridLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\ninterface GridColSize {\n  S: number;\n  M: number;\n}\n\nconst GridColSize = {\n  S: 180,\n  M: 250,\n};\n\ntype Size = keyof GridColSize;\n\nconst StyledGrid = styled(Box)<{ $size: Size }>`\n  display: grid;\n  grid-template-columns: repeat(\n    auto-fit,\n    minmax(${({ $size }: { $size: Size }) => `${GridColSize[$size]}px`}, 1fr)\n  );\n  grid-gap: ${({ theme }) => theme.spaces[4]};\n`;\n\ninterface GridLayoutProps {\n  size: Size;\n  children: React.ReactNode;\n}\n\nconst GridLayout = ({ size, children }: GridLayoutProps) => {\n  return <StyledGrid $size={size}>{children}</StyledGrid>;\n};\n\nexport { GridLayout };\nexport type { GridLayoutProps, GridColSize };\n"],"names":["GridColSize","S","M","StyledGrid","styled","Box","$size","theme","spaces","GridLayout","size","children","_jsx"],"mappings":";;;;;;;AAUA,MAAMA,WAAAA,GAAc;IAClBC,CAAAA,EAAG,GAAA;IACHC,CAAAA,EAAG;AACL,CAAA;AAIA,MAAMC,UAAAA,GAAaC,aAAAA,CAAOC,gBAAAA,CAAqB;;;;AAIpC,WAAA,EAAE,CAAC,EAAEC,KAAK,EAAmB,GAAK,CAAA,EAAGN,WAAW,CAACM,KAAAA,CAAM,CAAC,EAAE,CAAC,CAAC;;YAE3D,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AAC7C,CAAC;AAOD,MAAMC,aAAa,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAmB,GAAA;AACrD,IAAA,qBAAOC,cAAA,CAACT,UAAAA,EAAAA;QAAWG,KAAAA,EAAOI,IAAAA;AAAOC,QAAAA,QAAAA,EAAAA;;AACnC;;;;"}

package/dist/admin/admin/src/components/Layouts/GridLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GridLayout.mjs","sources":["../../../../../../admin/src/components/Layouts/GridLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\ninterface GridColSize {\n  S: number;\n  M: number;\n}\n\nconst GridColSize = {\n  S: 180,\n  M: 250,\n};\n\ntype Size = keyof GridColSize;\n\nconst StyledGrid = styled(Box)<{ $size: Size }>`\n  display: grid;\n  grid-template-columns: repeat(\n    auto-fit,\n    minmax(${({ $size }: { $size: Size }) => `${GridColSize[$size]}px`}, 1fr)\n  );\n  grid-gap: ${({ theme }) => theme.spaces[4]};\n`;\n\ninterface GridLayoutProps {\n  size: Size;\n  children: React.ReactNode;\n}\n\nconst GridLayout = ({ size, children }: GridLayoutProps) => {\n  return <StyledGrid $size={size}>{children}</StyledGrid>;\n};\n\nexport { GridLayout };\nexport type { GridLayoutProps, GridColSize };\n"],"names":["GridColSize","S","M","StyledGrid","styled","Box","$size","theme","spaces","GridLayout","size","children","_jsx"],"mappings":";;;;;AAUA,MAAMA,WAAc,GAAA;IAClBC,CAAG,EAAA,GAAA;IACHC,CAAG,EAAA;AACL,CAAA;AAIA,MAAMC,UAAAA,GAAaC,MAAOC,CAAAA,GAAAA,CAAqB;;;;AAIpC,WAAA,EAAE,CAAC,EAAEC,KAAK,EAAmB,GAAK,CAAA,EAAGN,WAAW,CAACM,KAAM,CAAA,CAAC,EAAE,CAAC,CAAC;;YAE3D,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAAC,CAAA,CAAE,CAAC;AAC7C,CAAC;AAOD,MAAMC,aAAa,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAmB,GAAA;AACrD,IAAA,qBAAOC,GAACT,CAAAA,UAAAA,EAAAA;QAAWG,KAAOI,EAAAA,IAAAA;AAAOC,QAAAA,QAAAA,EAAAA;;AACnC;;;;"}
+{"version":3,"file":"GridLayout.mjs","sources":["../../../../../../admin/src/components/Layouts/GridLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\ninterface GridColSize {\n  S: number;\n  M: number;\n}\n\nconst GridColSize = {\n  S: 180,\n  M: 250,\n};\n\ntype Size = keyof GridColSize;\n\nconst StyledGrid = styled(Box)<{ $size: Size }>`\n  display: grid;\n  grid-template-columns: repeat(\n    auto-fit,\n    minmax(${({ $size }: { $size: Size }) => `${GridColSize[$size]}px`}, 1fr)\n  );\n  grid-gap: ${({ theme }) => theme.spaces[4]};\n`;\n\ninterface GridLayoutProps {\n  size: Size;\n  children: React.ReactNode;\n}\n\nconst GridLayout = ({ size, children }: GridLayoutProps) => {\n  return <StyledGrid $size={size}>{children}</StyledGrid>;\n};\n\nexport { GridLayout };\nexport type { GridLayoutProps, GridColSize };\n"],"names":["GridColSize","S","M","StyledGrid","styled","Box","$size","theme","spaces","GridLayout","size","children","_jsx"],"mappings":";;;;;AAUA,MAAMA,WAAAA,GAAc;IAClBC,CAAAA,EAAG,GAAA;IACHC,CAAAA,EAAG;AACL,CAAA;AAIA,MAAMC,UAAAA,GAAaC,MAAAA,CAAOC,GAAAA,CAAqB;;;;AAIpC,WAAA,EAAE,CAAC,EAAEC,KAAK,EAAmB,GAAK,CAAA,EAAGN,WAAW,CAACM,KAAAA,CAAM,CAAC,EAAE,CAAC,CAAC;;YAE3D,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AAC7C,CAAC;AAOD,MAAMC,aAAa,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAmB,GAAA;AACrD,IAAA,qBAAOC,GAAA,CAACT,UAAAA,EAAAA;QAAWG,KAAAA,EAAOI,IAAAA;AAAOC,QAAAA,QAAAA,EAAAA;;AACnC;;;;"}

package/dist/admin/admin/src/components/Layouts/HeaderLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLayout.js","sources":["../../../../../../admin/src/components/Layouts/HeaderLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, Typography, TypographyProps, useCallbackRef } from '@strapi/design-system';\n\nimport {\n  HEIGHT_TOP_NAVIGATION,\n  HEIGHT_TOP_NAVIGATION_MEDIUM,\n  RESPONSIVE_DEFAULT_SPACING,\n} from '../../constants/theme';\nimport { useDeviceType } from '../../hooks/useDeviceType';\nimport { useElementOnScreen } from '../../hooks/useElementOnScreen';\nimport { useIsMobile } from '../../hooks/useMediaQuery';\n\n/* -------------------------------------------------------------------------------------------------\n * BaseHeaderLayout\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BaseHeaderLayoutProps extends Omit<TypographyProps<'div'>, 'tag'> {\n  navigationAction?: React.ReactNode;\n  primaryAction?: React.ReactNode;\n  secondaryAction?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  sticky?: boolean;\n  width?: number;\n}\n\nconst BaseHeaderLayout = React.forwardRef<HTMLDivElement, BaseHeaderLayoutProps>(\n  (\n    { navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, ...props },\n    ref\n  ) => {\n    const isMobile = useIsMobile();\n    const isSubtitleString = typeof subtitle === 'string';\n\n    if (sticky) {\n      return (\n        <Box\n          display=\"flex\"\n          paddingLeft={6}\n          paddingRight={6}\n          paddingTop={2}\n          paddingBottom={2}\n          position=\"fixed\"\n          top={0}\n          background=\"neutral0\"\n          shadow=\"tableShadow\"\n          width={`${width}px`}\n          zIndex={2}\n          minHeight={{\n            initial: HEIGHT_TOP_NAVIGATION,\n            medium: HEIGHT_TOP_NAVIGATION_MEDIUM,\n          }}\n          data-strapi-header-sticky\n        >\n          <Flex alignItems=\"center\" justifyContent=\"space-between\" wrap=\"wrap\" width=\"100%\">\n            <Flex>\n              {navigationAction && <Box paddingRight={3}>{navigationAction}</Box>}\n              <Box>\n                <Typography variant=\"beta\" tag=\"h1\" {...props}>\n                  {title}\n                </Typography>\n                {isSubtitleString ? (\n                  <Typography variant=\"pi\" textColor=\"neutral600\">\n                    {subtitle}\n                  </Typography>\n                ) : (\n                  subtitle\n                )}\n              </Box>\n              {secondaryAction ? <Box paddingLeft={4}>{secondaryAction}</Box> : null}\n            </Flex>\n            <Flex>{primaryAction ? <Box paddingLeft={2}>{primaryAction}</Box> : undefined}</Flex>\n          </Flex>\n        </Box>\n      );\n    }\n\n    return (\n      <Box\n        ref={ref}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n        paddingBottom={{\n          initial: 4,\n          large: 8,\n        }}\n        paddingTop={{\n          initial: 4,\n          large: navigationAction ? 6 : 8,\n        }}\n        background=\"neutral100\"\n        data-strapi-header\n      >\n        <Flex direction=\"column\" alignItems=\"initial\" gap={3}>\n          {navigationAction}\n          {!isMobile ? (\n            <>\n              <Flex justifyContent=\"space-between\" wrap=\"wrap\" gap={4}>\n                <Flex minWidth={0}>\n                  <Typography\n                    tag=\"h1\"\n                    variant=\"alpha\"\n                    {...props}\n                    style={{\n                      wordBreak: 'break-word',\n                      overflowWrap: 'break-word',\n                      maxWidth: '100%',\n                    }}\n                  >\n                    {title}\n                  </Typography>\n                  {secondaryAction && <Box paddingLeft={4}>{secondaryAction}</Box>}\n                </Flex>\n                <Box paddingLeft={4} marginLeft=\"auto\">\n                  {primaryAction}\n                </Box>\n              </Flex>\n              {isSubtitleString ? (\n                <Typography variant=\"epsilon\" textColor=\"neutral600\" tag=\"p\">\n                  {subtitle}\n                </Typography>\n              ) : (\n                subtitle\n              )}\n            </>\n          ) : (\n            <>\n              <Typography\n                tag=\"h1\"\n                variant=\"alpha\"\n                {...props}\n                style={{\n                  wordBreak: 'break-word',\n                  overflowWrap: 'break-word',\n                  maxWidth: '100%',\n                }}\n              >\n                {title}\n              </Typography>\n              {isSubtitleString ? (\n                <Typography variant=\"epsilon\" textColor=\"neutral600\" tag=\"p\">\n                  {subtitle}\n                </Typography>\n              ) : (\n                subtitle\n              )}\n              {(primaryAction || secondaryAction) && (\n                <Flex gap={3}>\n                  {secondaryAction}\n                  {primaryAction}\n                </Flex>\n              )}\n            </>\n          )}\n        </Flex>\n      </Box>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * HeaderLayout\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HeaderLayoutProps extends BaseHeaderLayoutProps {}\n\nconst HeaderLayout = (props: HeaderLayoutProps) => {\n  const baseHeaderLayoutRef = React.useRef<HTMLDivElement>(null);\n  const [headerSize, setHeaderSize] = React.useState<DOMRect | null>(null);\n  const [isVisible, setIsVisible] = React.useState(true);\n  const deviceType = useDeviceType();\n\n  const containerRef = useElementOnScreen<HTMLDivElement>(setIsVisible, {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0,\n  });\n\n  useResizeObserver([containerRef, baseHeaderLayoutRef], () => {\n    const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;\n\n    if (headerContainer) {\n      const newSize = headerContainer.getBoundingClientRect();\n\n      setHeaderSize((prevSize) => {\n        // Only update if size actually changed\n        if (!prevSize || prevSize.height !== newSize.height || prevSize.width !== newSize.width) {\n          return newSize;\n        }\n        return prevSize;\n      });\n    }\n  });\n\n  React.useEffect(() => {\n    if (baseHeaderLayoutRef.current || containerRef.current) {\n      const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;\n      setHeaderSize(headerContainer?.getBoundingClientRect() ?? null);\n    }\n  }, [containerRef]);\n\n  if (deviceType === 'mobile') {\n    return <BaseHeaderLayout {...props} />;\n  }\n\n  return (\n    <div ref={containerRef}>\n      <div style={{ height: headerSize?.height }}>\n        {isVisible && <BaseHeaderLayout ref={baseHeaderLayoutRef} {...props} />}\n      </div>\n\n      {!isVisible && <BaseHeaderLayout {...props} sticky width={headerSize?.width} />}\n    </div>\n  );\n};\n\nHeaderLayout.displayName = 'HeaderLayout';\n\n/**\n * useResizeObserver: hook that observes the size of an element and calls a callback when it changes.\n */\nconst useResizeObserver = (\n  sources: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[],\n  onResize: ResizeObserverCallback\n) => {\n  const handleResize = useCallbackRef(onResize);\n\n  React.useLayoutEffect(() => {\n    const resizeObs = new ResizeObserver(handleResize);\n\n    if (Array.isArray(sources)) {\n      sources.forEach((source) => {\n        if (source.current) {\n          resizeObs.observe(source.current);\n        }\n      });\n    } else if (sources.current) {\n      resizeObs.observe(sources.current);\n    }\n\n    return () => {\n      resizeObs.disconnect();\n    };\n  }, [sources, handleResize]);\n};\n\nexport type { HeaderLayoutProps, BaseHeaderLayoutProps };\nexport { HeaderLayout, BaseHeaderLayout };\n"],"names":["BaseHeaderLayout","React","forwardRef","navigationAction","primaryAction","secondaryAction","subtitle","title","sticky","width","props","ref","isMobile","useIsMobile","isSubtitleString","_jsx","Box","display","paddingLeft","paddingRight","paddingTop","paddingBottom","position","top","background","shadow","zIndex","minHeight","initial","HEIGHT_TOP_NAVIGATION","medium","HEIGHT_TOP_NAVIGATION_MEDIUM","data-strapi-header-sticky","_jsxs","Flex","alignItems","justifyContent","wrap","Typography","variant","tag","textColor","undefined","RESPONSIVE_DEFAULT_SPACING","large","data-strapi-header","direction","gap","_Fragment","minWidth","style","wordBreak","overflowWrap","maxWidth","marginLeft","HeaderLayout","baseHeaderLayoutRef","useRef","headerSize","setHeaderSize","useState","isVisible","setIsVisible","deviceType","useDeviceType","containerRef","useElementOnScreen","root","rootMargin","threshold","useResizeObserver","headerContainer","current","newSize","getBoundingClientRect","prevSize","height","useEffect","div","displayName","sources","onResize","handleResize","useCallbackRef","useLayoutEffect","resizeObs","ResizeObserver","Array","isArray","forEach","source","observe","disconnect"],"mappings":"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"}
+{"version":3,"file":"HeaderLayout.js","sources":["../../../../../../admin/src/components/Layouts/HeaderLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, Typography, TypographyProps, useCallbackRef } from '@strapi/design-system';\n\nimport {\n  HEIGHT_TOP_NAVIGATION,\n  HEIGHT_TOP_NAVIGATION_MEDIUM,\n  RESPONSIVE_DEFAULT_SPACING,\n} from '../../constants/theme';\nimport { useDeviceType } from '../../hooks/useDeviceType';\nimport { useElementOnScreen } from '../../hooks/useElementOnScreen';\nimport { useIsMobile } from '../../hooks/useMediaQuery';\n\n/* -------------------------------------------------------------------------------------------------\n * BaseHeaderLayout\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BaseHeaderLayoutProps extends Omit<TypographyProps<'div'>, 'tag'> {\n  navigationAction?: React.ReactNode;\n  primaryAction?: React.ReactNode;\n  secondaryAction?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  sticky?: boolean;\n  width?: number;\n}\n\nconst BaseHeaderLayout = React.forwardRef<HTMLDivElement, BaseHeaderLayoutProps>(\n  (\n    { navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, ...props },\n    ref\n  ) => {\n    const isMobile = useIsMobile();\n    const isSubtitleString = typeof subtitle === 'string';\n\n    if (sticky) {\n      return (\n        <Box\n          display=\"flex\"\n          paddingLeft={6}\n          paddingRight={6}\n          paddingTop={2}\n          paddingBottom={2}\n          position=\"fixed\"\n          top={0}\n          background=\"neutral0\"\n          shadow=\"tableShadow\"\n          width={`${width}px`}\n          zIndex={2}\n          minHeight={{\n            initial: HEIGHT_TOP_NAVIGATION,\n            medium: HEIGHT_TOP_NAVIGATION_MEDIUM,\n          }}\n          data-strapi-header-sticky\n        >\n          <Flex alignItems=\"center\" justifyContent=\"space-between\" wrap=\"wrap\" width=\"100%\">\n            <Flex>\n              {navigationAction && <Box paddingRight={3}>{navigationAction}</Box>}\n              <Box>\n                <Typography variant=\"beta\" tag=\"h1\" {...props}>\n                  {title}\n                </Typography>\n                {isSubtitleString ? (\n                  <Typography variant=\"pi\" textColor=\"neutral600\">\n                    {subtitle}\n                  </Typography>\n                ) : (\n                  subtitle\n                )}\n              </Box>\n              {secondaryAction ? <Box paddingLeft={4}>{secondaryAction}</Box> : null}\n            </Flex>\n            <Flex>{primaryAction ? <Box paddingLeft={2}>{primaryAction}</Box> : undefined}</Flex>\n          </Flex>\n        </Box>\n      );\n    }\n\n    return (\n      <Box\n        ref={ref}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n        paddingBottom={{\n          initial: 4,\n          large: 8,\n        }}\n        paddingTop={{\n          initial: 4,\n          large: navigationAction ? 6 : 8,\n        }}\n        background=\"neutral100\"\n        data-strapi-header\n      >\n        <Flex direction=\"column\" alignItems=\"initial\" gap={3}>\n          {navigationAction}\n          {!isMobile ? (\n            <>\n              <Flex justifyContent=\"space-between\" wrap=\"wrap\" gap={4}>\n                <Flex minWidth={0}>\n                  <Typography\n                    tag=\"h1\"\n                    variant=\"alpha\"\n                    {...props}\n                    style={{\n                      wordBreak: 'break-word',\n                      overflowWrap: 'break-word',\n                      maxWidth: '100%',\n                    }}\n                  >\n                    {title}\n                  </Typography>\n                  {secondaryAction && <Box paddingLeft={4}>{secondaryAction}</Box>}\n                </Flex>\n                <Box paddingLeft={4} marginLeft=\"auto\">\n                  {primaryAction}\n                </Box>\n              </Flex>\n              {isSubtitleString ? (\n                <Typography variant=\"epsilon\" textColor=\"neutral600\" tag=\"p\">\n                  {subtitle}\n                </Typography>\n              ) : (\n                subtitle\n              )}\n            </>\n          ) : (\n            <>\n              <Typography\n                tag=\"h1\"\n                variant=\"alpha\"\n                {...props}\n                style={{\n                  wordBreak: 'break-word',\n                  overflowWrap: 'break-word',\n                  maxWidth: '100%',\n                }}\n              >\n                {title}\n              </Typography>\n              {isSubtitleString ? (\n                <Typography variant=\"epsilon\" textColor=\"neutral600\" tag=\"p\">\n                  {subtitle}\n                </Typography>\n              ) : (\n                subtitle\n              )}\n              {(primaryAction || secondaryAction) && (\n                <Flex gap={3}>\n                  {secondaryAction}\n                  {primaryAction}\n                </Flex>\n              )}\n            </>\n          )}\n        </Flex>\n      </Box>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * HeaderLayout\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HeaderLayoutProps extends BaseHeaderLayoutProps {}\n\nconst HeaderLayout = (props: HeaderLayoutProps) => {\n  const baseHeaderLayoutRef = React.useRef<HTMLDivElement>(null);\n  const [headerSize, setHeaderSize] = React.useState<DOMRect | null>(null);\n  const [isVisible, setIsVisible] = React.useState(true);\n  const deviceType = useDeviceType();\n\n  const containerRef = useElementOnScreen<HTMLDivElement>(setIsVisible, {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0,\n  });\n\n  useResizeObserver([containerRef, baseHeaderLayoutRef], () => {\n    const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;\n\n    if (headerContainer) {\n      const newSize = headerContainer.getBoundingClientRect();\n\n      setHeaderSize((prevSize) => {\n        // Only update if size actually changed\n        if (!prevSize || prevSize.height !== newSize.height || prevSize.width !== newSize.width) {\n          return newSize;\n        }\n        return prevSize;\n      });\n    }\n  });\n\n  React.useEffect(() => {\n    if (baseHeaderLayoutRef.current || containerRef.current) {\n      const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;\n      setHeaderSize(headerContainer?.getBoundingClientRect() ?? null);\n    }\n  }, [containerRef]);\n\n  if (deviceType === 'mobile') {\n    return <BaseHeaderLayout {...props} />;\n  }\n\n  return (\n    <div ref={containerRef}>\n      <div style={{ height: headerSize?.height }}>\n        {isVisible && <BaseHeaderLayout ref={baseHeaderLayoutRef} {...props} />}\n      </div>\n\n      {!isVisible && <BaseHeaderLayout {...props} sticky width={headerSize?.width} />}\n    </div>\n  );\n};\n\nHeaderLayout.displayName = 'HeaderLayout';\n\n/**\n * useResizeObserver: hook that observes the size of an element and calls a callback when it changes.\n */\nconst useResizeObserver = (\n  sources: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[],\n  onResize: ResizeObserverCallback\n) => {\n  const handleResize = useCallbackRef(onResize);\n\n  React.useLayoutEffect(() => {\n    const resizeObs = new ResizeObserver(handleResize);\n\n    if (Array.isArray(sources)) {\n      sources.forEach((source) => {\n        if (source.current) {\n          resizeObs.observe(source.current);\n        }\n      });\n    } else if (sources.current) {\n      resizeObs.observe(sources.current);\n    }\n\n    return () => {\n      resizeObs.disconnect();\n    };\n  }, [sources, handleResize]);\n};\n\nexport type { HeaderLayoutProps, BaseHeaderLayoutProps };\nexport { HeaderLayout, BaseHeaderLayout };\n"],"names":["BaseHeaderLayout","React","forwardRef","navigationAction","primaryAction","secondaryAction","subtitle","title","sticky","width","props","ref","isMobile","useIsMobile","isSubtitleString","_jsx","Box","display","paddingLeft","paddingRight","paddingTop","paddingBottom","position","top","background","shadow","zIndex","minHeight","initial","HEIGHT_TOP_NAVIGATION","medium","HEIGHT_TOP_NAVIGATION_MEDIUM","data-strapi-header-sticky","_jsxs","Flex","alignItems","justifyContent","wrap","Typography","variant","tag","textColor","undefined","RESPONSIVE_DEFAULT_SPACING","large","data-strapi-header","direction","gap","_Fragment","minWidth","style","wordBreak","overflowWrap","maxWidth","marginLeft","HeaderLayout","baseHeaderLayoutRef","useRef","headerSize","setHeaderSize","useState","isVisible","setIsVisible","deviceType","useDeviceType","containerRef","useElementOnScreen","root","rootMargin","threshold","useResizeObserver","headerContainer","current","newSize","getBoundingClientRect","prevSize","height","useEffect","div","displayName","sources","onResize","handleResize","useCallbackRef","useLayoutEffect","resizeObs","ResizeObserver","Array","isArray","forEach","source","observe","disconnect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAMA,gBAAAA,iBAAmBC,iBAAMC,UAAU,CACvC,CACE,EAAEC,gBAAgB,EAAEC,aAAa,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGC,KAAAA,EAAO,EAC9FC,GAAAA,GAAAA;AAEA,IAAA,MAAMC,QAAAA,GAAWC,yBAAAA,EAAAA;IACjB,MAAMC,gBAAAA,GAAmB,OAAOR,QAAAA,KAAa,QAAA;AAE7C,IAAA,IAAIE,MAAAA,EAAQ;AACV,QAAA,qBACEO,cAAA,CAACC,gBAAAA,EAAAA;YACCC,OAAAA,EAAQ,MAAA;YACRC,WAAAA,EAAa,CAAA;YACbC,YAAAA,EAAc,CAAA;YACdC,UAAAA,EAAY,CAAA;YACZC,aAAAA,EAAe,CAAA;YACfC,QAAAA,EAAS,OAAA;YACTC,GAAAA,EAAK,CAAA;YACLC,UAAAA,EAAW,UAAA;YACXC,MAAAA,EAAO,aAAA;YACPhB,KAAAA,EAAO,CAAA,EAAGA,KAAAA,CAAM,EAAE,CAAC;YACnBiB,MAAAA,EAAQ,CAAA;YACRC,SAAAA,EAAW;gBACTC,OAAAA,EAASC,2BAAAA;gBACTC,MAAAA,EAAQC;AACV,aAAA;YACAC,2BAAyB,EAAA,IAAA;AAEzB,YAAA,QAAA,gBAAAC,eAAA,CAACC,iBAAAA,EAAAA;gBAAKC,UAAAA,EAAW,QAAA;gBAASC,cAAAA,EAAe,eAAA;gBAAgBC,IAAAA,EAAK,MAAA;gBAAO5B,KAAAA,EAAM,MAAA;;kCACzEwB,eAAA,CAACC,iBAAAA,EAAAA;;AACE/B,4BAAAA,gBAAAA,kBAAoBY,cAAA,CAACC,gBAAAA,EAAAA;gCAAIG,YAAAA,EAAc,CAAA;AAAIhB,gCAAAA,QAAAA,EAAAA;;0CAC5C8B,eAAA,CAACjB,gBAAAA,EAAAA;;kDACCD,cAAA,CAACuB,uBAAAA,EAAAA;wCAAWC,OAAAA,EAAQ,MAAA;wCAAOC,GAAAA,EAAI,IAAA;AAAM,wCAAA,GAAG9B,KAAK;AAC1CH,wCAAAA,QAAAA,EAAAA;;AAEFO,oCAAAA,gBAAAA,iBACCC,cAAA,CAACuB,uBAAAA,EAAAA;wCAAWC,OAAAA,EAAQ,IAAA;wCAAKE,SAAAA,EAAU,YAAA;AAChCnC,wCAAAA,QAAAA,EAAAA;AAGHA,qCAAAA,CAAAA,GAAAA;;;AAGHD,4BAAAA,eAAAA,iBAAkBU,cAAA,CAACC,gBAAAA,EAAAA;gCAAIE,WAAAA,EAAa,CAAA;AAAIb,gCAAAA,QAAAA,EAAAA;AAAyB,6BAAA,CAAA,GAAA;;;kCAEpEU,cAAA,CAACmB,iBAAAA,EAAAA;AAAM9B,wBAAAA,QAAAA,EAAAA,aAAAA,iBAAgBW,cAAA,CAACC,gBAAAA,EAAAA;4BAAIE,WAAAA,EAAa,CAAA;AAAId,4BAAAA,QAAAA,EAAAA;AAAuBsC,yBAAAA,CAAAA,GAAAA;;;;;AAI5E,IAAA;AAEA,IAAA,qBACE3B,cAAA,CAACC,gBAAAA,EAAAA;QACCL,GAAAA,EAAKA,GAAAA;QACLO,WAAAA,EAAayB,gCAAAA;QACbxB,YAAAA,EAAcwB,gCAAAA;QACdtB,aAAAA,EAAe;YACbO,OAAAA,EAAS,CAAA;YACTgB,KAAAA,EAAO;AACT,SAAA;QACAxB,UAAAA,EAAY;YACVQ,OAAAA,EAAS,CAAA;AACTgB,YAAAA,KAAAA,EAAOzC,mBAAmB,CAAA,GAAI;AAChC,SAAA;QACAqB,UAAAA,EAAW,YAAA;QACXqB,oBAAkB,EAAA,IAAA;AAElB,QAAA,QAAA,gBAAAZ,eAAA,CAACC,iBAAAA,EAAAA;YAAKY,SAAAA,EAAU,QAAA;YAASX,UAAAA,EAAW,SAAA;YAAUY,GAAAA,EAAK,CAAA;;AAChD5C,gBAAAA,gBAAAA;AACA,gBAAA,CAACS,QAAAA,iBACAqB,eAAA,CAAAe,mBAAA,EAAA;;sCACEf,eAAA,CAACC,iBAAAA,EAAAA;4BAAKE,cAAAA,EAAe,eAAA;4BAAgBC,IAAAA,EAAK,MAAA;4BAAOU,GAAAA,EAAK,CAAA;;8CACpDd,eAAA,CAACC,iBAAAA,EAAAA;oCAAKe,QAAAA,EAAU,CAAA;;sDACdlC,cAAA,CAACuB,uBAAAA,EAAAA;4CACCE,GAAAA,EAAI,IAAA;4CACJD,OAAAA,EAAQ,OAAA;AACP,4CAAA,GAAG7B,KAAK;4CACTwC,KAAAA,EAAO;gDACLC,SAAAA,EAAW,YAAA;gDACXC,YAAAA,EAAc,YAAA;gDACdC,QAAAA,EAAU;AACZ,6CAAA;AAEC9C,4CAAAA,QAAAA,EAAAA;;AAEFF,wCAAAA,eAAAA,kBAAmBU,cAAA,CAACC,gBAAAA,EAAAA;4CAAIE,WAAAA,EAAa,CAAA;AAAIb,4CAAAA,QAAAA,EAAAA;;;;8CAE5CU,cAAA,CAACC,gBAAAA,EAAAA;oCAAIE,WAAAA,EAAa,CAAA;oCAAGoC,UAAAA,EAAW,MAAA;AAC7BlD,oCAAAA,QAAAA,EAAAA;;;;AAGJU,wBAAAA,gBAAAA,iBACCC,cAAA,CAACuB,uBAAAA,EAAAA;4BAAWC,OAAAA,EAAQ,SAAA;4BAAUE,SAAAA,EAAU,YAAA;4BAAaD,GAAAA,EAAI,GAAA;AACtDlC,4BAAAA,QAAAA,EAAAA;AAGHA,yBAAAA,CAAAA,GAAAA;;AAIJ,iBAAA,CAAA,iBAAA2B,eAAA,CAAAe,mBAAA,EAAA;;sCACEjC,cAAA,CAACuB,uBAAAA,EAAAA;4BACCE,GAAAA,EAAI,IAAA;4BACJD,OAAAA,EAAQ,OAAA;AACP,4BAAA,GAAG7B,KAAK;4BACTwC,KAAAA,EAAO;gCACLC,SAAAA,EAAW,YAAA;gCACXC,YAAAA,EAAc,YAAA;gCACdC,QAAAA,EAAU;AACZ,6BAAA;AAEC9C,4BAAAA,QAAAA,EAAAA;;AAEFO,wBAAAA,gBAAAA,iBACCC,cAAA,CAACuB,uBAAAA,EAAAA;4BAAWC,OAAAA,EAAQ,SAAA;4BAAUE,SAAAA,EAAU,YAAA;4BAAaD,GAAAA,EAAI,GAAA;AACtDlC,4BAAAA,QAAAA,EAAAA;AAGHA,yBAAAA,CAAAA,GAAAA,QAAAA;wBAEAF,CAAAA,aAAAA,IAAiBC,eAAc,mBAC/B4B,eAAA,CAACC,iBAAAA,EAAAA;4BAAKa,GAAAA,EAAK,CAAA;;AACR1C,gCAAAA,eAAAA;AACAD,gCAAAA;;;;;;;;AAQjB,CAAA;AASF,MAAMmD,eAAe,CAAC7C,KAAAA,GAAAA;IACpB,MAAM8C,mBAAAA,GAAsBvD,gBAAAA,CAAMwD,MAAM,CAAiB,IAAA,CAAA;AACzD,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAG1D,gBAAAA,CAAM2D,QAAQ,CAAiB,IAAA,CAAA;AACnE,IAAA,MAAM,CAACC,SAAAA,EAAWC,YAAAA,CAAa,GAAG7D,gBAAAA,CAAM2D,QAAQ,CAAC,IAAA,CAAA;AACjD,IAAA,MAAMG,UAAAA,GAAaC,2BAAAA,EAAAA;IAEnB,MAAMC,YAAAA,GAAeC,sCAAmCJ,YAAAA,EAAc;QACpEK,IAAAA,EAAM,IAAA;QACNC,UAAAA,EAAY,KAAA;QACZC,SAAAA,EAAW;AACb,KAAA,CAAA;IAEAC,iBAAAA,CAAkB;AAACL,QAAAA,YAAAA;AAAcT,QAAAA;KAAoB,EAAE,IAAA;AACrD,QAAA,MAAMe,eAAAA,GAAkBf,mBAAAA,CAAoBgB,OAAO,IAAIP,aAAaO,OAAO;AAE3E,QAAA,IAAID,eAAAA,EAAiB;YACnB,MAAME,OAAAA,GAAUF,gBAAgBG,qBAAqB,EAAA;AAErDf,YAAAA,aAAAA,CAAc,CAACgB,QAAAA,GAAAA;;AAEb,gBAAA,IAAI,CAACA,QAAAA,IAAYA,QAAAA,CAASC,MAAM,KAAKH,OAAAA,CAAQG,MAAM,IAAID,QAAAA,CAASlE,KAAK,KAAKgE,OAAAA,CAAQhE,KAAK,EAAE;oBACvF,OAAOgE,OAAAA;AACT,gBAAA;gBACA,OAAOE,QAAAA;AACT,YAAA,CAAA,CAAA;AACF,QAAA;AACF,IAAA,CAAA,CAAA;AAEA1E,IAAAA,gBAAAA,CAAM4E,SAAS,CAAC,IAAA;AACd,QAAA,IAAIrB,mBAAAA,CAAoBgB,OAAO,IAAIP,YAAAA,CAAaO,OAAO,EAAE;AACvD,YAAA,MAAMD,eAAAA,GAAkBf,mBAAAA,CAAoBgB,OAAO,IAAIP,aAAaO,OAAO;AAC3Eb,YAAAA,aAAAA,CAAcY,iBAAiBG,qBAAAA,EAAAA,IAA2B,IAAA,CAAA;AAC5D,QAAA;IACF,CAAA,EAAG;AAACT,QAAAA;AAAa,KAAA,CAAA;AAEjB,IAAA,IAAIF,eAAe,QAAA,EAAU;AAC3B,QAAA,qBAAOhD,cAAA,CAACf,gBAAAA,EAAAA;AAAkB,YAAA,GAAGU;;AAC/B,IAAA;AAEA,IAAA,qBACEuB,eAAA,CAAC6C,KAAAA,EAAAA;QAAInE,GAAAA,EAAKsD,YAAAA;;0BACRlD,cAAA,CAAC+D,KAAAA,EAAAA;gBAAI5B,KAAAA,EAAO;AAAE0B,oBAAAA,MAAAA,EAAQlB,UAAAA,EAAYkB;AAAO,iBAAA;AACtCf,gBAAAA,QAAAA,EAAAA,SAAAA,kBAAa9C,cAAA,CAACf,gBAAAA,EAAAA;oBAAiBW,GAAAA,EAAK6C,mBAAAA;AAAsB,oBAAA,GAAG9C;;;AAG/D,YAAA,CAACmD,2BAAa9C,cAAA,CAACf,gBAAAA,EAAAA;AAAkB,gBAAA,GAAGU,KAAK;gBAAEF,MAAM,EAAA,IAAA;AAACC,gBAAAA,KAAAA,EAAOiD,UAAAA,EAAYjD;;;;AAG5E;AAEA8C,YAAAA,CAAawB,WAAW,GAAG,cAAA;AAE3B;;IAGA,MAAMT,iBAAAA,GAAoB,CACxBU,OAAAA,EACAC,QAAAA,GAAAA;AAEA,IAAA,MAAMC,eAAeC,2BAAAA,CAAeF,QAAAA,CAAAA;AAEpChF,IAAAA,gBAAAA,CAAMmF,eAAe,CAAC,IAAA;QACpB,MAAMC,SAAAA,GAAY,IAAIC,cAAAA,CAAeJ,YAAAA,CAAAA;QAErC,IAAIK,KAAAA,CAAMC,OAAO,CAACR,OAAAA,CAAAA,EAAU;YAC1BA,OAAAA,CAAQS,OAAO,CAAC,CAACC,MAAAA,GAAAA;gBACf,IAAIA,MAAAA,CAAOlB,OAAO,EAAE;oBAClBa,SAAAA,CAAUM,OAAO,CAACD,MAAAA,CAAOlB,OAAO,CAAA;AAClC,gBAAA;AACF,YAAA,CAAA,CAAA;QACF,CAAA,MAAO,IAAIQ,OAAAA,CAAQR,OAAO,EAAE;YAC1Ba,SAAAA,CAAUM,OAAO,CAACX,OAAAA,CAAQR,OAAO,CAAA;AACnC,QAAA;QAEA,OAAO,IAAA;AACLa,YAAAA,SAAAA,CAAUO,UAAU,EAAA;AACtB,QAAA,CAAA;IACF,CAAA,EAAG;AAACZ,QAAAA,OAAAA;AAASE,QAAAA;AAAa,KAAA,CAAA;AAC5B,CAAA;;;;;"}

package/dist/admin/admin/src/components/Layouts/HeaderLayout.mjs

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Box, Flex, Typography, useCallbackRef } from '@strapi/design-system';
-import { HEIGHT_TOP_NAVIGATION, HEIGHT_TOP_NAVIGATION_MEDIUM, RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme.mjs';
+import { HEIGHT_TOP_NAVIGATION_MEDIUM, HEIGHT_TOP_NAVIGATION, RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme.mjs';
 import { useDeviceType } from '../../hooks/useDeviceType.mjs';
 import { useElementOnScreen } from '../../hooks/useElementOnScreen.mjs';
 import { useIsMobile } from '../../hooks/useMediaQuery.mjs';

package/dist/admin/admin/src/components/Layouts/HeaderLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLayout.mjs","sources":["../../../../../../admin/src/components/Layouts/HeaderLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, Typography, TypographyProps, useCallbackRef } from '@strapi/design-system';\n\nimport {\n  HEIGHT_TOP_NAVIGATION,\n  HEIGHT_TOP_NAVIGATION_MEDIUM,\n  RESPONSIVE_DEFAULT_SPACING,\n} from '../../constants/theme';\nimport { useDeviceType } from '../../hooks/useDeviceType';\nimport { useElementOnScreen } from '../../hooks/useElementOnScreen';\nimport { useIsMobile } from '../../hooks/useMediaQuery';\n\n/* -------------------------------------------------------------------------------------------------\n * BaseHeaderLayout\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BaseHeaderLayoutProps extends Omit<TypographyProps<'div'>, 'tag'> {\n  navigationAction?: React.ReactNode;\n  primaryAction?: React.ReactNode;\n  secondaryAction?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  sticky?: boolean;\n  width?: number;\n}\n\nconst BaseHeaderLayout = React.forwardRef<HTMLDivElement, BaseHeaderLayoutProps>(\n  (\n    { navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, ...props },\n    ref\n  ) => {\n    const isMobile = useIsMobile();\n    const isSubtitleString = typeof subtitle === 'string';\n\n    if (sticky) {\n      return (\n        <Box\n          display=\"flex\"\n          paddingLeft={6}\n          paddingRight={6}\n          paddingTop={2}\n          paddingBottom={2}\n          position=\"fixed\"\n          top={0}\n          background=\"neutral0\"\n          shadow=\"tableShadow\"\n          width={`${width}px`}\n          zIndex={2}\n          minHeight={{\n            initial: HEIGHT_TOP_NAVIGATION,\n            medium: HEIGHT_TOP_NAVIGATION_MEDIUM,\n          }}\n          data-strapi-header-sticky\n        >\n          <Flex alignItems=\"center\" justifyContent=\"space-between\" wrap=\"wrap\" width=\"100%\">\n            <Flex>\n              {navigationAction && <Box paddingRight={3}>{navigationAction}</Box>}\n              <Box>\n                <Typography variant=\"beta\" tag=\"h1\" {...props}>\n                  {title}\n                </Typography>\n                {isSubtitleString ? (\n                  <Typography variant=\"pi\" textColor=\"neutral600\">\n                    {subtitle}\n                  </Typography>\n                ) : (\n                  subtitle\n                )}\n              </Box>\n              {secondaryAction ? <Box paddingLeft={4}>{secondaryAction}</Box> : null}\n            </Flex>\n            <Flex>{primaryAction ? <Box paddingLeft={2}>{primaryAction}</Box> : undefined}</Flex>\n          </Flex>\n        </Box>\n      );\n    }\n\n    return (\n      <Box\n        ref={ref}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n        paddingBottom={{\n          initial: 4,\n          large: 8,\n        }}\n        paddingTop={{\n          initial: 4,\n          large: navigationAction ? 6 : 8,\n        }}\n        background=\"neutral100\"\n        data-strapi-header\n      >\n        <Flex direction=\"column\" alignItems=\"initial\" gap={3}>\n          {navigationAction}\n          {!isMobile ? (\n            <>\n              <Flex justifyContent=\"space-between\" wrap=\"wrap\" gap={4}>\n                <Flex minWidth={0}>\n                  <Typography\n                    tag=\"h1\"\n                    variant=\"alpha\"\n                    {...props}\n                    style={{\n                      wordBreak: 'break-word',\n                      overflowWrap: 'break-word',\n                      maxWidth: '100%',\n                    }}\n                  >\n                    {title}\n                  </Typography>\n                  {secondaryAction && <Box paddingLeft={4}>{secondaryAction}</Box>}\n                </Flex>\n                <Box paddingLeft={4} marginLeft=\"auto\">\n                  {primaryAction}\n                </Box>\n              </Flex>\n              {isSubtitleString ? (\n                <Typography variant=\"epsilon\" textColor=\"neutral600\" tag=\"p\">\n                  {subtitle}\n                </Typography>\n              ) : (\n                subtitle\n              )}\n            </>\n          ) : (\n            <>\n              <Typography\n                tag=\"h1\"\n                variant=\"alpha\"\n                {...props}\n                style={{\n                  wordBreak: 'break-word',\n                  overflowWrap: 'break-word',\n                  maxWidth: '100%',\n                }}\n              >\n                {title}\n              </Typography>\n              {isSubtitleString ? (\n                <Typography variant=\"epsilon\" textColor=\"neutral600\" tag=\"p\">\n                  {subtitle}\n                </Typography>\n              ) : (\n                subtitle\n              )}\n              {(primaryAction || secondaryAction) && (\n                <Flex gap={3}>\n                  {secondaryAction}\n                  {primaryAction}\n                </Flex>\n              )}\n            </>\n          )}\n        </Flex>\n      </Box>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * HeaderLayout\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HeaderLayoutProps extends BaseHeaderLayoutProps {}\n\nconst HeaderLayout = (props: HeaderLayoutProps) => {\n  const baseHeaderLayoutRef = React.useRef<HTMLDivElement>(null);\n  const [headerSize, setHeaderSize] = React.useState<DOMRect | null>(null);\n  const [isVisible, setIsVisible] = React.useState(true);\n  const deviceType = useDeviceType();\n\n  const containerRef = useElementOnScreen<HTMLDivElement>(setIsVisible, {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0,\n  });\n\n  useResizeObserver([containerRef, baseHeaderLayoutRef], () => {\n    const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;\n\n    if (headerContainer) {\n      const newSize = headerContainer.getBoundingClientRect();\n\n      setHeaderSize((prevSize) => {\n        // Only update if size actually changed\n        if (!prevSize || prevSize.height !== newSize.height || prevSize.width !== newSize.width) {\n          return newSize;\n        }\n        return prevSize;\n      });\n    }\n  });\n\n  React.useEffect(() => {\n    if (baseHeaderLayoutRef.current || containerRef.current) {\n      const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;\n      setHeaderSize(headerContainer?.getBoundingClientRect() ?? null);\n    }\n  }, [containerRef]);\n\n  if (deviceType === 'mobile') {\n    return <BaseHeaderLayout {...props} />;\n  }\n\n  return (\n    <div ref={containerRef}>\n      <div style={{ height: headerSize?.height }}>\n        {isVisible && <BaseHeaderLayout ref={baseHeaderLayoutRef} {...props} />}\n      </div>\n\n      {!isVisible && <BaseHeaderLayout {...props} sticky width={headerSize?.width} />}\n    </div>\n  );\n};\n\nHeaderLayout.displayName = 'HeaderLayout';\n\n/**\n * useResizeObserver: hook that observes the size of an element and calls a callback when it changes.\n */\nconst useResizeObserver = (\n  sources: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[],\n  onResize: ResizeObserverCallback\n) => {\n  const handleResize = useCallbackRef(onResize);\n\n  React.useLayoutEffect(() => {\n    const resizeObs = new ResizeObserver(handleResize);\n\n    if (Array.isArray(sources)) {\n      sources.forEach((source) => {\n        if (source.current) {\n          resizeObs.observe(source.current);\n        }\n      });\n    } else if (sources.current) {\n      resizeObs.observe(sources.current);\n    }\n\n    return () => {\n      resizeObs.disconnect();\n    };\n  }, [sources, handleResize]);\n};\n\nexport type { HeaderLayoutProps, BaseHeaderLayoutProps };\nexport { HeaderLayout, BaseHeaderLayout };\n"],"names":["BaseHeaderLayout","React","forwardRef","navigationAction","primaryAction","secondaryAction","subtitle","title","sticky","width","props","ref","isMobile","useIsMobile","isSubtitleString","_jsx","Box","display","paddingLeft","paddingRight","paddingTop","paddingBottom","position","top","background","shadow","zIndex","minHeight","initial","HEIGHT_TOP_NAVIGATION","medium","HEIGHT_TOP_NAVIGATION_MEDIUM","data-strapi-header-sticky","_jsxs","Flex","alignItems","justifyContent","wrap","Typography","variant","tag","textColor","undefined","RESPONSIVE_DEFAULT_SPACING","large","data-strapi-header","direction","gap","_Fragment","minWidth","style","wordBreak","overflowWrap","maxWidth","marginLeft","HeaderLayout","baseHeaderLayoutRef","useRef","headerSize","setHeaderSize","useState","isVisible","setIsVisible","deviceType","useDeviceType","containerRef","useElementOnScreen","root","rootMargin","threshold","useResizeObserver","headerContainer","current","newSize","getBoundingClientRect","prevSize","height","useEffect","div","displayName","sources","onResize","handleResize","useCallbackRef","useLayoutEffect","resizeObs","ResizeObserver","Array","isArray","forEach","source","observe","disconnect"],"mappings":"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"}
+{"version":3,"file":"HeaderLayout.mjs","sources":["../../../../../../admin/src/components/Layouts/HeaderLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, Typography, TypographyProps, useCallbackRef } from '@strapi/design-system';\n\nimport {\n  HEIGHT_TOP_NAVIGATION,\n  HEIGHT_TOP_NAVIGATION_MEDIUM,\n  RESPONSIVE_DEFAULT_SPACING,\n} from '../../constants/theme';\nimport { useDeviceType } from '../../hooks/useDeviceType';\nimport { useElementOnScreen } from '../../hooks/useElementOnScreen';\nimport { useIsMobile } from '../../hooks/useMediaQuery';\n\n/* -------------------------------------------------------------------------------------------------\n * BaseHeaderLayout\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BaseHeaderLayoutProps extends Omit<TypographyProps<'div'>, 'tag'> {\n  navigationAction?: React.ReactNode;\n  primaryAction?: React.ReactNode;\n  secondaryAction?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  sticky?: boolean;\n  width?: number;\n}\n\nconst BaseHeaderLayout = React.forwardRef<HTMLDivElement, BaseHeaderLayoutProps>(\n  (\n    { navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, ...props },\n    ref\n  ) => {\n    const isMobile = useIsMobile();\n    const isSubtitleString = typeof subtitle === 'string';\n\n    if (sticky) {\n      return (\n        <Box\n          display=\"flex\"\n          paddingLeft={6}\n          paddingRight={6}\n          paddingTop={2}\n          paddingBottom={2}\n          position=\"fixed\"\n          top={0}\n          background=\"neutral0\"\n          shadow=\"tableShadow\"\n          width={`${width}px`}\n          zIndex={2}\n          minHeight={{\n            initial: HEIGHT_TOP_NAVIGATION,\n            medium: HEIGHT_TOP_NAVIGATION_MEDIUM,\n          }}\n          data-strapi-header-sticky\n        >\n          <Flex alignItems=\"center\" justifyContent=\"space-between\" wrap=\"wrap\" width=\"100%\">\n            <Flex>\n              {navigationAction && <Box paddingRight={3}>{navigationAction}</Box>}\n              <Box>\n                <Typography variant=\"beta\" tag=\"h1\" {...props}>\n                  {title}\n                </Typography>\n                {isSubtitleString ? (\n                  <Typography variant=\"pi\" textColor=\"neutral600\">\n                    {subtitle}\n                  </Typography>\n                ) : (\n                  subtitle\n                )}\n              </Box>\n              {secondaryAction ? <Box paddingLeft={4}>{secondaryAction}</Box> : null}\n            </Flex>\n            <Flex>{primaryAction ? <Box paddingLeft={2}>{primaryAction}</Box> : undefined}</Flex>\n          </Flex>\n        </Box>\n      );\n    }\n\n    return (\n      <Box\n        ref={ref}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n        paddingBottom={{\n          initial: 4,\n          large: 8,\n        }}\n        paddingTop={{\n          initial: 4,\n          large: navigationAction ? 6 : 8,\n        }}\n        background=\"neutral100\"\n        data-strapi-header\n      >\n        <Flex direction=\"column\" alignItems=\"initial\" gap={3}>\n          {navigationAction}\n          {!isMobile ? (\n            <>\n              <Flex justifyContent=\"space-between\" wrap=\"wrap\" gap={4}>\n                <Flex minWidth={0}>\n                  <Typography\n                    tag=\"h1\"\n                    variant=\"alpha\"\n                    {...props}\n                    style={{\n                      wordBreak: 'break-word',\n                      overflowWrap: 'break-word',\n                      maxWidth: '100%',\n                    }}\n                  >\n                    {title}\n                  </Typography>\n                  {secondaryAction && <Box paddingLeft={4}>{secondaryAction}</Box>}\n                </Flex>\n                <Box paddingLeft={4} marginLeft=\"auto\">\n                  {primaryAction}\n                </Box>\n              </Flex>\n              {isSubtitleString ? (\n                <Typography variant=\"epsilon\" textColor=\"neutral600\" tag=\"p\">\n                  {subtitle}\n                </Typography>\n              ) : (\n                subtitle\n              )}\n            </>\n          ) : (\n            <>\n              <Typography\n                tag=\"h1\"\n                variant=\"alpha\"\n                {...props}\n                style={{\n                  wordBreak: 'break-word',\n                  overflowWrap: 'break-word',\n                  maxWidth: '100%',\n                }}\n              >\n                {title}\n              </Typography>\n              {isSubtitleString ? (\n                <Typography variant=\"epsilon\" textColor=\"neutral600\" tag=\"p\">\n                  {subtitle}\n                </Typography>\n              ) : (\n                subtitle\n              )}\n              {(primaryAction || secondaryAction) && (\n                <Flex gap={3}>\n                  {secondaryAction}\n                  {primaryAction}\n                </Flex>\n              )}\n            </>\n          )}\n        </Flex>\n      </Box>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * HeaderLayout\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HeaderLayoutProps extends BaseHeaderLayoutProps {}\n\nconst HeaderLayout = (props: HeaderLayoutProps) => {\n  const baseHeaderLayoutRef = React.useRef<HTMLDivElement>(null);\n  const [headerSize, setHeaderSize] = React.useState<DOMRect | null>(null);\n  const [isVisible, setIsVisible] = React.useState(true);\n  const deviceType = useDeviceType();\n\n  const containerRef = useElementOnScreen<HTMLDivElement>(setIsVisible, {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0,\n  });\n\n  useResizeObserver([containerRef, baseHeaderLayoutRef], () => {\n    const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;\n\n    if (headerContainer) {\n      const newSize = headerContainer.getBoundingClientRect();\n\n      setHeaderSize((prevSize) => {\n        // Only update if size actually changed\n        if (!prevSize || prevSize.height !== newSize.height || prevSize.width !== newSize.width) {\n          return newSize;\n        }\n        return prevSize;\n      });\n    }\n  });\n\n  React.useEffect(() => {\n    if (baseHeaderLayoutRef.current || containerRef.current) {\n      const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;\n      setHeaderSize(headerContainer?.getBoundingClientRect() ?? null);\n    }\n  }, [containerRef]);\n\n  if (deviceType === 'mobile') {\n    return <BaseHeaderLayout {...props} />;\n  }\n\n  return (\n    <div ref={containerRef}>\n      <div style={{ height: headerSize?.height }}>\n        {isVisible && <BaseHeaderLayout ref={baseHeaderLayoutRef} {...props} />}\n      </div>\n\n      {!isVisible && <BaseHeaderLayout {...props} sticky width={headerSize?.width} />}\n    </div>\n  );\n};\n\nHeaderLayout.displayName = 'HeaderLayout';\n\n/**\n * useResizeObserver: hook that observes the size of an element and calls a callback when it changes.\n */\nconst useResizeObserver = (\n  sources: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[],\n  onResize: ResizeObserverCallback\n) => {\n  const handleResize = useCallbackRef(onResize);\n\n  React.useLayoutEffect(() => {\n    const resizeObs = new ResizeObserver(handleResize);\n\n    if (Array.isArray(sources)) {\n      sources.forEach((source) => {\n        if (source.current) {\n          resizeObs.observe(source.current);\n        }\n      });\n    } else if (sources.current) {\n      resizeObs.observe(sources.current);\n    }\n\n    return () => {\n      resizeObs.disconnect();\n    };\n  }, [sources, handleResize]);\n};\n\nexport type { HeaderLayoutProps, BaseHeaderLayoutProps };\nexport { HeaderLayout, BaseHeaderLayout };\n"],"names":["BaseHeaderLayout","React","forwardRef","navigationAction","primaryAction","secondaryAction","subtitle","title","sticky","width","props","ref","isMobile","useIsMobile","isSubtitleString","_jsx","Box","display","paddingLeft","paddingRight","paddingTop","paddingBottom","position","top","background","shadow","zIndex","minHeight","initial","HEIGHT_TOP_NAVIGATION","medium","HEIGHT_TOP_NAVIGATION_MEDIUM","data-strapi-header-sticky","_jsxs","Flex","alignItems","justifyContent","wrap","Typography","variant","tag","textColor","undefined","RESPONSIVE_DEFAULT_SPACING","large","data-strapi-header","direction","gap","_Fragment","minWidth","style","wordBreak","overflowWrap","maxWidth","marginLeft","HeaderLayout","baseHeaderLayoutRef","useRef","headerSize","setHeaderSize","useState","isVisible","setIsVisible","deviceType","useDeviceType","containerRef","useElementOnScreen","root","rootMargin","threshold","useResizeObserver","headerContainer","current","newSize","getBoundingClientRect","prevSize","height","useEffect","div","displayName","sources","onResize","handleResize","useCallbackRef","useLayoutEffect","resizeObs","ResizeObserver","Array","isArray","forEach","source","observe","disconnect"],"mappings":"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"}

package/dist/admin/admin/src/components/Layouts/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sources":["../../../../../../admin/src/components/Layouts/Layout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, BoxProps, Flex } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\n\nimport { ActionLayout } from './ActionLayout';\nimport { ContentLayout } from './ContentLayout';\nimport { GridLayout, GridLayoutProps } from './GridLayout';\nimport { HeaderLayout, BaseHeaderLayout } from './HeaderLayout';\n\ninterface LayoutProps extends BoxProps {\n  children: React.ReactNode;\n  sideNav?: React.ReactNode;\n}\n\nconst GridContainer = styled(Box)<{ $hasSideNav: boolean }>`\n  width: 100%;\n  flex: 1;\n  display: grid;\n  grid-template-columns: 1fr;\n  padding: 0;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    overflow: hidden;\n    grid-template-columns: ${({ $hasSideNav }) => ($hasSideNav ? `auto 1fr` : '1fr')};\n  }\n`;\n\nconst SideNavContainer = styled(Flex)`\n  overflow: hidden;\n  display: none;\n  background: ${({ theme }) => theme.colors.neutral0};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    display: block;\n    box-shadow: none;\n    transform: none;\n  }\n`;\n\nconst OverflowingItem = styled(Box)`\n  overflow-x: hidden;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    transform: none;\n    width: auto;\n  }\n`;\n\nconst RootLayout = ({ sideNav, children, ...restProps }: LayoutProps) => (\n  <GridContainer $hasSideNav={Boolean(sideNav)} {...restProps}>\n    {sideNav && <SideNavContainer>{sideNav}</SideNavContainer>}\n    <OverflowingItem paddingBottom={RESPONSIVE_DEFAULT_SPACING} data-strapi-main-content>\n      {children}\n    </OverflowingItem>\n  </GridContainer>\n);\n\nconst Layouts = {\n  Root: RootLayout,\n  Header: HeaderLayout,\n  BaseHeader: BaseHeaderLayout,\n  Grid: GridLayout,\n  Action: ActionLayout,\n  Content: ContentLayout,\n};\n\nexport { Layouts, type LayoutProps, type GridLayoutProps };\n"],"names":["GridContainer","styled","Box","theme","breakpoints","medium","$hasSideNav","SideNavContainer","Flex","colors","neutral0","OverflowingItem","RootLayout","sideNav","children","restProps","_jsxs","Boolean","_jsx","paddingBottom","RESPONSIVE_DEFAULT_SPACING","data-strapi-main-content","Layouts","Root","Header","HeaderLayout","BaseHeader","BaseHeaderLayout","Grid","GridLayout","Action","ActionLayout","Content","ContentLayout"],"mappings":";;;;;;;;;;;;AAiBA,MAAMA,aAAAA,GAAgBC,aAAOC,CAAAA,gBAAAA,CAA8B;;;;;;;EAOzD,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,WAAW,CAACC,MAAM,CAAC;;2BAEjB,EAAE,CAAC,EAAEC,WAAW,EAAE,GAAMA,cAAc,CAAC,QAAQ,CAAC,GAAG,KAAO,CAAA;;AAErF,CAAC;AAED,MAAMC,gBAAAA,GAAmBN,aAAOO,CAAAA,iBAAAA,CAAK;;;cAGvB,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAMM,CAAAA,MAAM,CAACC,QAAQ,CAAC;;EAEnD,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAMC,CAAAA,WAAW,CAACC,MAAM,CAAC;;;;;AAK5C,CAAC;AAED,MAAMM,eAAAA,GAAkBV,aAAOC,CAAAA,gBAAAA,CAAI;;;EAGjC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,WAAW,CAACC,MAAM,CAAC;;;;AAI5C,CAAC;AAED,MAAMO,UAAAA,GAAa,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,SAAwB,EAAA,iBAClEC,eAAChB,CAAAA,aAAAA,EAAAA;AAAcM,QAAAA,WAAAA,EAAaW,OAAQJ,CAAAA,OAAAA,CAAAA;AAAW,QAAA,GAAGE,SAAS;;AACxDF,YAAAA,OAAAA,kBAAWK,cAACX,CAAAA,gBAAAA,EAAAA;AAAkBM,gBAAAA,QAAAA,EAAAA;;0BAC/BK,cAACP,CAAAA,eAAAA,EAAAA;gBAAgBQ,aAAeC,EAAAA,gCAAAA;gBAA4BC,0BAAwB,EAAA,IAAA;AACjFP,gBAAAA,QAAAA,EAAAA;;;;AAKP,MAAMQ,OAAU,GAAA;IACdC,IAAMX,EAAAA,UAAAA;IACNY,MAAQC,EAAAA,yBAAAA;IACRC,UAAYC,EAAAA,6BAAAA;IACZC,IAAMC,EAAAA,qBAAAA;IACNC,MAAQC,EAAAA,yBAAAA;IACRC,OAASC,EAAAA;AACX;;;;"}
+{"version":3,"file":"Layout.js","sources":["../../../../../../admin/src/components/Layouts/Layout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, BoxProps, Flex } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\n\nimport { ActionLayout } from './ActionLayout';\nimport { ContentLayout } from './ContentLayout';\nimport { GridLayout, GridLayoutProps } from './GridLayout';\nimport { HeaderLayout, BaseHeaderLayout } from './HeaderLayout';\n\ninterface LayoutProps extends BoxProps {\n  children: React.ReactNode;\n  sideNav?: React.ReactNode;\n}\n\nconst GridContainer = styled(Box)<{ $hasSideNav: boolean }>`\n  width: 100%;\n  flex: 1;\n  display: grid;\n  grid-template-columns: 1fr;\n  padding: 0;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    overflow: hidden;\n    grid-template-columns: ${({ $hasSideNav }) => ($hasSideNav ? `auto 1fr` : '1fr')};\n  }\n`;\n\nconst SideNavContainer = styled(Flex)`\n  overflow: hidden;\n  display: none;\n  background: ${({ theme }) => theme.colors.neutral0};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    display: block;\n    box-shadow: none;\n    transform: none;\n  }\n`;\n\nconst OverflowingItem = styled(Box)`\n  overflow-x: hidden;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    transform: none;\n    width: auto;\n  }\n`;\n\nconst RootLayout = ({ sideNav, children, ...restProps }: LayoutProps) => (\n  <GridContainer $hasSideNav={Boolean(sideNav)} {...restProps}>\n    {sideNav && <SideNavContainer>{sideNav}</SideNavContainer>}\n    <OverflowingItem paddingBottom={RESPONSIVE_DEFAULT_SPACING} data-strapi-main-content>\n      {children}\n    </OverflowingItem>\n  </GridContainer>\n);\n\nconst Layouts = {\n  Root: RootLayout,\n  Header: HeaderLayout,\n  BaseHeader: BaseHeaderLayout,\n  Grid: GridLayout,\n  Action: ActionLayout,\n  Content: ContentLayout,\n};\n\nexport { Layouts, type LayoutProps, type GridLayoutProps };\n"],"names":["GridContainer","styled","Box","theme","breakpoints","medium","$hasSideNav","SideNavContainer","Flex","colors","neutral0","OverflowingItem","RootLayout","sideNav","children","restProps","_jsxs","Boolean","_jsx","paddingBottom","RESPONSIVE_DEFAULT_SPACING","data-strapi-main-content","Layouts","Root","Header","HeaderLayout","BaseHeader","BaseHeaderLayout","Grid","GridLayout","Action","ActionLayout","Content","ContentLayout"],"mappings":";;;;;;;;;;;;AAiBA,MAAMA,aAAAA,GAAgBC,aAAAA,CAAOC,gBAAAA,CAA8B;;;;;;;EAOzD,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;2BAEjB,EAAE,CAAC,EAAEC,WAAW,EAAE,GAAMA,cAAc,CAAC,QAAQ,CAAC,GAAG,KAAA,CAAO;;AAErF,CAAC;AAED,MAAMC,gBAAAA,GAAmBN,aAAAA,CAAOO,iBAAAA,CAAK;;;cAGvB,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAAA,CAAMM,MAAM,CAACC,QAAQ,CAAC;;EAEnD,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;;AAK5C,CAAC;AAED,MAAMM,eAAAA,GAAkBV,aAAAA,CAAOC,gBAAAA,CAAI;;;EAGjC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;AAI5C,CAAC;AAED,MAAMO,UAAAA,GAAa,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,SAAAA,EAAwB,iBAClEC,eAAA,CAAChB,aAAAA,EAAAA;AAAcM,QAAAA,WAAAA,EAAaW,OAAAA,CAAQJ,OAAAA,CAAAA;AAAW,QAAA,GAAGE,SAAS;;AACxDF,YAAAA,OAAAA,kBAAWK,cAAA,CAACX,gBAAAA,EAAAA;AAAkBM,gBAAAA,QAAAA,EAAAA;;0BAC/BK,cAAA,CAACP,eAAAA,EAAAA;gBAAgBQ,aAAAA,EAAeC,gCAAAA;gBAA4BC,0BAAwB,EAAA,IAAA;AACjFP,gBAAAA,QAAAA,EAAAA;;;;AAKP,MAAMQ,OAAAA,GAAU;IACdC,IAAAA,EAAMX,UAAAA;IACNY,MAAAA,EAAQC,yBAAAA;IACRC,UAAAA,EAAYC,6BAAAA;IACZC,IAAAA,EAAMC,qBAAAA;IACNC,MAAAA,EAAQC,yBAAAA;IACRC,OAAAA,EAASC;AACX;;;;"}

package/dist/admin/admin/src/components/Layouts/Layout.mjs

@@ -6,7 +6,7 @@ import { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme.mjs';
 import { ActionLayout } from './ActionLayout.mjs';
 import { ContentLayout } from './ContentLayout.mjs';
 import { GridLayout } from './GridLayout.mjs';
-import { HeaderLayout, BaseHeaderLayout } from './HeaderLayout.mjs';
+import { BaseHeaderLayout, HeaderLayout } from './HeaderLayout.mjs';
 
 const GridContainer = styled(Box)`
   width: 100%;

package/dist/admin/admin/src/components/Layouts/Layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.mjs","sources":["../../../../../../admin/src/components/Layouts/Layout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, BoxProps, Flex } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\n\nimport { ActionLayout } from './ActionLayout';\nimport { ContentLayout } from './ContentLayout';\nimport { GridLayout, GridLayoutProps } from './GridLayout';\nimport { HeaderLayout, BaseHeaderLayout } from './HeaderLayout';\n\ninterface LayoutProps extends BoxProps {\n  children: React.ReactNode;\n  sideNav?: React.ReactNode;\n}\n\nconst GridContainer = styled(Box)<{ $hasSideNav: boolean }>`\n  width: 100%;\n  flex: 1;\n  display: grid;\n  grid-template-columns: 1fr;\n  padding: 0;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    overflow: hidden;\n    grid-template-columns: ${({ $hasSideNav }) => ($hasSideNav ? `auto 1fr` : '1fr')};\n  }\n`;\n\nconst SideNavContainer = styled(Flex)`\n  overflow: hidden;\n  display: none;\n  background: ${({ theme }) => theme.colors.neutral0};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    display: block;\n    box-shadow: none;\n    transform: none;\n  }\n`;\n\nconst OverflowingItem = styled(Box)`\n  overflow-x: hidden;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    transform: none;\n    width: auto;\n  }\n`;\n\nconst RootLayout = ({ sideNav, children, ...restProps }: LayoutProps) => (\n  <GridContainer $hasSideNav={Boolean(sideNav)} {...restProps}>\n    {sideNav && <SideNavContainer>{sideNav}</SideNavContainer>}\n    <OverflowingItem paddingBottom={RESPONSIVE_DEFAULT_SPACING} data-strapi-main-content>\n      {children}\n    </OverflowingItem>\n  </GridContainer>\n);\n\nconst Layouts = {\n  Root: RootLayout,\n  Header: HeaderLayout,\n  BaseHeader: BaseHeaderLayout,\n  Grid: GridLayout,\n  Action: ActionLayout,\n  Content: ContentLayout,\n};\n\nexport { Layouts, type LayoutProps, type GridLayoutProps };\n"],"names":["GridContainer","styled","Box","theme","breakpoints","medium","$hasSideNav","SideNavContainer","Flex","colors","neutral0","OverflowingItem","RootLayout","sideNav","children","restProps","_jsxs","Boolean","_jsx","paddingBottom","RESPONSIVE_DEFAULT_SPACING","data-strapi-main-content","Layouts","Root","Header","HeaderLayout","BaseHeader","BaseHeaderLayout","Grid","GridLayout","Action","ActionLayout","Content","ContentLayout"],"mappings":";;;;;;;;;;AAiBA,MAAMA,aAAAA,GAAgBC,MAAOC,CAAAA,GAAAA,CAA8B;;;;;;;EAOzD,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,WAAW,CAACC,MAAM,CAAC;;2BAEjB,EAAE,CAAC,EAAEC,WAAW,EAAE,GAAMA,cAAc,CAAC,QAAQ,CAAC,GAAG,KAAO,CAAA;;AAErF,CAAC;AAED,MAAMC,gBAAAA,GAAmBN,MAAOO,CAAAA,IAAAA,CAAK;;;cAGvB,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAMM,CAAAA,MAAM,CAACC,QAAQ,CAAC;;EAEnD,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAMC,CAAAA,WAAW,CAACC,MAAM,CAAC;;;;;AAK5C,CAAC;AAED,MAAMM,eAAAA,GAAkBV,MAAOC,CAAAA,GAAAA,CAAI;;;EAGjC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,WAAW,CAACC,MAAM,CAAC;;;;AAI5C,CAAC;AAED,MAAMO,UAAAA,GAAa,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,SAAwB,EAAA,iBAClEC,IAAChB,CAAAA,aAAAA,EAAAA;AAAcM,QAAAA,WAAAA,EAAaW,OAAQJ,CAAAA,OAAAA,CAAAA;AAAW,QAAA,GAAGE,SAAS;;AACxDF,YAAAA,OAAAA,kBAAWK,GAACX,CAAAA,gBAAAA,EAAAA;AAAkBM,gBAAAA,QAAAA,EAAAA;;0BAC/BK,GAACP,CAAAA,eAAAA,EAAAA;gBAAgBQ,aAAeC,EAAAA,0BAAAA;gBAA4BC,0BAAwB,EAAA,IAAA;AACjFP,gBAAAA,QAAAA,EAAAA;;;;AAKP,MAAMQ,OAAU,GAAA;IACdC,IAAMX,EAAAA,UAAAA;IACNY,MAAQC,EAAAA,YAAAA;IACRC,UAAYC,EAAAA,gBAAAA;IACZC,IAAMC,EAAAA,UAAAA;IACNC,MAAQC,EAAAA,YAAAA;IACRC,OAASC,EAAAA;AACX;;;;"}
+{"version":3,"file":"Layout.mjs","sources":["../../../../../../admin/src/components/Layouts/Layout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, BoxProps, Flex } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\n\nimport { ActionLayout } from './ActionLayout';\nimport { ContentLayout } from './ContentLayout';\nimport { GridLayout, GridLayoutProps } from './GridLayout';\nimport { HeaderLayout, BaseHeaderLayout } from './HeaderLayout';\n\ninterface LayoutProps extends BoxProps {\n  children: React.ReactNode;\n  sideNav?: React.ReactNode;\n}\n\nconst GridContainer = styled(Box)<{ $hasSideNav: boolean }>`\n  width: 100%;\n  flex: 1;\n  display: grid;\n  grid-template-columns: 1fr;\n  padding: 0;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    overflow: hidden;\n    grid-template-columns: ${({ $hasSideNav }) => ($hasSideNav ? `auto 1fr` : '1fr')};\n  }\n`;\n\nconst SideNavContainer = styled(Flex)`\n  overflow: hidden;\n  display: none;\n  background: ${({ theme }) => theme.colors.neutral0};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    display: block;\n    box-shadow: none;\n    transform: none;\n  }\n`;\n\nconst OverflowingItem = styled(Box)`\n  overflow-x: hidden;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    transform: none;\n    width: auto;\n  }\n`;\n\nconst RootLayout = ({ sideNav, children, ...restProps }: LayoutProps) => (\n  <GridContainer $hasSideNav={Boolean(sideNav)} {...restProps}>\n    {sideNav && <SideNavContainer>{sideNav}</SideNavContainer>}\n    <OverflowingItem paddingBottom={RESPONSIVE_DEFAULT_SPACING} data-strapi-main-content>\n      {children}\n    </OverflowingItem>\n  </GridContainer>\n);\n\nconst Layouts = {\n  Root: RootLayout,\n  Header: HeaderLayout,\n  BaseHeader: BaseHeaderLayout,\n  Grid: GridLayout,\n  Action: ActionLayout,\n  Content: ContentLayout,\n};\n\nexport { Layouts, type LayoutProps, type GridLayoutProps };\n"],"names":["GridContainer","styled","Box","theme","breakpoints","medium","$hasSideNav","SideNavContainer","Flex","colors","neutral0","OverflowingItem","RootLayout","sideNav","children","restProps","_jsxs","Boolean","_jsx","paddingBottom","RESPONSIVE_DEFAULT_SPACING","data-strapi-main-content","Layouts","Root","Header","HeaderLayout","BaseHeader","BaseHeaderLayout","Grid","GridLayout","Action","ActionLayout","Content","ContentLayout"],"mappings":";;;;;;;;;;AAiBA,MAAMA,aAAAA,GAAgBC,MAAAA,CAAOC,GAAAA,CAA8B;;;;;;;EAOzD,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;2BAEjB,EAAE,CAAC,EAAEC,WAAW,EAAE,GAAMA,cAAc,CAAC,QAAQ,CAAC,GAAG,KAAA,CAAO;;AAErF,CAAC;AAED,MAAMC,gBAAAA,GAAmBN,MAAAA,CAAOO,IAAAA,CAAK;;;cAGvB,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAAA,CAAMM,MAAM,CAACC,QAAQ,CAAC;;EAEnD,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;;AAK5C,CAAC;AAED,MAAMM,eAAAA,GAAkBV,MAAAA,CAAOC,GAAAA,CAAI;;;EAGjC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;AAI5C,CAAC;AAED,MAAMO,UAAAA,GAAa,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,SAAAA,EAAwB,iBAClEC,IAAA,CAAChB,aAAAA,EAAAA;AAAcM,QAAAA,WAAAA,EAAaW,OAAAA,CAAQJ,OAAAA,CAAAA;AAAW,QAAA,GAAGE,SAAS;;AACxDF,YAAAA,OAAAA,kBAAWK,GAAA,CAACX,gBAAAA,EAAAA;AAAkBM,gBAAAA,QAAAA,EAAAA;;0BAC/BK,GAAA,CAACP,eAAAA,EAAAA;gBAAgBQ,aAAAA,EAAeC,0BAAAA;gBAA4BC,0BAAwB,EAAA,IAAA;AACjFP,gBAAAA,QAAAA,EAAAA;;;;AAKP,MAAMQ,OAAAA,GAAU;IACdC,IAAAA,EAAMX,UAAAA;IACNY,MAAAA,EAAQC,YAAAA;IACRC,UAAAA,EAAYC,gBAAAA;IACZC,IAAAA,EAAMC,UAAAA;IACNC,MAAAA,EAAQC,YAAAA;IACRC,OAAAA,EAASC;AACX;;;;"}