@strapi/content-manager 5.49.0 → 5.50.0

package/dist/admin/pages/EditView/components/FormInputs/DynamicZone/Field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Field.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/DynamicZone/Field.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  createContext,\n  InputProps,\n  useField,\n  useForm,\n  useNotification,\n} from '@strapi/admin/strapi-admin';\nimport { Box, Flex, VisuallyHidden } from '@strapi/design-system';\nimport pipe from 'lodash/fp/pipe';\nimport { useIntl } from 'react-intl';\n\nimport { useDocumentContext } from '../../../../../hooks/useDocumentContext';\nimport { type EditFieldLayout } from '../../../../../hooks/useDocumentLayout';\nimport { usePrev } from '../../../../../hooks/usePrev';\nimport { getTranslation } from '../../../../../utils/translations';\nimport { transformDocument } from '../../../utils/data';\nimport { createDefaultForm } from '../../../utils/forms';\nimport { ComponentProvider, useComponent } from '../ComponentContext';\n\nimport { AddComponentButton } from './AddComponentButton';\nimport { ComponentPicker } from './ComponentPicker';\nimport { DynamicComponent, DynamicComponentProps } from './DynamicComponent';\nimport { DynamicZoneLabel, DynamicZoneLabelProps } from './DynamicZoneLabel';\n\nimport type { InputRendererProps } from '../../InputRenderer';\nimport type { Schema } from '@strapi/types';\n\ninterface DynamicZoneContextValue {\n  isInDynamicZone: boolean;\n}\n\nconst [DynamicZoneProvider, useDynamicZone] = createContext<DynamicZoneContextValue>(\n  'DynamicZone',\n  {\n    isInDynamicZone: false,\n  }\n);\n\ninterface DynamicZoneProps\n  extends Omit<Extract<EditFieldLayout, { type: 'dynamiczone' }>, 'size' | 'hint'>,\n    Pick<InputProps, 'hint'>,\n    Pick<DynamicZoneLabelProps, 'labelAction'> {\n  children?: (props: InputRendererProps) => React.ReactNode;\n}\n\nconst DynamicZone = ({\n  attribute,\n  disabled: disabledProp,\n  hint,\n  label,\n  labelAction,\n  name,\n  required = false,\n  children,\n}: DynamicZoneProps) => {\n  // We cannot use the default props here\n  const { max = Infinity, min = -Infinity } = attribute ?? {};\n\n  const [addComponentIsOpen, setAddComponentIsOpen] = React.useState(false);\n  const [liveText, setLiveText] = React.useState('');\n  const [openComponentKey, setOpenComponentKey] = React.useState<string | null>(null);\n\n  const {\n    currentDocument: { components, isLoading },\n  } = useDocumentContext('DynamicZone');\n\n  const disabled = disabledProp || isLoading;\n  const addFieldRow = useForm('DynamicZone', (state) => state.addFieldRow);\n  const removeFieldRow = useForm('DynamicZone', (state) => state.removeFieldRow);\n  const moveFieldRow = useForm('DynamicZone', (state) => state.moveFieldRow);\n\n  type DzWithTempKey =\n    Schema.Attribute.GetDynamicZoneValue<Schema.Attribute.DynamicZone>[number] & {\n      __temp_key__: string;\n    };\n\n  const { value = [], error } = useField<Array<DzWithTempKey>>(name);\n\n  /**\n   * Track the previous value array to detect when a new component is added.\n   * When the array grows, we find the newly added item and force its accordion open.\n   * This mirrors the same pattern used in RepeatableComponent.\n   */\n  const prevValue = usePrev(value);\n\n  React.useEffect(() => {\n    if (prevValue && prevValue.length < value.length) {\n      const prevKeys = new Set(prevValue.map((v) => v.__temp_key__));\n      const newItem = value.find((v) => !prevKeys.has(v.__temp_key__));\n      if (newItem) {\n        setOpenComponentKey(newItem.__temp_key__);\n      }\n    } else if (openComponentKey !== null) {\n      // Component was removed before forceOpen was handled — clear stale key\n      const currentKeys = new Set(value.map((v) => v.__temp_key__));\n      if (!currentKeys.has(openComponentKey)) {\n        setOpenComponentKey(null);\n      }\n    }\n  }, [value, prevValue, openComponentKey]);\n\n  const handleForceOpenHandled = React.useCallback(() => {\n    setOpenComponentKey(null);\n  }, []);\n\n  const dynamicComponentsByCategory = React.useMemo(() => {\n    return attribute.components.reduce<\n      NonNullable<DynamicComponentProps['dynamicComponentsByCategory']>\n    >((acc, componentUid) => {\n      const componentSchema = components[componentUid];\n\n      if (!componentSchema) {\n        return acc;\n      }\n\n      const { category, info } = componentSchema;\n\n      const component = { uid: componentUid, displayName: info.displayName, icon: info.icon };\n\n      if (!acc[category]) {\n        acc[category] = [];\n      }\n\n      acc[category] = [...acc[category], component];\n\n      return acc;\n    }, {});\n  }, [attribute.components, components]);\n\n  const { formatMessage } = useIntl();\n\n  const { toggleNotification } = useNotification();\n\n  const dynamicDisplayedComponentsLength = value.length;\n\n  const handleAddComponent = React.useCallback(\n    (uid: string, position?: number) => {\n      const schema = components[uid];\n\n      if (!schema) {\n        return;\n      }\n\n      setAddComponentIsOpen(false);\n\n      const form = createDefaultForm(schema, components);\n      const transformations = pipe(transformDocument(schema, components), (data) => ({\n        ...data,\n        __component: uid,\n      }));\n\n      const data = transformations(form);\n\n      addFieldRow(name, data, position);\n    },\n    [addFieldRow, components, name]\n  );\n\n  const handleClickOpenPicker = () => {\n    if (dynamicDisplayedComponentsLength < max) {\n      setAddComponentIsOpen((prev) => !prev);\n    } else {\n      toggleNotification({\n        type: 'info',\n        message: formatMessage({\n          id: getTranslation('components.notification.info.maximum-requirement'),\n        }),\n      });\n    }\n  };\n\n  const handleMoveComponent = React.useCallback(\n    (newIndex: number, currentIndex: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.reorder'),\n            defaultMessage: '{item}, moved. New position in list: {position}.',\n          },\n          {\n            item: `${name}.${currentIndex}`,\n            position: `${newIndex + 1} of ${value.length}`,\n          }\n        )\n      );\n\n      moveFieldRow(name, currentIndex, newIndex);\n    },\n    [formatMessage, moveFieldRow, name, value.length]\n  );\n\n  const handleCancel = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.cancel-item'),\n            defaultMessage: '{item}, dropped. Re-order cancelled.',\n          },\n          {\n            item: `${name}.${index}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name]\n  );\n\n  const handleGrabItem = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.grab-item'),\n            defaultMessage: `{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel.`,\n          },\n          {\n            item: `${name}.${index}`,\n            position: `${index + 1} of ${value.length}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name, value.length]\n  );\n\n  const handleDropItem = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.drop-item'),\n            defaultMessage: `{item}, dropped. Final position in list: {position}.`,\n          },\n          {\n            item: `${name}.${index}`,\n            position: `${index + 1} of ${value.length}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name, value.length]\n  );\n\n  const handleRemoveComponent = React.useCallback(\n    (currentIndex: number) => {\n      removeFieldRow(name, currentIndex);\n    },\n    [name, removeFieldRow]\n  );\n\n  const hasError = error !== undefined;\n\n  const renderButtonLabel = () => {\n    if (addComponentIsOpen) {\n      return formatMessage({ id: 'app.utils.close-label', defaultMessage: 'Close' });\n    }\n\n    if (hasError && dynamicDisplayedComponentsLength > max) {\n      return formatMessage(\n        {\n          id: getTranslation(`components.DynamicZone.extra-components`),\n          defaultMessage:\n            'There {number, plural, =0 {are # extra components} one {is # extra component} other {are # extra components}}',\n        },\n        {\n          number: dynamicDisplayedComponentsLength - max,\n        }\n      );\n    }\n\n    if (hasError && dynamicDisplayedComponentsLength < min) {\n      return formatMessage(\n        {\n          id: getTranslation(`components.DynamicZone.missing-components`),\n          defaultMessage:\n            'There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}',\n        },\n        { number: min - dynamicDisplayedComponentsLength }\n      );\n    }\n\n    return formatMessage(\n      {\n        id: getTranslation('components.DynamicZone.add-component'),\n        defaultMessage: 'Add a component to {componentName}',\n      },\n      { componentName: label || name }\n    );\n  };\n\n  const level = useComponent('DynamicZone', (state) => state.level);\n\n  const ariaDescriptionId = React.useId();\n\n  return (\n    <DynamicZoneProvider isInDynamicZone>\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={{ initial: 4, medium: 6 }}>\n        {dynamicDisplayedComponentsLength > 0 && (\n          <Box>\n            <DynamicZoneLabel\n              hint={hint}\n              label={label}\n              labelAction={labelAction}\n              name={name}\n              numberOfComponents={dynamicDisplayedComponentsLength}\n              required={required}\n            />\n            <VisuallyHidden id={ariaDescriptionId}>\n              {formatMessage({\n                id: getTranslation('dnd.instructions'),\n                defaultMessage: `Press spacebar to grab and re-order`,\n              })}\n            </VisuallyHidden>\n            <VisuallyHidden aria-live=\"assertive\">{liveText}</VisuallyHidden>\n            <ol aria-describedby={ariaDescriptionId}>\n              {value.map((field, index) => (\n                <ComponentProvider\n                  key={field.__temp_key__}\n                  level={level + 1}\n                  uid={field.__component}\n                  // id is always a number in a dynamic zone.\n                  id={field.id as number}\n                  type=\"dynamiczone\"\n                >\n                  <DynamicComponent\n                    disabled={disabled}\n                    name={name}\n                    index={index}\n                    componentUid={field.__component}\n                    onMoveComponent={handleMoveComponent}\n                    onRemoveComponentClick={handleRemoveComponent}\n                    onCancel={handleCancel}\n                    onDropItem={handleDropItem}\n                    onGrabItem={handleGrabItem}\n                    onAddComponent={handleAddComponent}\n                    dynamicComponentsByCategory={dynamicComponentsByCategory}\n                    totalLength={dynamicDisplayedComponentsLength}\n                    forceOpen={openComponentKey === field.__temp_key__}\n                    onForceOpenHandled={handleForceOpenHandled}\n                  >\n                    {children}\n                  </DynamicComponent>\n                </ComponentProvider>\n              ))}\n            </ol>\n          </Box>\n        )}\n        <Flex justifyContent=\"center\">\n          <AddComponentButton\n            hasError={hasError}\n            isDisabled={disabled}\n            isOpen={addComponentIsOpen}\n            onClick={handleClickOpenPicker}\n          >\n            {renderButtonLabel()}\n          </AddComponentButton>\n        </Flex>\n        <ComponentPicker\n          dynamicComponentsByCategory={dynamicComponentsByCategory}\n          isOpen={addComponentIsOpen}\n          onClickAddComponent={handleAddComponent}\n        />\n      </Flex>\n    </DynamicZoneProvider>\n  );\n};\n\nexport { DynamicZone, useDynamicZone };\nexport type { DynamicZoneProps };\n"],"names":["DynamicZoneProvider","useDynamicZone","createContext","isInDynamicZone","DynamicZone","attribute","disabled","disabledProp","hint","label","labelAction","name","required","children","max","Infinity","min","addComponentIsOpen","setAddComponentIsOpen","React","useState","liveText","setLiveText","openComponentKey","setOpenComponentKey","currentDocument","components","isLoading","useDocumentContext","addFieldRow","useForm","state","removeFieldRow","moveFieldRow","value","error","useField","prevValue","usePrev","useEffect","length","prevKeys","Set","map","v","__temp_key__","newItem","find","has","currentKeys","handleForceOpenHandled","useCallback","dynamicComponentsByCategory","useMemo","reduce","acc","componentUid","componentSchema","category","info","component","uid","displayName","icon","formatMessage","useIntl","toggleNotification","useNotification","dynamicDisplayedComponentsLength","handleAddComponent","position","schema","form","createDefaultForm","transformations","pipe","transformDocument","data","__component","handleClickOpenPicker","prev","type","message","id","getTranslation","handleMoveComponent","newIndex","currentIndex","defaultMessage","item","handleCancel","index","handleGrabItem","handleDropItem","handleRemoveComponent","hasError","undefined","renderButtonLabel","number","componentName","level","useComponent","ariaDescriptionId","useId","_jsx","_jsxs","Flex","direction","alignItems","gap","initial","medium","Box","DynamicZoneLabel","numberOfComponents","VisuallyHidden","aria-live","ol","aria-describedby","field","ComponentProvider","DynamicComponent","onMoveComponent","onRemoveComponentClick","onCancel","onDropItem","onGrabItem","onAddComponent","totalLength","forceOpen","onForceOpenHandled","justifyContent","AddComponentButton","isDisabled","isOpen","onClick","ComponentPicker","onClickAddComponent"],"mappings":";;;;;;;;;;;;;;;;;AAiCA,MAAM,CAACA,mBAAAA,EAAqBC,cAAAA,CAAe,GAAGC,cAC5C,aAAA,EACA;IACEC,eAAAA,EAAiB;AACnB,CAAA;AAUF,MAAMC,WAAAA,GAAc,CAAC,EACnBC,SAAS,EACTC,QAAAA,EAAUC,YAAY,EACtBC,IAAI,EACJC,KAAK,EACLC,WAAW,EACXC,IAAI,EACJC,WAAW,KAAK,EAChBC,QAAQ,EACS,GAAA;;IAEjB,MAAM,EAAEC,GAAAA,GAAMC,QAAQ,EAAEC,GAAAA,GAAM,CAACD,QAAQ,EAAE,GAAGV,SAAAA,IAAa,EAAC;AAE1D,IAAA,MAAM,CAACY,kBAAAA,EAAoBC,qBAAAA,CAAsB,GAAGC,KAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;AACnE,IAAA,MAAM,CAACC,QAAAA,EAAUC,WAAAA,CAAY,GAAGH,KAAAA,CAAMC,QAAQ,CAAC,EAAA,CAAA;AAC/C,IAAA,MAAM,CAACG,gBAAAA,EAAkBC,mBAAAA,CAAoB,GAAGL,KAAAA,CAAMC,QAAQ,CAAgB,IAAA,CAAA;IAE9E,MAAM,EACJK,iBAAiB,EAAEC,UAAU,EAAEC,SAAS,EAAE,EAC3C,GAAGC,kBAAAA,CAAmB,aAAA,CAAA;AAEvB,IAAA,MAAMtB,WAAWC,YAAAA,IAAgBoB,SAAAA;AACjC,IAAA,MAAME,cAAcC,OAAAA,CAAQ,aAAA,EAAe,CAACC,KAAAA,GAAUA,MAAMF,WAAW,CAAA;AACvE,IAAA,MAAMG,iBAAiBF,OAAAA,CAAQ,aAAA,EAAe,CAACC,KAAAA,GAAUA,MAAMC,cAAc,CAAA;AAC7E,IAAA,MAAMC,eAAeH,OAAAA,CAAQ,aAAA,EAAe,CAACC,KAAAA,GAAUA,MAAME,YAAY,CAAA;AAOzE,IAAA,MAAM,EAAEC,KAAAA,GAAQ,EAAE,EAAEC,KAAK,EAAE,GAAGC,QAAAA,CAA+BzB,IAAAA,CAAAA;AAE7D;;;;MAKA,MAAM0B,YAAYC,OAAAA,CAAQJ,KAAAA,CAAAA;AAE1Bf,IAAAA,KAAAA,CAAMoB,SAAS,CAAC,IAAA;AACd,QAAA,IAAIF,aAAaA,SAAAA,CAAUG,MAAM,GAAGN,KAAAA,CAAMM,MAAM,EAAE;YAChD,MAAMC,QAAAA,GAAW,IAAIC,GAAAA,CAAIL,SAAAA,CAAUM,GAAG,CAAC,CAACC,CAAAA,GAAMA,CAAAA,CAAEC,YAAY,CAAA,CAAA;YAC5D,MAAMC,OAAAA,GAAUZ,KAAAA,CAAMa,IAAI,CAAC,CAACH,CAAAA,GAAM,CAACH,QAAAA,CAASO,GAAG,CAACJ,CAAAA,CAAEC,YAAY,CAAA,CAAA;AAC9D,YAAA,IAAIC,OAAAA,EAAS;AACXtB,gBAAAA,mBAAAA,CAAoBsB,QAAQD,YAAY,CAAA;AAC1C,YAAA;QACF,CAAA,MAAO,IAAItB,qBAAqB,IAAA,EAAM;;YAEpC,MAAM0B,WAAAA,GAAc,IAAIP,GAAAA,CAAIR,KAAAA,CAAMS,GAAG,CAAC,CAACC,CAAAA,GAAMA,CAAAA,CAAEC,YAAY,CAAA,CAAA;AAC3D,YAAA,IAAI,CAACI,WAAAA,CAAYD,GAAG,CAACzB,gBAAAA,CAAAA,EAAmB;gBACtCC,mBAAAA,CAAoB,IAAA,CAAA;AACtB,YAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACU,QAAAA,KAAAA;AAAOG,QAAAA,SAAAA;AAAWd,QAAAA;AAAiB,KAAA,CAAA;IAEvC,MAAM2B,sBAAAA,GAAyB/B,KAAAA,CAAMgC,WAAW,CAAC,IAAA;QAC/C3B,mBAAAA,CAAoB,IAAA,CAAA;AACtB,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,MAAM4B,2BAAAA,GAA8BjC,KAAAA,CAAMkC,OAAO,CAAC,IAAA;AAChD,QAAA,OAAOhD,UAAUqB,UAAU,CAAC4B,MAAM,CAEhC,CAACC,GAAAA,EAAKC,YAAAA,GAAAA;YACN,MAAMC,eAAAA,GAAkB/B,UAAU,CAAC8B,YAAAA,CAAa;AAEhD,YAAA,IAAI,CAACC,eAAAA,EAAiB;gBACpB,OAAOF,GAAAA;AACT,YAAA;AAEA,YAAA,MAAM,EAAEG,QAAQ,EAAEC,IAAI,EAAE,GAAGF,eAAAA;AAE3B,YAAA,MAAMG,SAAAA,GAAY;gBAAEC,GAAAA,EAAKL,YAAAA;AAAcM,gBAAAA,WAAAA,EAAaH,KAAKG,WAAW;AAAEC,gBAAAA,IAAAA,EAAMJ,KAAKI;AAAK,aAAA;AAEtF,YAAA,IAAI,CAACR,GAAG,CAACG,QAAAA,CAAS,EAAE;gBAClBH,GAAG,CAACG,QAAAA,CAAS,GAAG,EAAE;AACpB,YAAA;YAEAH,GAAG,CAACG,SAAS,GAAG;AAAIH,gBAAAA,GAAAA,GAAG,CAACG,QAAAA,CAAS;AAAEE,gBAAAA;AAAU,aAAA;YAE7C,OAAOL,GAAAA;AACT,QAAA,CAAA,EAAG,EAAC,CAAA;IACN,CAAA,EAAG;AAAClD,QAAAA,SAAAA,CAAUqB,UAAU;AAAEA,QAAAA;AAAW,KAAA,CAAA;IAErC,MAAM,EAAEsC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAE1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;IAE/B,MAAMC,gCAAAA,GAAmClC,MAAMM,MAAM;AAErD,IAAA,MAAM6B,kBAAAA,GAAqBlD,KAAAA,CAAMgC,WAAW,CAC1C,CAACU,GAAAA,EAAaS,QAAAA,GAAAA;QACZ,MAAMC,MAAAA,GAAS7C,UAAU,CAACmC,GAAAA,CAAI;AAE9B,QAAA,IAAI,CAACU,MAAAA,EAAQ;AACX,YAAA;AACF,QAAA;QAEArD,qBAAAA,CAAsB,KAAA,CAAA;QAEtB,MAAMsD,IAAAA,GAAOC,kBAAkBF,MAAAA,EAAQ7C,UAAAA,CAAAA;AACvC,QAAA,MAAMgD,kBAAkBC,IAAAA,CAAKC,iBAAAA,CAAkBL,QAAQ7C,UAAAA,CAAAA,EAAa,CAACmD,QAAU;AAC7E,gBAAA,GAAGA,IAAI;gBACPC,WAAAA,EAAajB;aACf,CAAA,CAAA;AAEA,QAAA,MAAMgB,OAAOH,eAAAA,CAAgBF,IAAAA,CAAAA;AAE7B3C,QAAAA,WAAAA,CAAYlB,MAAMkE,IAAAA,EAAMP,QAAAA,CAAAA;IAC1B,CAAA,EACA;AAACzC,QAAAA,WAAAA;AAAaH,QAAAA,UAAAA;AAAYf,QAAAA;AAAK,KAAA,CAAA;AAGjC,IAAA,MAAMoE,qBAAAA,GAAwB,IAAA;AAC5B,QAAA,IAAIX,mCAAmCtD,GAAAA,EAAK;YAC1CI,qBAAAA,CAAsB,CAAC8D,OAAS,CAACA,IAAAA,CAAAA;QACnC,CAAA,MAAO;YACLd,kBAAAA,CAAmB;gBACjBe,IAAAA,EAAM,MAAA;AACNC,gBAAAA,OAAAA,EAASlB,aAAAA,CAAc;AACrBmB,oBAAAA,EAAAA,EAAIC,cAAAA,CAAe,kDAAA;AACrB,iBAAA;AACF,aAAA,CAAA;AACF,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMC,mBAAAA,GAAsBlE,KAAAA,CAAMgC,WAAW,CAC3C,CAACmC,QAAAA,EAAkBC,YAAAA,GAAAA;AACjBjE,QAAAA,WAAAA,CACE0C,aAAAA,CACE;AACEmB,YAAAA,EAAAA,EAAIC,cAAAA,CAAe,aAAA,CAAA;YACnBI,cAAAA,EAAgB;SAClB,EACA;AACEC,YAAAA,IAAAA,EAAM,CAAA,EAAG9E,IAAAA,CAAK,CAAC,EAAE4E,YAAAA,CAAAA,CAAc;AAC/BjB,YAAAA,QAAAA,EAAU,GAAGgB,QAAAA,GAAW,CAAA,CAAE,IAAI,EAAEpD,KAAAA,CAAMM,MAAM,CAAA;AAC9C,SAAA,CAAA,CAAA;AAIJP,QAAAA,YAAAA,CAAatB,MAAM4E,YAAAA,EAAcD,QAAAA,CAAAA;IACnC,CAAA,EACA;AAACtB,QAAAA,aAAAA;AAAe/B,QAAAA,YAAAA;AAActB,QAAAA,IAAAA;AAAMuB,QAAAA,KAAAA,CAAMM;AAAO,KAAA,CAAA;AAGnD,IAAA,MAAMkD,YAAAA,GAAevE,KAAAA,CAAMgC,WAAW,CACpC,CAACwC,KAAAA,GAAAA;AACCrE,QAAAA,WAAAA,CACE0C,aAAAA,CACE;AACEmB,YAAAA,EAAAA,EAAIC,cAAAA,CAAe,iBAAA,CAAA;YACnBI,cAAAA,EAAgB;SAClB,EACA;AACEC,YAAAA,IAAAA,EAAM,CAAA,EAAG9E,IAAAA,CAAK,CAAC,EAAEgF,KAAAA,CAAAA;AACnB,SAAA,CAAA,CAAA;IAGN,CAAA,EACA;AAAC3B,QAAAA,aAAAA;AAAerD,QAAAA;AAAK,KAAA,CAAA;AAGvB,IAAA,MAAMiF,cAAAA,GAAiBzE,KAAAA,CAAMgC,WAAW,CACtC,CAACwC,KAAAA,GAAAA;AACCrE,QAAAA,WAAAA,CACE0C,aAAAA,CACE;AACEmB,YAAAA,EAAAA,EAAIC,cAAAA,CAAe,eAAA,CAAA;YACnBI,cAAAA,EAAgB,CAAC,sIAAsI;SACzJ,EACA;AACEC,YAAAA,IAAAA,EAAM,CAAA,EAAG9E,IAAAA,CAAK,CAAC,EAAEgF,KAAAA,CAAAA,CAAO;AACxBrB,YAAAA,QAAAA,EAAU,GAAGqB,KAAAA,GAAQ,CAAA,CAAE,IAAI,EAAEzD,KAAAA,CAAMM,MAAM,CAAA;AAC3C,SAAA,CAAA,CAAA;IAGN,CAAA,EACA;AAACwB,QAAAA,aAAAA;AAAerD,QAAAA,IAAAA;AAAMuB,QAAAA,KAAAA,CAAMM;AAAO,KAAA,CAAA;AAGrC,IAAA,MAAMqD,cAAAA,GAAiB1E,KAAAA,CAAMgC,WAAW,CACtC,CAACwC,KAAAA,GAAAA;AACCrE,QAAAA,WAAAA,CACE0C,aAAAA,CACE;AACEmB,YAAAA,EAAAA,EAAIC,cAAAA,CAAe,eAAA,CAAA;YACnBI,cAAAA,EAAgB,CAAC,oDAAoD;SACvE,EACA;AACEC,YAAAA,IAAAA,EAAM,CAAA,EAAG9E,IAAAA,CAAK,CAAC,EAAEgF,KAAAA,CAAAA,CAAO;AACxBrB,YAAAA,QAAAA,EAAU,GAAGqB,KAAAA,GAAQ,CAAA,CAAE,IAAI,EAAEzD,KAAAA,CAAMM,MAAM,CAAA;AAC3C,SAAA,CAAA,CAAA;IAGN,CAAA,EACA;AAACwB,QAAAA,aAAAA;AAAerD,QAAAA,IAAAA;AAAMuB,QAAAA,KAAAA,CAAMM;AAAO,KAAA,CAAA;AAGrC,IAAA,MAAMsD,qBAAAA,GAAwB3E,KAAAA,CAAMgC,WAAW,CAC7C,CAACoC,YAAAA,GAAAA;AACCvD,QAAAA,cAAAA,CAAerB,IAAAA,EAAM4E,YAAAA,CAAAA;IACvB,CAAA,EACA;AAAC5E,QAAAA,IAAAA;AAAMqB,QAAAA;AAAe,KAAA,CAAA;AAGxB,IAAA,MAAM+D,WAAW5D,KAAAA,KAAU6D,SAAAA;AAE3B,IAAA,MAAMC,iBAAAA,GAAoB,IAAA;AACxB,QAAA,IAAIhF,kBAAAA,EAAoB;AACtB,YAAA,OAAO+C,aAAAA,CAAc;gBAAEmB,EAAAA,EAAI,uBAAA;gBAAyBK,cAAAA,EAAgB;AAAQ,aAAA,CAAA;AAC9E,QAAA;QAEA,IAAIO,QAAAA,IAAY3B,mCAAmCtD,GAAAA,EAAK;AACtD,YAAA,OAAOkD,aAAAA,CACL;gBACEmB,EAAAA,EAAIC,cAAAA,CAAe,CAAC,uCAAuC,CAAC,CAAA;gBAC5DI,cAAAA,EACE;aACJ,EACA;AACEU,gBAAAA,MAAAA,EAAQ9B,gCAAAA,GAAmCtD;AAC7C,aAAA,CAAA;AAEJ,QAAA;QAEA,IAAIiF,QAAAA,IAAY3B,mCAAmCpD,GAAAA,EAAK;AACtD,YAAA,OAAOgD,aAAAA,CACL;gBACEmB,EAAAA,EAAIC,cAAAA,CAAe,CAAC,yCAAyC,CAAC,CAAA;gBAC9DI,cAAAA,EACE;aACJ,EACA;AAAEU,gBAAAA,MAAAA,EAAQlF,GAAAA,GAAMoD;AAAiC,aAAA,CAAA;AAErD,QAAA;AAEA,QAAA,OAAOJ,aAAAA,CACL;AACEmB,YAAAA,EAAAA,EAAIC,cAAAA,CAAe,sCAAA,CAAA;YACnBI,cAAAA,EAAgB;SAClB,EACA;AAAEW,YAAAA,aAAAA,EAAe1F,KAAAA,IAASE;AAAK,SAAA,CAAA;AAEnC,IAAA,CAAA;AAEA,IAAA,MAAMyF,QAAQC,YAAAA,CAAa,aAAA,EAAe,CAACtE,KAAAA,GAAUA,MAAMqE,KAAK,CAAA;IAEhE,MAAME,iBAAAA,GAAoBnF,MAAMoF,KAAK,EAAA;AAErC,IAAA,qBACEC,GAAA,CAACxG,mBAAAA,EAAAA;QAAoBG,eAAe,EAAA,IAAA;AAClC,QAAA,QAAA,gBAAAsG,IAAA,CAACC,IAAAA,EAAAA;YAAKC,SAAAA,EAAU,QAAA;YAASC,UAAAA,EAAW,SAAA;YAAUC,GAAAA,EAAK;gBAAEC,OAAAA,EAAS,CAAA;gBAAGC,MAAAA,EAAQ;AAAE,aAAA;;AACxE3C,gBAAAA,gCAAAA,GAAmC,mBAClCqC,IAAA,CAACO,GAAAA,EAAAA;;sCACCR,GAAA,CAACS,gBAAAA,EAAAA;4BACCzG,IAAAA,EAAMA,IAAAA;4BACNC,KAAAA,EAAOA,KAAAA;4BACPC,WAAAA,EAAaA,WAAAA;4BACbC,IAAAA,EAAMA,IAAAA;4BACNuG,kBAAAA,EAAoB9C,gCAAAA;4BACpBxD,QAAAA,EAAUA;;sCAEZ4F,GAAA,CAACW,cAAAA,EAAAA;4BAAehC,EAAAA,EAAImB,iBAAAA;sCACjBtC,aAAAA,CAAc;AACbmB,gCAAAA,EAAAA,EAAIC,cAAAA,CAAe,kBAAA,CAAA;gCACnBI,cAAAA,EAAgB,CAAC,mCAAmC;AACtD,6BAAA;;sCAEFgB,GAAA,CAACW,cAAAA,EAAAA;4BAAeC,WAAAA,EAAU,WAAA;AAAa/F,4BAAAA,QAAAA,EAAAA;;sCACvCmF,GAAA,CAACa,IAAAA,EAAAA;4BAAGC,kBAAAA,EAAkBhB,iBAAAA;AACnBpE,4BAAAA,QAAAA,EAAAA,KAAAA,CAAMS,GAAG,CAAC,CAAC4E,KAAAA,EAAO5B,sBACjBa,GAAA,CAACgB,iBAAAA,EAAAA;AAECpB,oCAAAA,KAAAA,EAAOA,KAAAA,GAAQ,CAAA;AACfvC,oCAAAA,GAAAA,EAAK0D,MAAMzC,WAAW;;AAEtBK,oCAAAA,EAAAA,EAAIoC,MAAMpC,EAAE;oCACZF,IAAAA,EAAK,aAAA;AAEL,oCAAA,QAAA,gBAAAuB,GAAA,CAACiB,wBAAAA,EAAAA;wCACCnH,QAAAA,EAAUA,QAAAA;wCACVK,IAAAA,EAAMA,IAAAA;wCACNgF,KAAAA,EAAOA,KAAAA;AACPnC,wCAAAA,YAAAA,EAAc+D,MAAMzC,WAAW;wCAC/B4C,eAAAA,EAAiBrC,mBAAAA;wCACjBsC,sBAAAA,EAAwB7B,qBAAAA;wCACxB8B,QAAAA,EAAUlC,YAAAA;wCACVmC,UAAAA,EAAYhC,cAAAA;wCACZiC,UAAAA,EAAYlC,cAAAA;wCACZmC,cAAAA,EAAgB1D,kBAAAA;wCAChBjB,2BAAAA,EAA6BA,2BAAAA;wCAC7B4E,WAAAA,EAAa5D,gCAAAA;wCACb6D,SAAAA,EAAW1G,gBAAAA,KAAqBgG,MAAM1E,YAAY;wCAClDqF,kBAAAA,EAAoBhF,sBAAAA;AAEnBrC,wCAAAA,QAAAA,EAAAA;;AAvBE0G,iCAAAA,EAAAA,KAAAA,CAAM1E,YAAY,CAAA;;;;8BA8BjC2D,GAAA,CAACE,IAAAA,EAAAA;oBAAKyB,cAAAA,EAAe,QAAA;AACnB,oBAAA,QAAA,gBAAA3B,GAAA,CAAC4B,kBAAAA,EAAAA;wBACCrC,QAAAA,EAAUA,QAAAA;wBACVsC,UAAAA,EAAY/H,QAAAA;wBACZgI,MAAAA,EAAQrH,kBAAAA;wBACRsH,OAAAA,EAASxD,qBAAAA;AAERkB,wBAAAA,QAAAA,EAAAA,iBAAAA;;;8BAGLO,GAAA,CAACgC,eAAAA,EAAAA;oBACCpF,2BAAAA,EAA6BA,2BAAAA;oBAC7BkF,MAAAA,EAAQrH,kBAAAA;oBACRwH,mBAAAA,EAAqBpE;;;;;AAK/B;;;;"}
+{"version":3,"file":"Field.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/DynamicZone/Field.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  createContext,\n  InputProps,\n  useField,\n  useForm,\n  useNotification,\n} from '@strapi/admin/strapi-admin';\nimport { Box, Flex, VisuallyHidden } from '@strapi/design-system';\nimport pipe from 'lodash/fp/pipe';\nimport { useIntl } from 'react-intl';\n\nimport { useDocumentContext } from '../../../../../hooks/useDocumentContext';\nimport { type EditFieldLayout } from '../../../../../hooks/useDocumentLayout';\nimport { usePrev } from '../../../../../hooks/usePrev';\nimport { getTranslation } from '../../../../../utils/translations';\nimport { transformDocument } from '../../../utils/data';\nimport { createDefaultForm } from '../../../utils/forms';\nimport { ComponentProvider, useComponent } from '../ComponentContext';\n\nimport { AddComponentButton } from './AddComponentButton';\nimport { ComponentPicker } from './ComponentPicker';\nimport { DynamicComponent, DynamicComponentProps } from './DynamicComponent';\nimport { DynamicZoneLabel, DynamicZoneLabelProps } from './DynamicZoneLabel';\n\nimport type { InputRendererProps } from '../../InputRenderer';\nimport type { Schema } from '@strapi/types';\n\ninterface DynamicZoneContextValue {\n  isInDynamicZone: boolean;\n}\n\nconst [DynamicZoneProvider, useDynamicZone] = createContext<DynamicZoneContextValue>(\n  'DynamicZone',\n  {\n    isInDynamicZone: false,\n  }\n);\n\ninterface DynamicZoneProps\n  extends Omit<Extract<EditFieldLayout, { type: 'dynamiczone' }>, 'size' | 'hint'>,\n    Pick<InputProps, 'hint'>,\n    Pick<DynamicZoneLabelProps, 'labelAction'> {\n  children?: (props: InputRendererProps) => React.ReactNode;\n}\n\nconst DynamicZone = ({\n  attribute,\n  disabled: disabledProp,\n  hint,\n  label,\n  labelAction,\n  name,\n  required = false,\n  children,\n}: DynamicZoneProps) => {\n  // We cannot use the default props here\n  const { max = Infinity, min = -Infinity } = attribute ?? {};\n\n  const [addComponentIsOpen, setAddComponentIsOpen] = React.useState(false);\n  const [liveText, setLiveText] = React.useState('');\n  const [openComponentKey, setOpenComponentKey] = React.useState<string | null>(null);\n\n  const {\n    currentDocument: { components, isLoading },\n  } = useDocumentContext('DynamicZone');\n\n  const disabled = disabledProp || isLoading;\n  const addFieldRow = useForm('DynamicZone', (state) => state.addFieldRow);\n  const removeFieldRow = useForm('DynamicZone', (state) => state.removeFieldRow);\n  const moveFieldRow = useForm('DynamicZone', (state) => state.moveFieldRow);\n\n  type DzWithTempKey =\n    Schema.Attribute.GetDynamicZoneValue<Schema.Attribute.DynamicZone>[number] & {\n      __temp_key__: string;\n    };\n\n  const { value: rawValue, error } = useField<Array<DzWithTempKey>>(name);\n  // `value` can be `null` (for example after closing a relation modal). Match\n  // RepeatableComponent: only accept arrays, otherwise treat as empty. (#26815)\n  const value = React.useMemo(() => (Array.isArray(rawValue) ? rawValue : []), [rawValue]);\n\n  /**\n   * Track the previous value array to detect when a new component is added.\n   * When the array grows, we find the newly added item and force its accordion open.\n   * This mirrors the same pattern used in RepeatableComponent.\n   */\n  const prevValue = usePrev(value);\n\n  React.useEffect(() => {\n    if (prevValue && prevValue.length < value.length) {\n      const prevKeys = new Set(prevValue.map((v) => v.__temp_key__));\n      const newItem = value.find((v) => !prevKeys.has(v.__temp_key__));\n      if (newItem) {\n        setOpenComponentKey(newItem.__temp_key__);\n      }\n    } else if (openComponentKey !== null) {\n      // Component was removed before forceOpen was handled — clear stale key\n      const currentKeys = new Set(value.map((v) => v.__temp_key__));\n      if (!currentKeys.has(openComponentKey)) {\n        setOpenComponentKey(null);\n      }\n    }\n  }, [value, prevValue, openComponentKey]);\n\n  const handleForceOpenHandled = React.useCallback(() => {\n    setOpenComponentKey(null);\n  }, []);\n\n  const dynamicComponentsByCategory = React.useMemo(() => {\n    return attribute.components.reduce<\n      NonNullable<DynamicComponentProps['dynamicComponentsByCategory']>\n    >((acc, componentUid) => {\n      const componentSchema = components[componentUid];\n\n      if (!componentSchema) {\n        return acc;\n      }\n\n      const { category, info } = componentSchema;\n\n      const component = { uid: componentUid, displayName: info.displayName, icon: info.icon };\n\n      if (!acc[category]) {\n        acc[category] = [];\n      }\n\n      acc[category] = [...acc[category], component];\n\n      return acc;\n    }, {});\n  }, [attribute.components, components]);\n\n  const { formatMessage } = useIntl();\n\n  const { toggleNotification } = useNotification();\n\n  const dynamicDisplayedComponentsLength = value.length;\n\n  const handleAddComponent = React.useCallback(\n    (uid: string, position?: number) => {\n      const schema = components[uid];\n\n      if (!schema) {\n        return;\n      }\n\n      setAddComponentIsOpen(false);\n\n      const form = createDefaultForm(schema, components);\n      const transformations = pipe(transformDocument(schema, components), (data) => ({\n        ...data,\n        __component: uid,\n      }));\n\n      const data = transformations(form);\n\n      addFieldRow(name, data, position);\n    },\n    [addFieldRow, components, name]\n  );\n\n  const handleClickOpenPicker = () => {\n    if (dynamicDisplayedComponentsLength < max) {\n      setAddComponentIsOpen((prev) => !prev);\n    } else {\n      toggleNotification({\n        type: 'info',\n        message: formatMessage({\n          id: getTranslation('components.notification.info.maximum-requirement'),\n        }),\n      });\n    }\n  };\n\n  const handleMoveComponent = React.useCallback(\n    (newIndex: number, currentIndex: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.reorder'),\n            defaultMessage: '{item}, moved. New position in list: {position}.',\n          },\n          {\n            item: `${name}.${currentIndex}`,\n            position: `${newIndex + 1} of ${value.length}`,\n          }\n        )\n      );\n\n      moveFieldRow(name, currentIndex, newIndex);\n    },\n    [formatMessage, moveFieldRow, name, value.length]\n  );\n\n  const handleCancel = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.cancel-item'),\n            defaultMessage: '{item}, dropped. Re-order cancelled.',\n          },\n          {\n            item: `${name}.${index}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name]\n  );\n\n  const handleGrabItem = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.grab-item'),\n            defaultMessage: `{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel.`,\n          },\n          {\n            item: `${name}.${index}`,\n            position: `${index + 1} of ${value.length}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name, value.length]\n  );\n\n  const handleDropItem = React.useCallback(\n    (index: number) => {\n      setLiveText(\n        formatMessage(\n          {\n            id: getTranslation('dnd.drop-item'),\n            defaultMessage: `{item}, dropped. Final position in list: {position}.`,\n          },\n          {\n            item: `${name}.${index}`,\n            position: `${index + 1} of ${value.length}`,\n          }\n        )\n      );\n    },\n    [formatMessage, name, value.length]\n  );\n\n  const handleRemoveComponent = React.useCallback(\n    (currentIndex: number) => {\n      removeFieldRow(name, currentIndex);\n    },\n    [name, removeFieldRow]\n  );\n\n  const hasError = error !== undefined;\n\n  const renderButtonLabel = () => {\n    if (addComponentIsOpen) {\n      return formatMessage({ id: 'app.utils.close-label', defaultMessage: 'Close' });\n    }\n\n    if (hasError && dynamicDisplayedComponentsLength > max) {\n      return formatMessage(\n        {\n          id: getTranslation(`components.DynamicZone.extra-components`),\n          defaultMessage:\n            'There {number, plural, =0 {are # extra components} one {is # extra component} other {are # extra components}}',\n        },\n        {\n          number: dynamicDisplayedComponentsLength - max,\n        }\n      );\n    }\n\n    if (hasError && dynamicDisplayedComponentsLength < min) {\n      return formatMessage(\n        {\n          id: getTranslation(`components.DynamicZone.missing-components`),\n          defaultMessage:\n            'There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}',\n        },\n        { number: min - dynamicDisplayedComponentsLength }\n      );\n    }\n\n    return formatMessage(\n      {\n        id: getTranslation('components.DynamicZone.add-component'),\n        defaultMessage: 'Add a component to {componentName}',\n      },\n      { componentName: label || name }\n    );\n  };\n\n  const level = useComponent('DynamicZone', (state) => state.level);\n\n  const ariaDescriptionId = React.useId();\n\n  return (\n    <DynamicZoneProvider isInDynamicZone>\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={{ initial: 4, medium: 6 }}>\n        {dynamicDisplayedComponentsLength > 0 && (\n          <Box>\n            <DynamicZoneLabel\n              hint={hint}\n              label={label}\n              labelAction={labelAction}\n              name={name}\n              numberOfComponents={dynamicDisplayedComponentsLength}\n              required={required}\n            />\n            <VisuallyHidden id={ariaDescriptionId}>\n              {formatMessage({\n                id: getTranslation('dnd.instructions'),\n                defaultMessage: `Press spacebar to grab and re-order`,\n              })}\n            </VisuallyHidden>\n            <VisuallyHidden aria-live=\"assertive\">{liveText}</VisuallyHidden>\n            <ol aria-describedby={ariaDescriptionId}>\n              {value.map((field, index) => (\n                <ComponentProvider\n                  key={field.__temp_key__}\n                  level={level + 1}\n                  uid={field.__component}\n                  // id is always a number in a dynamic zone.\n                  id={field.id as number}\n                  type=\"dynamiczone\"\n                >\n                  <DynamicComponent\n                    disabled={disabled}\n                    name={name}\n                    index={index}\n                    componentUid={field.__component}\n                    onMoveComponent={handleMoveComponent}\n                    onRemoveComponentClick={handleRemoveComponent}\n                    onCancel={handleCancel}\n                    onDropItem={handleDropItem}\n                    onGrabItem={handleGrabItem}\n                    onAddComponent={handleAddComponent}\n                    dynamicComponentsByCategory={dynamicComponentsByCategory}\n                    totalLength={dynamicDisplayedComponentsLength}\n                    forceOpen={openComponentKey === field.__temp_key__}\n                    onForceOpenHandled={handleForceOpenHandled}\n                  >\n                    {children}\n                  </DynamicComponent>\n                </ComponentProvider>\n              ))}\n            </ol>\n          </Box>\n        )}\n        <Flex justifyContent=\"center\">\n          <AddComponentButton\n            hasError={hasError}\n            isDisabled={disabled}\n            isOpen={addComponentIsOpen}\n            onClick={handleClickOpenPicker}\n          >\n            {renderButtonLabel()}\n          </AddComponentButton>\n        </Flex>\n        <ComponentPicker\n          dynamicComponentsByCategory={dynamicComponentsByCategory}\n          isOpen={addComponentIsOpen}\n          onClickAddComponent={handleAddComponent}\n        />\n      </Flex>\n    </DynamicZoneProvider>\n  );\n};\n\nexport { DynamicZone, useDynamicZone };\nexport type { DynamicZoneProps };\n"],"names":["DynamicZoneProvider","useDynamicZone","createContext","isInDynamicZone","DynamicZone","attribute","disabled","disabledProp","hint","label","labelAction","name","required","children","max","Infinity","min","addComponentIsOpen","setAddComponentIsOpen","React","useState","liveText","setLiveText","openComponentKey","setOpenComponentKey","currentDocument","components","isLoading","useDocumentContext","addFieldRow","useForm","state","removeFieldRow","moveFieldRow","value","rawValue","error","useField","useMemo","Array","isArray","prevValue","usePrev","useEffect","length","prevKeys","Set","map","v","__temp_key__","newItem","find","has","currentKeys","handleForceOpenHandled","useCallback","dynamicComponentsByCategory","reduce","acc","componentUid","componentSchema","category","info","component","uid","displayName","icon","formatMessage","useIntl","toggleNotification","useNotification","dynamicDisplayedComponentsLength","handleAddComponent","position","schema","form","createDefaultForm","transformations","pipe","transformDocument","data","__component","handleClickOpenPicker","prev","type","message","id","getTranslation","handleMoveComponent","newIndex","currentIndex","defaultMessage","item","handleCancel","index","handleGrabItem","handleDropItem","handleRemoveComponent","hasError","undefined","renderButtonLabel","number","componentName","level","useComponent","ariaDescriptionId","useId","_jsx","_jsxs","Flex","direction","alignItems","gap","initial","medium","Box","DynamicZoneLabel","numberOfComponents","VisuallyHidden","aria-live","ol","aria-describedby","field","ComponentProvider","DynamicComponent","onMoveComponent","onRemoveComponentClick","onCancel","onDropItem","onGrabItem","onAddComponent","totalLength","forceOpen","onForceOpenHandled","justifyContent","AddComponentButton","isDisabled","isOpen","onClick","ComponentPicker","onClickAddComponent"],"mappings":"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"}

package/dist/admin/pages/EditView/utils/draftRelationCounts.js

@@ -0,0 +1,117 @@
+'use strict';
+
+const EMPTY_DRAFT_RELATION_COUNTS = {
+    unpublishedRelations: 0,
+    draftM2mLinks: 0
+};
+const isBidirectionalManyToMany = (attribute)=>{
+    if (attribute.type !== 'relation' || attribute.relation !== 'manyToMany') {
+        return false;
+    }
+    const relationAttribute = attribute;
+    return Boolean(relationAttribute.inversedBy || relationAttribute.mappedBy);
+};
+const mergeDraftRelationCounts = (left, right)=>({
+        unpublishedRelations: left.unpublishedRelations + right.unpublishedRelations,
+        draftM2mLinks: left.draftM2mLinks + right.draftM2mLinks
+    });
+const normalizeDraftRelationCounts = (payload)=>{
+    if (payload && typeof payload === 'object' && 'unpublishedRelations' in payload && 'draftM2mLinks' in payload) {
+        return payload;
+    }
+    if (payload && typeof payload === 'object' && 'data' in payload) {
+        return normalizeDraftRelationCounts(payload.data);
+    }
+    return EMPTY_DRAFT_RELATION_COUNTS;
+};
+const resolveDraftRelationCounts = (documentId, modified, localCounts, serverCounts)=>{
+    if (!documentId) {
+        return localCounts;
+    }
+    const hasUnsavedDraftRelations = localCounts.unpublishedRelations > 0 || localCounts.draftM2mLinks > 0;
+    if (modified || hasUnsavedDraftRelations) {
+        return mergeDraftRelationCounts(localCounts, serverCounts);
+    }
+    return serverCounts;
+};
+const getDraftRelationsPublishState = (counts)=>{
+    const hasUnpublishedRelations = counts.unpublishedRelations > 0;
+    const hasDraftM2mLinks = counts.draftM2mLinks > 0;
+    const hasDraftRelations = hasUnpublishedRelations || hasDraftM2mLinks;
+    const isM2mOnlyDraftRelations = hasDraftM2mLinks && !hasUnpublishedRelations;
+    return {
+        hasUnpublishedRelations,
+        hasDraftM2mLinks,
+        hasDraftRelations,
+        isM2mOnlyDraftRelations,
+        dialogVariant: isM2mOnlyDraftRelations ? 'default' : 'danger',
+        bodyIcon: isM2mOnlyDraftRelations ? 'default' : 'danger',
+        confirmLabel: isM2mOnlyDraftRelations ? 'publish' : 'publish-without-relations'
+    };
+};
+/**
+ * Counts draft relations in unsaved form values, excluding self-referential relations
+ * (preserved on publish via document-service self-referential-relations).
+ */ const countLocalDraftRelations = (data, schema, components, contentTypeUid)=>{
+    if (!schema?.attributes) {
+        return EMPTY_DRAFT_RELATION_COUNTS;
+    }
+    return Object.keys(schema.attributes).reduce((counts, attributeName)=>{
+        const attribute = schema.attributes[attributeName];
+        const value = data[attributeName];
+        if (!value) {
+            return counts;
+        }
+        switch(attribute.type){
+            case 'relation':
+                {
+                    if (!('target' in attribute) || attribute.target === contentTypeUid) {
+                        return counts;
+                    }
+                    if (typeof value === 'object' && value !== null && 'connect' in value) {
+                        const draftConnectCount = value.connect?.filter((relation)=>relation.status === 'draft').length ?? 0;
+                        if (draftConnectCount === 0) {
+                            return counts;
+                        }
+                        if (isBidirectionalManyToMany(attribute)) {
+                            return {
+                                ...counts,
+                                draftM2mLinks: counts.draftM2mLinks + draftConnectCount
+                            };
+                        }
+                        return {
+                            ...counts,
+                            unpublishedRelations: counts.unpublishedRelations + draftConnectCount
+                        };
+                    }
+                    return counts;
+                }
+            case 'component':
+                {
+                    const componentItems = Array.isArray(value) ? value : [
+                        value
+                    ];
+                    const componentSchema = components[attribute.component];
+                    return componentItems.reduce((componentCounts, componentValue)=>mergeDraftRelationCounts(componentCounts, countLocalDraftRelations(componentValue, componentSchema, components, contentTypeUid)), counts);
+                }
+            case 'dynamiczone':
+                {
+                    return value.reduce((zoneCounts, componentValue)=>{
+                        const componentUid = componentValue.__component;
+                        return mergeDraftRelationCounts(zoneCounts, countLocalDraftRelations(componentValue, components[componentUid], components, contentTypeUid));
+                    }, counts);
+                }
+            default:
+                return counts;
+        }
+    }, EMPTY_DRAFT_RELATION_COUNTS);
+};
+
+exports.EMPTY_DRAFT_RELATION_COUNTS = EMPTY_DRAFT_RELATION_COUNTS;
+exports.countLocalDraftRelations = countLocalDraftRelations;
+exports.getDraftRelationsPublishState = getDraftRelationsPublishState;
+exports.isBidirectionalManyToMany = isBidirectionalManyToMany;
+exports.mergeDraftRelationCounts = mergeDraftRelationCounts;
+exports.normalizeDraftRelationCounts = normalizeDraftRelationCounts;
+exports.resolveDraftRelationCounts = resolveDraftRelationCounts;
+//# sourceMappingURL=draftRelationCounts.js.map

package/dist/admin/pages/EditView/utils/draftRelationCounts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draftRelationCounts.js","sources":["../../../../../admin/src/pages/EditView/utils/draftRelationCounts.ts"],"sourcesContent":["import type { Component } from '../../../../../shared/contracts/components';\nimport type { ComponentsDictionary, Schema } from '../../../hooks/useDocument';\nimport type { RelationsFormValue } from '../components/FormInputs/Relations/Relations';\n\nexport interface DraftRelationCounts {\n  unpublishedRelations: number;\n  draftM2mLinks: number;\n}\n\nexport const EMPTY_DRAFT_RELATION_COUNTS: DraftRelationCounts = {\n  unpublishedRelations: 0,\n  draftM2mLinks: 0,\n};\n\nexport const isBidirectionalManyToMany = (attribute: Schema['attributes'][string]) => {\n  if (attribute.type !== 'relation' || attribute.relation !== 'manyToMany') {\n    return false;\n  }\n\n  const relationAttribute = attribute as Extract<\n    Schema['attributes'][string],\n    { type: 'relation'; relation: 'manyToMany' }\n  > & {\n    inversedBy?: string;\n    mappedBy?: string;\n  };\n\n  return Boolean(relationAttribute.inversedBy || relationAttribute.mappedBy);\n};\n\nexport const mergeDraftRelationCounts = (\n  left: DraftRelationCounts,\n  right: DraftRelationCounts\n): DraftRelationCounts => ({\n  unpublishedRelations: left.unpublishedRelations + right.unpublishedRelations,\n  draftM2mLinks: left.draftM2mLinks + right.draftM2mLinks,\n});\n\nexport const normalizeDraftRelationCounts = (payload: unknown): DraftRelationCounts => {\n  if (\n    payload &&\n    typeof payload === 'object' &&\n    'unpublishedRelations' in payload &&\n    'draftM2mLinks' in payload\n  ) {\n    return payload as DraftRelationCounts;\n  }\n\n  if (payload && typeof payload === 'object' && 'data' in payload) {\n    return normalizeDraftRelationCounts((payload as { data: unknown }).data);\n  }\n\n  return EMPTY_DRAFT_RELATION_COUNTS;\n};\n\nexport const resolveDraftRelationCounts = (\n  documentId: string | undefined,\n  modified: boolean,\n  localCounts: DraftRelationCounts,\n  serverCounts: DraftRelationCounts\n): DraftRelationCounts => {\n  if (!documentId) {\n    return localCounts;\n  }\n\n  const hasUnsavedDraftRelations =\n    localCounts.unpublishedRelations > 0 || localCounts.draftM2mLinks > 0;\n\n  if (modified || hasUnsavedDraftRelations) {\n    return mergeDraftRelationCounts(localCounts, serverCounts);\n  }\n\n  return serverCounts;\n};\n\nexport interface DraftRelationsPublishState {\n  hasUnpublishedRelations: boolean;\n  hasDraftM2mLinks: boolean;\n  hasDraftRelations: boolean;\n  isM2mOnlyDraftRelations: boolean;\n  dialogVariant: 'default' | 'danger';\n  bodyIcon: 'default' | 'danger';\n  confirmLabel: 'publish' | 'publish-without-relations';\n}\n\nexport const getDraftRelationsPublishState = (\n  counts: DraftRelationCounts\n): DraftRelationsPublishState => {\n  const hasUnpublishedRelations = counts.unpublishedRelations > 0;\n  const hasDraftM2mLinks = counts.draftM2mLinks > 0;\n  const hasDraftRelations = hasUnpublishedRelations || hasDraftM2mLinks;\n  const isM2mOnlyDraftRelations = hasDraftM2mLinks && !hasUnpublishedRelations;\n\n  return {\n    hasUnpublishedRelations,\n    hasDraftM2mLinks,\n    hasDraftRelations,\n    isM2mOnlyDraftRelations,\n    dialogVariant: isM2mOnlyDraftRelations ? 'default' : 'danger',\n    bodyIcon: isM2mOnlyDraftRelations ? 'default' : 'danger',\n    confirmLabel: isM2mOnlyDraftRelations ? 'publish' : 'publish-without-relations',\n  };\n};\n\n/**\n * Counts draft relations in unsaved form values, excluding self-referential relations\n * (preserved on publish via document-service self-referential-relations).\n */\nexport const countLocalDraftRelations = (\n  data: Record<string, unknown>,\n  schema: Schema | Component | undefined,\n  components: ComponentsDictionary,\n  contentTypeUid: string\n): DraftRelationCounts => {\n  if (!schema?.attributes) {\n    return EMPTY_DRAFT_RELATION_COUNTS;\n  }\n\n  return Object.keys(schema.attributes).reduce((counts, attributeName) => {\n    const attribute = schema.attributes[attributeName];\n    const value = data[attributeName];\n\n    if (!value) {\n      return counts;\n    }\n\n    switch (attribute.type) {\n      case 'relation': {\n        if (!('target' in attribute) || attribute.target === contentTypeUid) {\n          return counts;\n        }\n\n        if (typeof value === 'object' && value !== null && 'connect' in value) {\n          const draftConnectCount =\n            (value as RelationsFormValue).connect?.filter((relation) => relation.status === 'draft')\n              .length ?? 0;\n\n          if (draftConnectCount === 0) {\n            return counts;\n          }\n\n          if (isBidirectionalManyToMany(attribute)) {\n            return {\n              ...counts,\n              draftM2mLinks: counts.draftM2mLinks + draftConnectCount,\n            };\n          }\n\n          return {\n            ...counts,\n            unpublishedRelations: counts.unpublishedRelations + draftConnectCount,\n          };\n        }\n\n        return counts;\n      }\n      case 'component': {\n        const componentItems = Array.isArray(value) ? value : [value];\n        const componentSchema = components[attribute.component];\n\n        return componentItems.reduce(\n          (componentCounts, componentValue) =>\n            mergeDraftRelationCounts(\n              componentCounts,\n              countLocalDraftRelations(\n                componentValue as Record<string, unknown>,\n                componentSchema,\n                components,\n                contentTypeUid\n              )\n            ),\n          counts\n        );\n      }\n      case 'dynamiczone': {\n        return (value as Array<Record<string, unknown>>).reduce((zoneCounts, componentValue) => {\n          const componentUid = componentValue.__component as string;\n\n          return mergeDraftRelationCounts(\n            zoneCounts,\n            countLocalDraftRelations(\n              componentValue,\n              components[componentUid],\n              components,\n              contentTypeUid\n            )\n          );\n        }, counts);\n      }\n      default:\n        return counts;\n    }\n  }, EMPTY_DRAFT_RELATION_COUNTS);\n};\n"],"names":["EMPTY_DRAFT_RELATION_COUNTS","unpublishedRelations","draftM2mLinks","isBidirectionalManyToMany","attribute","type","relation","relationAttribute","Boolean","inversedBy","mappedBy","mergeDraftRelationCounts","left","right","normalizeDraftRelationCounts","payload","data","resolveDraftRelationCounts","documentId","modified","localCounts","serverCounts","hasUnsavedDraftRelations","getDraftRelationsPublishState","counts","hasUnpublishedRelations","hasDraftM2mLinks","hasDraftRelations","isM2mOnlyDraftRelations","dialogVariant","bodyIcon","confirmLabel","countLocalDraftRelations","schema","components","contentTypeUid","attributes","Object","keys","reduce","attributeName","value","target","draftConnectCount","connect","filter","status","length","componentItems","Array","isArray","componentSchema","component","componentCounts","componentValue","zoneCounts","componentUid","__component"],"mappings":"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"}

package/dist/admin/pages/EditView/utils/draftRelationCounts.mjs

@@ -0,0 +1,109 @@
+const EMPTY_DRAFT_RELATION_COUNTS = {
+    unpublishedRelations: 0,
+    draftM2mLinks: 0
+};
+const isBidirectionalManyToMany = (attribute)=>{
+    if (attribute.type !== 'relation' || attribute.relation !== 'manyToMany') {
+        return false;
+    }
+    const relationAttribute = attribute;
+    return Boolean(relationAttribute.inversedBy || relationAttribute.mappedBy);
+};
+const mergeDraftRelationCounts = (left, right)=>({
+        unpublishedRelations: left.unpublishedRelations + right.unpublishedRelations,
+        draftM2mLinks: left.draftM2mLinks + right.draftM2mLinks
+    });
+const normalizeDraftRelationCounts = (payload)=>{
+    if (payload && typeof payload === 'object' && 'unpublishedRelations' in payload && 'draftM2mLinks' in payload) {
+        return payload;
+    }
+    if (payload && typeof payload === 'object' && 'data' in payload) {
+        return normalizeDraftRelationCounts(payload.data);
+    }
+    return EMPTY_DRAFT_RELATION_COUNTS;
+};
+const resolveDraftRelationCounts = (documentId, modified, localCounts, serverCounts)=>{
+    if (!documentId) {
+        return localCounts;
+    }
+    const hasUnsavedDraftRelations = localCounts.unpublishedRelations > 0 || localCounts.draftM2mLinks > 0;
+    if (modified || hasUnsavedDraftRelations) {
+        return mergeDraftRelationCounts(localCounts, serverCounts);
+    }
+    return serverCounts;
+};
+const getDraftRelationsPublishState = (counts)=>{
+    const hasUnpublishedRelations = counts.unpublishedRelations > 0;
+    const hasDraftM2mLinks = counts.draftM2mLinks > 0;
+    const hasDraftRelations = hasUnpublishedRelations || hasDraftM2mLinks;
+    const isM2mOnlyDraftRelations = hasDraftM2mLinks && !hasUnpublishedRelations;
+    return {
+        hasUnpublishedRelations,
+        hasDraftM2mLinks,
+        hasDraftRelations,
+        isM2mOnlyDraftRelations,
+        dialogVariant: isM2mOnlyDraftRelations ? 'default' : 'danger',
+        bodyIcon: isM2mOnlyDraftRelations ? 'default' : 'danger',
+        confirmLabel: isM2mOnlyDraftRelations ? 'publish' : 'publish-without-relations'
+    };
+};
+/**
+ * Counts draft relations in unsaved form values, excluding self-referential relations
+ * (preserved on publish via document-service self-referential-relations).
+ */ const countLocalDraftRelations = (data, schema, components, contentTypeUid)=>{
+    if (!schema?.attributes) {
+        return EMPTY_DRAFT_RELATION_COUNTS;
+    }
+    return Object.keys(schema.attributes).reduce((counts, attributeName)=>{
+        const attribute = schema.attributes[attributeName];
+        const value = data[attributeName];
+        if (!value) {
+            return counts;
+        }
+        switch(attribute.type){
+            case 'relation':
+                {
+                    if (!('target' in attribute) || attribute.target === contentTypeUid) {
+                        return counts;
+                    }
+                    if (typeof value === 'object' && value !== null && 'connect' in value) {
+                        const draftConnectCount = value.connect?.filter((relation)=>relation.status === 'draft').length ?? 0;
+                        if (draftConnectCount === 0) {
+                            return counts;
+                        }
+                        if (isBidirectionalManyToMany(attribute)) {
+                            return {
+                                ...counts,
+                                draftM2mLinks: counts.draftM2mLinks + draftConnectCount
+                            };
+                        }
+                        return {
+                            ...counts,
+                            unpublishedRelations: counts.unpublishedRelations + draftConnectCount
+                        };
+                    }
+                    return counts;
+                }
+            case 'component':
+                {
+                    const componentItems = Array.isArray(value) ? value : [
+                        value
+                    ];
+                    const componentSchema = components[attribute.component];
+                    return componentItems.reduce((componentCounts, componentValue)=>mergeDraftRelationCounts(componentCounts, countLocalDraftRelations(componentValue, componentSchema, components, contentTypeUid)), counts);
+                }
+            case 'dynamiczone':
+                {
+                    return value.reduce((zoneCounts, componentValue)=>{
+                        const componentUid = componentValue.__component;
+                        return mergeDraftRelationCounts(zoneCounts, countLocalDraftRelations(componentValue, components[componentUid], components, contentTypeUid));
+                    }, counts);
+                }
+            default:
+                return counts;
+        }
+    }, EMPTY_DRAFT_RELATION_COUNTS);
+};
+
+export { EMPTY_DRAFT_RELATION_COUNTS, countLocalDraftRelations, getDraftRelationsPublishState, isBidirectionalManyToMany, mergeDraftRelationCounts, normalizeDraftRelationCounts, resolveDraftRelationCounts };
+//# sourceMappingURL=draftRelationCounts.mjs.map

package/dist/admin/pages/EditView/utils/draftRelationCounts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"draftRelationCounts.mjs","sources":["../../../../../admin/src/pages/EditView/utils/draftRelationCounts.ts"],"sourcesContent":["import type { Component } from '../../../../../shared/contracts/components';\nimport type { ComponentsDictionary, Schema } from '../../../hooks/useDocument';\nimport type { RelationsFormValue } from '../components/FormInputs/Relations/Relations';\n\nexport interface DraftRelationCounts {\n  unpublishedRelations: number;\n  draftM2mLinks: number;\n}\n\nexport const EMPTY_DRAFT_RELATION_COUNTS: DraftRelationCounts = {\n  unpublishedRelations: 0,\n  draftM2mLinks: 0,\n};\n\nexport const isBidirectionalManyToMany = (attribute: Schema['attributes'][string]) => {\n  if (attribute.type !== 'relation' || attribute.relation !== 'manyToMany') {\n    return false;\n  }\n\n  const relationAttribute = attribute as Extract<\n    Schema['attributes'][string],\n    { type: 'relation'; relation: 'manyToMany' }\n  > & {\n    inversedBy?: string;\n    mappedBy?: string;\n  };\n\n  return Boolean(relationAttribute.inversedBy || relationAttribute.mappedBy);\n};\n\nexport const mergeDraftRelationCounts = (\n  left: DraftRelationCounts,\n  right: DraftRelationCounts\n): DraftRelationCounts => ({\n  unpublishedRelations: left.unpublishedRelations + right.unpublishedRelations,\n  draftM2mLinks: left.draftM2mLinks + right.draftM2mLinks,\n});\n\nexport const normalizeDraftRelationCounts = (payload: unknown): DraftRelationCounts => {\n  if (\n    payload &&\n    typeof payload === 'object' &&\n    'unpublishedRelations' in payload &&\n    'draftM2mLinks' in payload\n  ) {\n    return payload as DraftRelationCounts;\n  }\n\n  if (payload && typeof payload === 'object' && 'data' in payload) {\n    return normalizeDraftRelationCounts((payload as { data: unknown }).data);\n  }\n\n  return EMPTY_DRAFT_RELATION_COUNTS;\n};\n\nexport const resolveDraftRelationCounts = (\n  documentId: string | undefined,\n  modified: boolean,\n  localCounts: DraftRelationCounts,\n  serverCounts: DraftRelationCounts\n): DraftRelationCounts => {\n  if (!documentId) {\n    return localCounts;\n  }\n\n  const hasUnsavedDraftRelations =\n    localCounts.unpublishedRelations > 0 || localCounts.draftM2mLinks > 0;\n\n  if (modified || hasUnsavedDraftRelations) {\n    return mergeDraftRelationCounts(localCounts, serverCounts);\n  }\n\n  return serverCounts;\n};\n\nexport interface DraftRelationsPublishState {\n  hasUnpublishedRelations: boolean;\n  hasDraftM2mLinks: boolean;\n  hasDraftRelations: boolean;\n  isM2mOnlyDraftRelations: boolean;\n  dialogVariant: 'default' | 'danger';\n  bodyIcon: 'default' | 'danger';\n  confirmLabel: 'publish' | 'publish-without-relations';\n}\n\nexport const getDraftRelationsPublishState = (\n  counts: DraftRelationCounts\n): DraftRelationsPublishState => {\n  const hasUnpublishedRelations = counts.unpublishedRelations > 0;\n  const hasDraftM2mLinks = counts.draftM2mLinks > 0;\n  const hasDraftRelations = hasUnpublishedRelations || hasDraftM2mLinks;\n  const isM2mOnlyDraftRelations = hasDraftM2mLinks && !hasUnpublishedRelations;\n\n  return {\n    hasUnpublishedRelations,\n    hasDraftM2mLinks,\n    hasDraftRelations,\n    isM2mOnlyDraftRelations,\n    dialogVariant: isM2mOnlyDraftRelations ? 'default' : 'danger',\n    bodyIcon: isM2mOnlyDraftRelations ? 'default' : 'danger',\n    confirmLabel: isM2mOnlyDraftRelations ? 'publish' : 'publish-without-relations',\n  };\n};\n\n/**\n * Counts draft relations in unsaved form values, excluding self-referential relations\n * (preserved on publish via document-service self-referential-relations).\n */\nexport const countLocalDraftRelations = (\n  data: Record<string, unknown>,\n  schema: Schema | Component | undefined,\n  components: ComponentsDictionary,\n  contentTypeUid: string\n): DraftRelationCounts => {\n  if (!schema?.attributes) {\n    return EMPTY_DRAFT_RELATION_COUNTS;\n  }\n\n  return Object.keys(schema.attributes).reduce((counts, attributeName) => {\n    const attribute = schema.attributes[attributeName];\n    const value = data[attributeName];\n\n    if (!value) {\n      return counts;\n    }\n\n    switch (attribute.type) {\n      case 'relation': {\n        if (!('target' in attribute) || attribute.target === contentTypeUid) {\n          return counts;\n        }\n\n        if (typeof value === 'object' && value !== null && 'connect' in value) {\n          const draftConnectCount =\n            (value as RelationsFormValue).connect?.filter((relation) => relation.status === 'draft')\n              .length ?? 0;\n\n          if (draftConnectCount === 0) {\n            return counts;\n          }\n\n          if (isBidirectionalManyToMany(attribute)) {\n            return {\n              ...counts,\n              draftM2mLinks: counts.draftM2mLinks + draftConnectCount,\n            };\n          }\n\n          return {\n            ...counts,\n            unpublishedRelations: counts.unpublishedRelations + draftConnectCount,\n          };\n        }\n\n        return counts;\n      }\n      case 'component': {\n        const componentItems = Array.isArray(value) ? value : [value];\n        const componentSchema = components[attribute.component];\n\n        return componentItems.reduce(\n          (componentCounts, componentValue) =>\n            mergeDraftRelationCounts(\n              componentCounts,\n              countLocalDraftRelations(\n                componentValue as Record<string, unknown>,\n                componentSchema,\n                components,\n                contentTypeUid\n              )\n            ),\n          counts\n        );\n      }\n      case 'dynamiczone': {\n        return (value as Array<Record<string, unknown>>).reduce((zoneCounts, componentValue) => {\n          const componentUid = componentValue.__component as string;\n\n          return mergeDraftRelationCounts(\n            zoneCounts,\n            countLocalDraftRelations(\n              componentValue,\n              components[componentUid],\n              components,\n              contentTypeUid\n            )\n          );\n        }, counts);\n      }\n      default:\n        return counts;\n    }\n  }, EMPTY_DRAFT_RELATION_COUNTS);\n};\n"],"names":["EMPTY_DRAFT_RELATION_COUNTS","unpublishedRelations","draftM2mLinks","isBidirectionalManyToMany","attribute","type","relation","relationAttribute","Boolean","inversedBy","mappedBy","mergeDraftRelationCounts","left","right","normalizeDraftRelationCounts","payload","data","resolveDraftRelationCounts","documentId","modified","localCounts","serverCounts","hasUnsavedDraftRelations","getDraftRelationsPublishState","counts","hasUnpublishedRelations","hasDraftM2mLinks","hasDraftRelations","isM2mOnlyDraftRelations","dialogVariant","bodyIcon","confirmLabel","countLocalDraftRelations","schema","components","contentTypeUid","attributes","Object","keys","reduce","attributeName","value","target","draftConnectCount","connect","filter","status","length","componentItems","Array","isArray","componentSchema","component","componentCounts","componentValue","zoneCounts","componentUid","__component"],"mappings":"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"}

package/dist/admin/pages/ListView/components/BulkActions/ConfirmBulkActionDialog.js

@@ -98,7 +98,7 @@ const ConfirmDialogPublishAll = ({ isOpen, onToggleDialog, isConfirmButtonLoadin
         documentIds: selectedEntries.map((entry)=>entry.documentId),
         locale: query?.plugins?.i18n?.locale
     }, {
-        skip: true
+        skip: selectedEntries.length === 0
     });
     React__namespace.useEffect(()=>{
         if (error) {

package/dist/admin/pages/ListView/components/BulkActions/ConfirmBulkActionDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmBulkActionDialog.js","sources":["../../../../../../admin/src/pages/ListView/components/BulkActions/ConfirmBulkActionDialog.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  useTable,\n  useNotification,\n  useAPIErrorHandler,\n  useQueryParams,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Flex, Dialog, Typography } from '@strapi/design-system';\nimport { Check, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useDoc } from '../../../../hooks/useDocument';\nimport { useGetManyDraftRelationCountQuery } from '../../../../services/documents';\nimport { getTranslation } from '../../../../utils/translations';\n\nimport { Emphasis } from './Actions';\n\ninterface ConfirmBulkActionDialogProps {\n  endAction: React.ReactNode;\n  onToggleDialog: () => void;\n  isOpen?: boolean;\n  dialogBody: React.ReactNode;\n}\n\nconst ConfirmBulkActionDialog = ({\n  onToggleDialog,\n  isOpen = false,\n  dialogBody,\n  endAction,\n}: ConfirmBulkActionDialogProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Dialog.Root open={isOpen}>\n      <Dialog.Content>\n        <Dialog.Header>\n          {formatMessage({\n            id: 'app.components.ConfirmDialog.title',\n            defaultMessage: 'Confirmation',\n          })}\n        </Dialog.Header>\n        <Dialog.Body>\n          <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n            <Flex justifyContent=\"center\">\n              <WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />\n            </Flex>\n            {dialogBody}\n          </Flex>\n        </Dialog.Body>\n        <Dialog.Footer>\n          <Dialog.Cancel>\n            <Button width={'50%'} onClick={onToggleDialog} variant=\"tertiary\">\n              {formatMessage({\n                id: 'app.components.Button.cancel',\n                defaultMessage: 'Cancel',\n              })}\n            </Button>\n          </Dialog.Cancel>\n          {endAction}\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * BoldChunk\n * -----------------------------------------------------------------------------------------------*/\n\nconst BoldChunk = (chunks: React.ReactNode) => <Typography fontWeight=\"bold\">{chunks}</Typography>;\n\n/* -------------------------------------------------------------------------------------------------\n * ConfirmDialogPublishAll\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ConfirmDialogPublishAllProps\n  extends Pick<ConfirmBulkActionDialogProps, 'isOpen' | 'onToggleDialog'> {\n  isConfirmButtonLoading?: boolean;\n  onConfirm: () => void;\n}\n\nconst ConfirmDialogPublishAll = ({\n  isOpen,\n  onToggleDialog,\n  isConfirmButtonLoading = false,\n  onConfirm,\n}: ConfirmDialogPublishAllProps) => {\n  const { formatMessage } = useIntl();\n  const selectedEntries = useTable('ConfirmDialogPublishAll', (state) => state.selectedRows);\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler(getTranslation);\n  const { model } = useDoc();\n  const [{ query }] = useQueryParams<{\n    plugins?: {\n      i18n?: {\n        locale?: string;\n      };\n    };\n  }>();\n\n  // TODO skipping this for now as there is a bug with the draft relation count that will be worked on separately\n  // see RFC \"Count draft relations\" in Notion\n  const enableDraftRelationsCount = false;\n\n  const {\n    data: countDraftRelations = 0,\n    isLoading,\n    error,\n  } = useGetManyDraftRelationCountQuery(\n    {\n      model,\n      documentIds: selectedEntries.map((entry) => entry.documentId),\n      locale: query?.plugins?.i18n?.locale,\n    },\n    {\n      skip: !enableDraftRelationsCount || selectedEntries.length === 0,\n    }\n  );\n\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({ type: 'danger', message: formatAPIError(error) });\n    }\n  }, [error, formatAPIError, toggleNotification]);\n\n  if (error) {\n    return null;\n  }\n\n  return (\n    <ConfirmBulkActionDialog\n      isOpen={isOpen && !isLoading}\n      onToggleDialog={onToggleDialog}\n      dialogBody={\n        <>\n          <Typography id=\"confirm-description\" textAlign=\"center\">\n            {countDraftRelations > 0 &&\n              formatMessage(\n                {\n                  id: getTranslation(`popUpwarning.warning.bulk-has-draft-relations.message`),\n                  defaultMessage:\n                    '<b>{count} {count, plural, one { relation } other { relations } } out of {entities} { entities, plural, one { entry } other { entries } } {count, plural, one { is } other { are } }</b> not published yet and might lead to unexpected behavior. ',\n                },\n                {\n                  b: BoldChunk,\n                  count: countDraftRelations,\n                  entities: selectedEntries.length,\n                }\n              )}\n            {formatMessage({\n              id: getTranslation('popUpWarning.bodyMessage.contentType.publish.all'),\n              defaultMessage: 'Are you sure you want to publish these entries?',\n            })}\n          </Typography>\n        </>\n      }\n      endAction={\n        <Button\n          width={'50%'}\n          onClick={onConfirm}\n          variant=\"secondary\"\n          startIcon={<Check />}\n          loading={isConfirmButtonLoading}\n        >\n          {formatMessage({\n            id: 'app.utils.publish',\n            defaultMessage: 'Publish',\n          })}\n        </Button>\n      }\n    />\n  );\n};\n\nexport { ConfirmDialogPublishAll, ConfirmBulkActionDialog };\nexport type { ConfirmDialogPublishAllProps, ConfirmBulkActionDialogProps };\n"],"names":["ConfirmBulkActionDialog","onToggleDialog","isOpen","dialogBody","endAction","formatMessage","useIntl","_jsx","Dialog","Root","open","_jsxs","Content","Header","id","defaultMessage","Body","Flex","direction","alignItems","gap","justifyContent","WarningCircle","width","height","fill","Footer","Cancel","Button","onClick","variant","BoldChunk","chunks","Typography","fontWeight","ConfirmDialogPublishAll","isConfirmButtonLoading","onConfirm","selectedEntries","useTable","state","selectedRows","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","getTranslation","model","useDoc","query","useQueryParams","data","countDraftRelations","isLoading","error","useGetManyDraftRelationCountQuery","documentIds","map","entry","documentId","locale","plugins","i18n","skip","React","useEffect","type","message","_Fragment","textAlign","b","count","entities","length","startIcon","Check","loading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAMA,uBAAAA,GAA0B,CAAC,EAC/BC,cAAc,EACdC,MAAAA,GAAS,KAAK,EACdC,UAAU,EACVC,SAAS,EACoB,GAAA;IAC7B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAE1B,qBACEC,cAAA,CAACC,oBAAOC,IAAI,EAAA;QAACC,IAAAA,EAAMR,MAAAA;gCACjBS,eAAA,CAACH,oBAAOI,OAAO,EAAA;;AACb,8BAAAL,cAAA,CAACC,oBAAOK,MAAM,EAAA;8BACXR,aAAAA,CAAc;wBACbS,EAAAA,EAAI,oCAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA;;AAEF,8BAAAR,cAAA,CAACC,oBAAOQ,IAAI,EAAA;AACV,oBAAA,QAAA,gBAAAL,eAAA,CAACM,iBAAAA,EAAAA;wBAAKC,SAAAA,EAAU,QAAA;wBAASC,UAAAA,EAAW,SAAA;wBAAUC,GAAAA,EAAK,CAAA;;0CACjDb,cAAA,CAACU,iBAAAA,EAAAA;gCAAKI,cAAAA,EAAe,QAAA;AACnB,gCAAA,QAAA,gBAAAd,cAAA,CAACe,mBAAAA,EAAAA;oCAAcC,KAAAA,EAAM,MAAA;oCAAOC,MAAAA,EAAO,MAAA;oCAAOC,IAAAA,EAAK;;;AAEhDtB,4BAAAA;;;;AAGL,8BAAAQ,eAAA,CAACH,oBAAOkB,MAAM,EAAA;;AACZ,sCAAAnB,cAAA,CAACC,oBAAOmB,MAAM,EAAA;AACZ,4BAAA,QAAA,gBAAApB,cAAA,CAACqB,mBAAAA,EAAAA;gCAAOL,KAAAA,EAAO,KAAA;gCAAOM,OAAAA,EAAS5B,cAAAA;gCAAgB6B,OAAAA,EAAQ,UAAA;0CACpDzB,aAAAA,CAAc;oCACbS,EAAAA,EAAI,8BAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;;AAGHX,wBAAAA;;;;;;AAKX;AAEA;;AAEkG,qGAElG,MAAM2B,SAAAA,GAAY,CAACC,MAAAA,iBAA4BzB,cAAA,CAAC0B,uBAAAA,EAAAA;QAAWC,UAAAA,EAAW,MAAA;AAAQF,QAAAA,QAAAA,EAAAA;;AAY9E,MAAMG,uBAAAA,GAA0B,CAAC,EAC/BjC,MAAM,EACND,cAAc,EACdmC,sBAAAA,GAAyB,KAAK,EAC9BC,SAAS,EACoB,GAAA;IAC7B,MAAM,EAAEhC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMgC,kBAAkBC,oBAAAA,CAAS,yBAAA,EAA2B,CAACC,KAAAA,GAAUA,MAAMC,YAAY,CAAA;IACzF,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;AAC/B,IAAA,MAAM,EAAEC,uBAAAA,EAAyBC,cAAc,EAAE,GAAGC,8BAAAA,CAAmBC,2BAAAA,CAAAA;IACvE,MAAM,EAAEC,KAAK,EAAE,GAAGC,kBAAAA,EAAAA;AAClB,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,CAAC,GAAGC,0BAAAA,EAAAA;IAYpB,MAAM,EACJC,IAAAA,EAAMC,mBAAAA,GAAsB,CAAC,EAC7BC,SAAS,EACTC,KAAK,EACN,GAAGC,2CAAAA,CACF;AACER,QAAAA,KAAAA;AACAS,QAAAA,WAAAA,EAAanB,gBAAgBoB,GAAG,CAAC,CAACC,KAAAA,GAAUA,MAAMC,UAAU,CAAA;QAC5DC,MAAAA,EAAQX,KAAAA,EAAOY,SAASC,IAAAA,EAAMF;KAChC,EACA;AACEG,QAAAA,IAAAA,EAAM;AACR,KAAA,CAAA;AAGFC,IAAAA,gBAAAA,CAAMC,SAAS,CAAC,IAAA;AACd,QAAA,IAAIX,KAAAA,EAAO;YACTb,kBAAAA,CAAmB;gBAAEyB,IAAAA,EAAM,QAAA;AAAUC,gBAAAA,OAAAA,EAASvB,cAAAA,CAAeU,KAAAA;AAAO,aAAA,CAAA;AACtE,QAAA;IACF,CAAA,EAAG;AAACA,QAAAA,KAAAA;AAAOV,QAAAA,cAAAA;AAAgBH,QAAAA;AAAmB,KAAA,CAAA;AAE9C,IAAA,IAAIa,KAAAA,EAAO;QACT,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACEhD,cAAA,CAACP,uBAAAA,EAAAA;AACCE,QAAAA,MAAAA,EAAQA,UAAU,CAACoD,SAAAA;QACnBrD,cAAAA,EAAgBA,cAAAA;QAChBE,UAAAA,gBACEI,cAAA,CAAA8D,mBAAA,EAAA;AACE,YAAA,QAAA,gBAAA1D,eAAA,CAACsB,uBAAAA,EAAAA;gBAAWnB,EAAAA,EAAG,qBAAA;gBAAsBwD,SAAAA,EAAU,QAAA;;AAC5CjB,oBAAAA,mBAAAA,GAAsB,KACrBhD,aAAAA,CACE;wBACES,EAAAA,EAAIiC,2BAAAA,CAAe,CAAC,qDAAqD,CAAC,CAAA;wBAC1EhC,cAAAA,EACE;qBACJ,EACA;wBACEwD,CAAAA,EAAGxC,SAAAA;wBACHyC,KAAAA,EAAOnB,mBAAAA;AACPoB,wBAAAA,QAAAA,EAAUnC,gBAAgBoC;AAC5B,qBAAA,CAAA;oBAEHrE,aAAAA,CAAc;AACbS,wBAAAA,EAAAA,EAAIiC,2BAAAA,CAAe,kDAAA,CAAA;wBACnBhC,cAAAA,EAAgB;AAClB,qBAAA;;;;AAINX,QAAAA,SAAAA,gBACEG,cAAA,CAACqB,mBAAAA,EAAAA;YACCL,KAAAA,EAAO,KAAA;YACPM,OAAAA,EAASQ,SAAAA;YACTP,OAAAA,EAAQ,WAAA;AACR6C,YAAAA,SAAAA,gBAAWpE,cAAA,CAACqE,WAAAA,EAAAA,EAAAA,CAAAA;YACZC,OAAAA,EAASzC,sBAAAA;sBAER/B,aAAAA,CAAc;gBACbS,EAAAA,EAAI,mBAAA;gBACJC,cAAAA,EAAgB;AAClB,aAAA;;;AAKV;;;;;"}
+{"version":3,"file":"ConfirmBulkActionDialog.js","sources":["../../../../../../admin/src/pages/ListView/components/BulkActions/ConfirmBulkActionDialog.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  useTable,\n  useNotification,\n  useAPIErrorHandler,\n  useQueryParams,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Flex, Dialog, Typography } from '@strapi/design-system';\nimport { Check, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useDoc } from '../../../../hooks/useDocument';\nimport { useGetManyDraftRelationCountQuery } from '../../../../services/documents';\nimport { getTranslation } from '../../../../utils/translations';\n\nimport { Emphasis } from './Actions';\n\ninterface ConfirmBulkActionDialogProps {\n  endAction: React.ReactNode;\n  onToggleDialog: () => void;\n  isOpen?: boolean;\n  dialogBody: React.ReactNode;\n}\n\nconst ConfirmBulkActionDialog = ({\n  onToggleDialog,\n  isOpen = false,\n  dialogBody,\n  endAction,\n}: ConfirmBulkActionDialogProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Dialog.Root open={isOpen}>\n      <Dialog.Content>\n        <Dialog.Header>\n          {formatMessage({\n            id: 'app.components.ConfirmDialog.title',\n            defaultMessage: 'Confirmation',\n          })}\n        </Dialog.Header>\n        <Dialog.Body>\n          <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n            <Flex justifyContent=\"center\">\n              <WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />\n            </Flex>\n            {dialogBody}\n          </Flex>\n        </Dialog.Body>\n        <Dialog.Footer>\n          <Dialog.Cancel>\n            <Button width={'50%'} onClick={onToggleDialog} variant=\"tertiary\">\n              {formatMessage({\n                id: 'app.components.Button.cancel',\n                defaultMessage: 'Cancel',\n              })}\n            </Button>\n          </Dialog.Cancel>\n          {endAction}\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * BoldChunk\n * -----------------------------------------------------------------------------------------------*/\n\nconst BoldChunk = (chunks: React.ReactNode) => <Typography fontWeight=\"bold\">{chunks}</Typography>;\n\n/* -------------------------------------------------------------------------------------------------\n * ConfirmDialogPublishAll\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ConfirmDialogPublishAllProps\n  extends Pick<ConfirmBulkActionDialogProps, 'isOpen' | 'onToggleDialog'> {\n  isConfirmButtonLoading?: boolean;\n  onConfirm: () => void;\n}\n\nconst ConfirmDialogPublishAll = ({\n  isOpen,\n  onToggleDialog,\n  isConfirmButtonLoading = false,\n  onConfirm,\n}: ConfirmDialogPublishAllProps) => {\n  const { formatMessage } = useIntl();\n  const selectedEntries = useTable('ConfirmDialogPublishAll', (state) => state.selectedRows);\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler(getTranslation);\n  const { model } = useDoc();\n  const [{ query }] = useQueryParams<{\n    plugins?: {\n      i18n?: {\n        locale?: string;\n      };\n    };\n  }>();\n\n  const {\n    data: countDraftRelations = 0,\n    isLoading,\n    error,\n  } = useGetManyDraftRelationCountQuery(\n    {\n      model,\n      documentIds: selectedEntries.map((entry) => entry.documentId),\n      locale: query?.plugins?.i18n?.locale,\n    },\n    {\n      skip: selectedEntries.length === 0,\n    }\n  );\n\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({ type: 'danger', message: formatAPIError(error) });\n    }\n  }, [error, formatAPIError, toggleNotification]);\n\n  if (error) {\n    return null;\n  }\n\n  return (\n    <ConfirmBulkActionDialog\n      isOpen={isOpen && !isLoading}\n      onToggleDialog={onToggleDialog}\n      dialogBody={\n        <>\n          <Typography id=\"confirm-description\" textAlign=\"center\">\n            {countDraftRelations > 0 &&\n              formatMessage(\n                {\n                  id: getTranslation(`popUpwarning.warning.bulk-has-draft-relations.message`),\n                  defaultMessage:\n                    '<b>{count} {count, plural, one { relation } other { relations } } out of {entities} { entities, plural, one { entry } other { entries } } {count, plural, one { is } other { are } }</b> not published yet and might lead to unexpected behavior. ',\n                },\n                {\n                  b: BoldChunk,\n                  count: countDraftRelations,\n                  entities: selectedEntries.length,\n                }\n              )}\n            {formatMessage({\n              id: getTranslation('popUpWarning.bodyMessage.contentType.publish.all'),\n              defaultMessage: 'Are you sure you want to publish these entries?',\n            })}\n          </Typography>\n        </>\n      }\n      endAction={\n        <Button\n          width={'50%'}\n          onClick={onConfirm}\n          variant=\"secondary\"\n          startIcon={<Check />}\n          loading={isConfirmButtonLoading}\n        >\n          {formatMessage({\n            id: 'app.utils.publish',\n            defaultMessage: 'Publish',\n          })}\n        </Button>\n      }\n    />\n  );\n};\n\nexport { ConfirmDialogPublishAll, ConfirmBulkActionDialog };\nexport type { ConfirmDialogPublishAllProps, ConfirmBulkActionDialogProps };\n"],"names":["ConfirmBulkActionDialog","onToggleDialog","isOpen","dialogBody","endAction","formatMessage","useIntl","_jsx","Dialog","Root","open","_jsxs","Content","Header","id","defaultMessage","Body","Flex","direction","alignItems","gap","justifyContent","WarningCircle","width","height","fill","Footer","Cancel","Button","onClick","variant","BoldChunk","chunks","Typography","fontWeight","ConfirmDialogPublishAll","isConfirmButtonLoading","onConfirm","selectedEntries","useTable","state","selectedRows","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","getTranslation","model","useDoc","query","useQueryParams","data","countDraftRelations","isLoading","error","useGetManyDraftRelationCountQuery","documentIds","map","entry","documentId","locale","plugins","i18n","skip","length","React","useEffect","type","message","_Fragment","textAlign","b","count","entities","startIcon","Check","loading"],"mappings":"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"}

package/dist/admin/pages/ListView/components/BulkActions/ConfirmBulkActionDialog.mjs

@@ -76,7 +76,7 @@ const ConfirmDialogPublishAll = ({ isOpen, onToggleDialog, isConfirmButtonLoadin
         documentIds: selectedEntries.map((entry)=>entry.documentId),
         locale: query?.plugins?.i18n?.locale
     }, {
-        skip: true
+        skip: selectedEntries.length === 0
     });
     React.useEffect(()=>{
         if (error) {

package/dist/admin/pages/ListView/components/BulkActions/ConfirmBulkActionDialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmBulkActionDialog.mjs","sources":["../../../../../../admin/src/pages/ListView/components/BulkActions/ConfirmBulkActionDialog.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  useTable,\n  useNotification,\n  useAPIErrorHandler,\n  useQueryParams,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Flex, Dialog, Typography } from '@strapi/design-system';\nimport { Check, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useDoc } from '../../../../hooks/useDocument';\nimport { useGetManyDraftRelationCountQuery } from '../../../../services/documents';\nimport { getTranslation } from '../../../../utils/translations';\n\nimport { Emphasis } from './Actions';\n\ninterface ConfirmBulkActionDialogProps {\n  endAction: React.ReactNode;\n  onToggleDialog: () => void;\n  isOpen?: boolean;\n  dialogBody: React.ReactNode;\n}\n\nconst ConfirmBulkActionDialog = ({\n  onToggleDialog,\n  isOpen = false,\n  dialogBody,\n  endAction,\n}: ConfirmBulkActionDialogProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Dialog.Root open={isOpen}>\n      <Dialog.Content>\n        <Dialog.Header>\n          {formatMessage({\n            id: 'app.components.ConfirmDialog.title',\n            defaultMessage: 'Confirmation',\n          })}\n        </Dialog.Header>\n        <Dialog.Body>\n          <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n            <Flex justifyContent=\"center\">\n              <WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />\n            </Flex>\n            {dialogBody}\n          </Flex>\n        </Dialog.Body>\n        <Dialog.Footer>\n          <Dialog.Cancel>\n            <Button width={'50%'} onClick={onToggleDialog} variant=\"tertiary\">\n              {formatMessage({\n                id: 'app.components.Button.cancel',\n                defaultMessage: 'Cancel',\n              })}\n            </Button>\n          </Dialog.Cancel>\n          {endAction}\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * BoldChunk\n * -----------------------------------------------------------------------------------------------*/\n\nconst BoldChunk = (chunks: React.ReactNode) => <Typography fontWeight=\"bold\">{chunks}</Typography>;\n\n/* -------------------------------------------------------------------------------------------------\n * ConfirmDialogPublishAll\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ConfirmDialogPublishAllProps\n  extends Pick<ConfirmBulkActionDialogProps, 'isOpen' | 'onToggleDialog'> {\n  isConfirmButtonLoading?: boolean;\n  onConfirm: () => void;\n}\n\nconst ConfirmDialogPublishAll = ({\n  isOpen,\n  onToggleDialog,\n  isConfirmButtonLoading = false,\n  onConfirm,\n}: ConfirmDialogPublishAllProps) => {\n  const { formatMessage } = useIntl();\n  const selectedEntries = useTable('ConfirmDialogPublishAll', (state) => state.selectedRows);\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler(getTranslation);\n  const { model } = useDoc();\n  const [{ query }] = useQueryParams<{\n    plugins?: {\n      i18n?: {\n        locale?: string;\n      };\n    };\n  }>();\n\n  // TODO skipping this for now as there is a bug with the draft relation count that will be worked on separately\n  // see RFC \"Count draft relations\" in Notion\n  const enableDraftRelationsCount = false;\n\n  const {\n    data: countDraftRelations = 0,\n    isLoading,\n    error,\n  } = useGetManyDraftRelationCountQuery(\n    {\n      model,\n      documentIds: selectedEntries.map((entry) => entry.documentId),\n      locale: query?.plugins?.i18n?.locale,\n    },\n    {\n      skip: !enableDraftRelationsCount || selectedEntries.length === 0,\n    }\n  );\n\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({ type: 'danger', message: formatAPIError(error) });\n    }\n  }, [error, formatAPIError, toggleNotification]);\n\n  if (error) {\n    return null;\n  }\n\n  return (\n    <ConfirmBulkActionDialog\n      isOpen={isOpen && !isLoading}\n      onToggleDialog={onToggleDialog}\n      dialogBody={\n        <>\n          <Typography id=\"confirm-description\" textAlign=\"center\">\n            {countDraftRelations > 0 &&\n              formatMessage(\n                {\n                  id: getTranslation(`popUpwarning.warning.bulk-has-draft-relations.message`),\n                  defaultMessage:\n                    '<b>{count} {count, plural, one { relation } other { relations } } out of {entities} { entities, plural, one { entry } other { entries } } {count, plural, one { is } other { are } }</b> not published yet and might lead to unexpected behavior. ',\n                },\n                {\n                  b: BoldChunk,\n                  count: countDraftRelations,\n                  entities: selectedEntries.length,\n                }\n              )}\n            {formatMessage({\n              id: getTranslation('popUpWarning.bodyMessage.contentType.publish.all'),\n              defaultMessage: 'Are you sure you want to publish these entries?',\n            })}\n          </Typography>\n        </>\n      }\n      endAction={\n        <Button\n          width={'50%'}\n          onClick={onConfirm}\n          variant=\"secondary\"\n          startIcon={<Check />}\n          loading={isConfirmButtonLoading}\n        >\n          {formatMessage({\n            id: 'app.utils.publish',\n            defaultMessage: 'Publish',\n          })}\n        </Button>\n      }\n    />\n  );\n};\n\nexport { ConfirmDialogPublishAll, ConfirmBulkActionDialog };\nexport type { ConfirmDialogPublishAllProps, ConfirmBulkActionDialogProps };\n"],"names":["ConfirmBulkActionDialog","onToggleDialog","isOpen","dialogBody","endAction","formatMessage","useIntl","_jsx","Dialog","Root","open","_jsxs","Content","Header","id","defaultMessage","Body","Flex","direction","alignItems","gap","justifyContent","WarningCircle","width","height","fill","Footer","Cancel","Button","onClick","variant","BoldChunk","chunks","Typography","fontWeight","ConfirmDialogPublishAll","isConfirmButtonLoading","onConfirm","selectedEntries","useTable","state","selectedRows","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","getTranslation","model","useDoc","query","useQueryParams","data","countDraftRelations","isLoading","error","useGetManyDraftRelationCountQuery","documentIds","map","entry","documentId","locale","plugins","i18n","skip","React","useEffect","type","message","_Fragment","textAlign","b","count","entities","length","startIcon","Check","loading"],"mappings":"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"}
+{"version":3,"file":"ConfirmBulkActionDialog.mjs","sources":["../../../../../../admin/src/pages/ListView/components/BulkActions/ConfirmBulkActionDialog.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  useTable,\n  useNotification,\n  useAPIErrorHandler,\n  useQueryParams,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Flex, Dialog, Typography } from '@strapi/design-system';\nimport { Check, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useDoc } from '../../../../hooks/useDocument';\nimport { useGetManyDraftRelationCountQuery } from '../../../../services/documents';\nimport { getTranslation } from '../../../../utils/translations';\n\nimport { Emphasis } from './Actions';\n\ninterface ConfirmBulkActionDialogProps {\n  endAction: React.ReactNode;\n  onToggleDialog: () => void;\n  isOpen?: boolean;\n  dialogBody: React.ReactNode;\n}\n\nconst ConfirmBulkActionDialog = ({\n  onToggleDialog,\n  isOpen = false,\n  dialogBody,\n  endAction,\n}: ConfirmBulkActionDialogProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Dialog.Root open={isOpen}>\n      <Dialog.Content>\n        <Dialog.Header>\n          {formatMessage({\n            id: 'app.components.ConfirmDialog.title',\n            defaultMessage: 'Confirmation',\n          })}\n        </Dialog.Header>\n        <Dialog.Body>\n          <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n            <Flex justifyContent=\"center\">\n              <WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />\n            </Flex>\n            {dialogBody}\n          </Flex>\n        </Dialog.Body>\n        <Dialog.Footer>\n          <Dialog.Cancel>\n            <Button width={'50%'} onClick={onToggleDialog} variant=\"tertiary\">\n              {formatMessage({\n                id: 'app.components.Button.cancel',\n                defaultMessage: 'Cancel',\n              })}\n            </Button>\n          </Dialog.Cancel>\n          {endAction}\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * BoldChunk\n * -----------------------------------------------------------------------------------------------*/\n\nconst BoldChunk = (chunks: React.ReactNode) => <Typography fontWeight=\"bold\">{chunks}</Typography>;\n\n/* -------------------------------------------------------------------------------------------------\n * ConfirmDialogPublishAll\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ConfirmDialogPublishAllProps\n  extends Pick<ConfirmBulkActionDialogProps, 'isOpen' | 'onToggleDialog'> {\n  isConfirmButtonLoading?: boolean;\n  onConfirm: () => void;\n}\n\nconst ConfirmDialogPublishAll = ({\n  isOpen,\n  onToggleDialog,\n  isConfirmButtonLoading = false,\n  onConfirm,\n}: ConfirmDialogPublishAllProps) => {\n  const { formatMessage } = useIntl();\n  const selectedEntries = useTable('ConfirmDialogPublishAll', (state) => state.selectedRows);\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler(getTranslation);\n  const { model } = useDoc();\n  const [{ query }] = useQueryParams<{\n    plugins?: {\n      i18n?: {\n        locale?: string;\n      };\n    };\n  }>();\n\n  const {\n    data: countDraftRelations = 0,\n    isLoading,\n    error,\n  } = useGetManyDraftRelationCountQuery(\n    {\n      model,\n      documentIds: selectedEntries.map((entry) => entry.documentId),\n      locale: query?.plugins?.i18n?.locale,\n    },\n    {\n      skip: selectedEntries.length === 0,\n    }\n  );\n\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({ type: 'danger', message: formatAPIError(error) });\n    }\n  }, [error, formatAPIError, toggleNotification]);\n\n  if (error) {\n    return null;\n  }\n\n  return (\n    <ConfirmBulkActionDialog\n      isOpen={isOpen && !isLoading}\n      onToggleDialog={onToggleDialog}\n      dialogBody={\n        <>\n          <Typography id=\"confirm-description\" textAlign=\"center\">\n            {countDraftRelations > 0 &&\n              formatMessage(\n                {\n                  id: getTranslation(`popUpwarning.warning.bulk-has-draft-relations.message`),\n                  defaultMessage:\n                    '<b>{count} {count, plural, one { relation } other { relations } } out of {entities} { entities, plural, one { entry } other { entries } } {count, plural, one { is } other { are } }</b> not published yet and might lead to unexpected behavior. ',\n                },\n                {\n                  b: BoldChunk,\n                  count: countDraftRelations,\n                  entities: selectedEntries.length,\n                }\n              )}\n            {formatMessage({\n              id: getTranslation('popUpWarning.bodyMessage.contentType.publish.all'),\n              defaultMessage: 'Are you sure you want to publish these entries?',\n            })}\n          </Typography>\n        </>\n      }\n      endAction={\n        <Button\n          width={'50%'}\n          onClick={onConfirm}\n          variant=\"secondary\"\n          startIcon={<Check />}\n          loading={isConfirmButtonLoading}\n        >\n          {formatMessage({\n            id: 'app.utils.publish',\n            defaultMessage: 'Publish',\n          })}\n        </Button>\n      }\n    />\n  );\n};\n\nexport { ConfirmDialogPublishAll, ConfirmBulkActionDialog };\nexport type { ConfirmDialogPublishAllProps, ConfirmBulkActionDialogProps };\n"],"names":["ConfirmBulkActionDialog","onToggleDialog","isOpen","dialogBody","endAction","formatMessage","useIntl","_jsx","Dialog","Root","open","_jsxs","Content","Header","id","defaultMessage","Body","Flex","direction","alignItems","gap","justifyContent","WarningCircle","width","height","fill","Footer","Cancel","Button","onClick","variant","BoldChunk","chunks","Typography","fontWeight","ConfirmDialogPublishAll","isConfirmButtonLoading","onConfirm","selectedEntries","useTable","state","selectedRows","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","getTranslation","model","useDoc","query","useQueryParams","data","countDraftRelations","isLoading","error","useGetManyDraftRelationCountQuery","documentIds","map","entry","documentId","locale","plugins","i18n","skip","length","React","useEffect","type","message","_Fragment","textAlign","b","count","entities","startIcon","Check","loading"],"mappings":"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"}

package/dist/admin/pages/ListView/components/TableCells/CellContent.js

@@ -17,8 +17,8 @@ const CellContent = ({ content, mainField, attribute, rowId, name })=>{
     if (!hasContent(content, mainField, attribute)) {
         return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
             textColor: "neutral800",
-            paddingLeft: attribute.type === ('relation') ? '1.6rem' : 0,
-            paddingRight: attribute.type === ('relation') ? '1.6rem' : 0,
+            paddingLeft: attribute.type === 'relation' || attribute.type === 'component' ? '1.6rem' : 0,
+            paddingRight: attribute.type === 'relation' || attribute.type === 'component' ? '1.6rem' : 0,
             children: "-"
         });
     }

package/dist/admin/pages/ListView/components/TableCells/CellContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellContent.js","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/CellContent.tsx"],"sourcesContent":["import { Tooltip, Typography } from '@strapi/design-system';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { CellValue } from './CellValue';\nimport { SingleComponent, RepeatableComponent } from './Components';\nimport { MediaSingle, MediaMultiple } from './Media';\nimport { RelationMultiple, RelationSingle } from './Relations';\n\nimport type { ListFieldLayout } from '../../../../hooks/useDocumentLayout';\nimport type { Schema, Data } from '@strapi/types';\n\ninterface CellContentProps extends Omit<ListFieldLayout, 'cellFormatter'> {\n  content: Schema.Attribute.Value<Schema.Attribute.AnyAttribute>;\n  rowId: Data.ID;\n}\n\nconst CellContent = ({ content, mainField, attribute, rowId, name }: CellContentProps) => {\n  const isIdColumn = name === 'id';\n\n  if (!hasContent(content, mainField, attribute)) {\n    return (\n      <Typography\n        textColor=\"neutral800\"\n        paddingLeft={attribute.type === ('relation' || 'component') ? '1.6rem' : 0}\n        paddingRight={attribute.type === ('relation' || 'component') ? '1.6rem' : 0}\n      >\n        -\n      </Typography>\n    );\n  }\n\n  switch (attribute.type) {\n    case 'media':\n      if (!attribute.multiple) {\n        return <MediaSingle {...content} />;\n      }\n\n      return <MediaMultiple content={content} />;\n\n    case 'relation': {\n      if (isSingleRelation(attribute.relation)) {\n        return <RelationSingle mainField={mainField} content={content} />;\n      }\n\n      return <RelationMultiple rowId={rowId} mainField={mainField} content={content} name={name} />;\n    }\n\n    case 'component':\n      if (attribute.repeatable) {\n        return <RepeatableComponent mainField={mainField} content={content} />;\n      }\n\n      return <SingleComponent mainField={mainField} content={content} />;\n\n    case 'string':\n      return (\n        <Tooltip label={content}>\n          <Typography maxWidth=\"30rem\" ellipsis textColor=\"neutral800\">\n            <CellValue isIdColumn={isIdColumn} type={attribute.type} value={content} />\n          </Typography>\n        </Tooltip>\n      );\n\n    default:\n      return (\n        <Typography maxWidth=\"30rem\" ellipsis textColor=\"neutral800\">\n          <CellValue isIdColumn={isIdColumn} type={attribute.type} value={content} />\n        </Typography>\n      );\n  }\n};\n\nconst hasContent = (\n  content: CellContentProps['content'],\n  mainField: CellContentProps['mainField'],\n  attribute: CellContentProps['attribute']\n) => {\n  if (attribute.type === 'component') {\n    // Repeatable fields show the ID as fallback, in case the mainField\n    // doesn't have any content\n    if (attribute.repeatable || !mainField) {\n      return content?.length > 0;\n    }\n\n    const value = content?.[mainField.name];\n\n    // relations, media ... show the id as fallback\n    if (mainField.name === 'id' && ![undefined, null].includes(value)) {\n      return true;\n    }\n\n    return !isEmpty(value);\n  }\n\n  if (attribute.type === 'relation') {\n    if (isSingleRelation(attribute.relation)) {\n      return !isEmpty(content);\n    }\n\n    if (Array.isArray(content)) {\n      return content.length > 0;\n    }\n\n    return content?.count > 0;\n  }\n\n  /*\n      Biginteger fields need to be treated as strings, as `isNumber`\n      doesn't deal with them.\n  */\n  if (['integer', 'decimal', 'float', 'number'].includes(attribute.type)) {\n    return typeof content === 'number';\n  }\n\n  if (attribute.type === 'boolean') {\n    return content !== null;\n  }\n\n  return !isEmpty(content);\n};\n\nconst isSingleRelation = (\n  type: Extract<CellContentProps['attribute'], { type: 'relation' }>['relation']\n) => ['oneToOne', 'manyToOne', 'oneToOneMorph'].includes(type);\n\nexport { CellContent };\nexport type { CellContentProps };\n"],"names":["CellContent","content","mainField","attribute","rowId","name","isIdColumn","hasContent","_jsx","Typography","textColor","paddingLeft","type","paddingRight","multiple","MediaSingle","MediaMultiple","isSingleRelation","relation","RelationSingle","RelationMultiple","repeatable","RepeatableComponent","SingleComponent","Tooltip","label","maxWidth","ellipsis","CellValue","value","length","undefined","includes","isEmpty","Array","isArray","count"],"mappings":"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"}
+{"version":3,"file":"CellContent.js","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/CellContent.tsx"],"sourcesContent":["import { Tooltip, Typography } from '@strapi/design-system';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { CellValue } from './CellValue';\nimport { SingleComponent, RepeatableComponent } from './Components';\nimport { MediaSingle, MediaMultiple } from './Media';\nimport { RelationMultiple, RelationSingle } from './Relations';\n\nimport type { ListFieldLayout } from '../../../../hooks/useDocumentLayout';\nimport type { Schema, Data } from '@strapi/types';\n\ninterface CellContentProps extends Omit<ListFieldLayout, 'cellFormatter'> {\n  content: Schema.Attribute.Value<Schema.Attribute.AnyAttribute>;\n  rowId: Data.ID;\n}\n\nconst CellContent = ({ content, mainField, attribute, rowId, name }: CellContentProps) => {\n  const isIdColumn = name === 'id';\n\n  if (!hasContent(content, mainField, attribute)) {\n    return (\n      <Typography\n        textColor=\"neutral800\"\n        paddingLeft={attribute.type === 'relation' || attribute.type === 'component' ? '1.6rem' : 0}\n        paddingRight={\n          attribute.type === 'relation' || attribute.type === 'component' ? '1.6rem' : 0\n        }\n      >\n        -\n      </Typography>\n    );\n  }\n\n  switch (attribute.type) {\n    case 'media':\n      if (!attribute.multiple) {\n        return <MediaSingle {...content} />;\n      }\n\n      return <MediaMultiple content={content} />;\n\n    case 'relation': {\n      if (isSingleRelation(attribute.relation)) {\n        return <RelationSingle mainField={mainField} content={content} />;\n      }\n\n      return <RelationMultiple rowId={rowId} mainField={mainField} content={content} name={name} />;\n    }\n\n    case 'component':\n      if (attribute.repeatable) {\n        return <RepeatableComponent mainField={mainField} content={content} />;\n      }\n\n      return <SingleComponent mainField={mainField} content={content} />;\n\n    case 'string':\n      return (\n        <Tooltip label={content}>\n          <Typography maxWidth=\"30rem\" ellipsis textColor=\"neutral800\">\n            <CellValue isIdColumn={isIdColumn} type={attribute.type} value={content} />\n          </Typography>\n        </Tooltip>\n      );\n\n    default:\n      return (\n        <Typography maxWidth=\"30rem\" ellipsis textColor=\"neutral800\">\n          <CellValue isIdColumn={isIdColumn} type={attribute.type} value={content} />\n        </Typography>\n      );\n  }\n};\n\nconst hasContent = (\n  content: CellContentProps['content'],\n  mainField: CellContentProps['mainField'],\n  attribute: CellContentProps['attribute']\n) => {\n  if (attribute.type === 'component') {\n    // Repeatable fields show the ID as fallback, in case the mainField\n    // doesn't have any content\n    if (attribute.repeatable || !mainField) {\n      return content?.length > 0;\n    }\n\n    const value = content?.[mainField.name];\n\n    // relations, media ... show the id as fallback\n    if (mainField.name === 'id' && ![undefined, null].includes(value)) {\n      return true;\n    }\n\n    return !isEmpty(value);\n  }\n\n  if (attribute.type === 'relation') {\n    if (isSingleRelation(attribute.relation)) {\n      return !isEmpty(content);\n    }\n\n    if (Array.isArray(content)) {\n      return content.length > 0;\n    }\n\n    return content?.count > 0;\n  }\n\n  /*\n      Biginteger fields need to be treated as strings, as `isNumber`\n      doesn't deal with them.\n  */\n  if (['integer', 'decimal', 'float', 'number'].includes(attribute.type)) {\n    return typeof content === 'number';\n  }\n\n  if (attribute.type === 'boolean') {\n    return content !== null;\n  }\n\n  return !isEmpty(content);\n};\n\nconst isSingleRelation = (\n  type: Extract<CellContentProps['attribute'], { type: 'relation' }>['relation']\n) => ['oneToOne', 'manyToOne', 'oneToOneMorph'].includes(type);\n\nexport { CellContent };\nexport type { CellContentProps };\n"],"names":["CellContent","content","mainField","attribute","rowId","name","isIdColumn","hasContent","_jsx","Typography","textColor","paddingLeft","type","paddingRight","multiple","MediaSingle","MediaMultiple","isSingleRelation","relation","RelationSingle","RelationMultiple","repeatable","RepeatableComponent","SingleComponent","Tooltip","label","maxWidth","ellipsis","CellValue","value","length","undefined","includes","isEmpty","Array","isArray","count"],"mappings":"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"}

package/dist/admin/pages/ListView/components/TableCells/CellContent.mjs

@@ -11,8 +11,8 @@ const CellContent = ({ content, mainField, attribute, rowId, name })=>{
     if (!hasContent(content, mainField, attribute)) {
         return /*#__PURE__*/ jsx(Typography, {
             textColor: "neutral800",
-            paddingLeft: attribute.type === ('relation') ? '1.6rem' : 0,
-            paddingRight: attribute.type === ('relation') ? '1.6rem' : 0,
+            paddingLeft: attribute.type === 'relation' || attribute.type === 'component' ? '1.6rem' : 0,
+            paddingRight: attribute.type === 'relation' || attribute.type === 'component' ? '1.6rem' : 0,
             children: "-"
         });
     }