@strapi/content-type-builder 5.49.0 → 5.50.1

package/dist/admin/components/BooleanDefaultValueSelect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanDefaultValueSelect.mjs","sources":["../../../admin/src/components/BooleanDefaultValueSelect.tsx"],"sourcesContent":["import { Field, SingleSelect, SingleSelectOption } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { IntlLabel } from '../types';\n\ninterface Metadata {\n  intlLabel: IntlLabel;\n  disabled?: boolean;\n  hidden?: boolean;\n}\n\ninterface Option {\n  metadatas: Metadata;\n  key: string | number;\n  value: string | number;\n}\n\ninterface BooleanDefaultValueSelectProps {\n  intlLabel: IntlLabel;\n  name: string;\n  onChange: (value: any) => void;\n  options: Option[];\n  value?: any;\n}\n\nexport const BooleanDefaultValueSelect = ({\n  intlLabel,\n  name,\n  options,\n  onChange,\n  value = null,\n}: BooleanDefaultValueSelectProps) => {\n  const { formatMessage } = useIntl();\n  const label = intlLabel.id\n    ? formatMessage(\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n        { ...intlLabel.values }\n      )\n    : name;\n\n  const handleChange = (value: any) => {\n    let nextValue: boolean | string = '';\n\n    if (value === 'true') {\n      nextValue = true;\n    }\n\n    if (value === 'false') {\n      nextValue = false;\n    }\n\n    onChange({ target: { name, value: nextValue, type: 'select-default-boolean' } });\n  };\n\n  return (\n    <Field.Root name={name}>\n      <Field.Label>{label}</Field.Label>\n      <SingleSelect onChange={handleChange} value={(value === null ? '' : value).toString()}>\n        {options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value }) => {\n          return (\n            <SingleSelectOption key={key} value={value} disabled={disabled} hidden={hidden}>\n              {/* No need to translate the options */}\n              {intlLabel.defaultMessage}\n            </SingleSelectOption>\n          );\n        })}\n      </SingleSelect>\n    </Field.Root>\n  );\n};\n"],"names":["BooleanDefaultValueSelect","intlLabel","name","options","onChange","value","formatMessage","useIntl","label","id","defaultMessage","values","handleChange","nextValue","target","type","_jsxs","Field","Root","_jsx","Label","SingleSelect","toString","map","metadatas","disabled","hidden","key","SingleSelectOption"],"mappings":";;;;AAyBO,MAAMA,yBAAAA,GAA4B,CAAC,EACxCC,SAAS,EACTC,IAAI,EACJC,OAAO,EACPC,QAAQ,EACRC,KAAAA,GAAQ,IAAI,EACmB,GAAA;IAC/B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,KAAAA,GAAQP,SAAAA,CAAUQ,EAAE,GACtBH,aAAAA,CACE;AAAEG,QAAAA,EAAAA,EAAIR,UAAUQ,EAAE;AAAEC,QAAAA,cAAAA,EAAgBT,UAAUS;KAAe,EAC7D;AAAE,QAAA,GAAGT,UAAUU;KAAO,CAAA,GAExBT,IAAAA;AAEJ,IAAA,MAAMU,eAAe,CAACP,KAAAA,GAAAA;AACpB,QAAA,IAAIQ,SAAAA,GAA8B,EAAA;AAElC,QAAA,IAAIR,UAAU,MAAA,EAAQ;YACpBQ,SAAAA,GAAY,IAAA;AACd,QAAA;AAEA,QAAA,IAAIR,UAAU,OAAA,EAAS;YACrBQ,SAAAA,GAAY,KAAA;AACd,QAAA;QAEAT,QAAAA,CAAS;YAAEU,MAAAA,EAAQ;AAAEZ,gBAAAA,IAAAA;gBAAMG,KAAAA,EAAOQ,SAAAA;gBAAWE,IAAAA,EAAM;AAAyB;AAAE,SAAA,CAAA;AAChF,IAAA,CAAA;IAEA,qBACEC,IAAA,CAACC,MAAMC,IAAI,EAAA;QAAChB,IAAAA,EAAMA,IAAAA;;AAChB,0BAAAiB,GAAA,CAACF,MAAMG,KAAK,EAAA;AAAEZ,gBAAAA,QAAAA,EAAAA;;0BACdW,GAAA,CAACE,YAAAA,EAAAA;gBAAajB,QAAAA,EAAUQ,YAAAA;AAAcP,gBAAAA,KAAAA,EAAO,CAACA,KAAAA,KAAU,OAAO,EAAA,GAAKA,KAAI,EAAGiB,QAAQ,EAAA;AAChFnB,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQoB,GAAG,CAAC,CAAC,EAAEC,SAAAA,EAAW,EAAEvB,SAAS,EAAEwB,QAAQ,EAAEC,MAAM,EAAE,EAAEC,GAAG,EAAEtB,KAAK,EAAE,GAAA;AACtE,oBAAA,qBACEc,GAAA,CAACS,kBAAAA,EAAAA;wBAA6BvB,KAAAA,EAAOA,KAAAA;wBAAOoB,QAAAA,EAAUA,QAAAA;wBAAUC,MAAAA,EAAQA,MAAAA;AAErEzB,wBAAAA,QAAAA,EAAAA,SAAAA,CAAUS;AAFYiB,qBAAAA,EAAAA,GAAAA,CAAAA;AAK7B,gBAAA,CAAA;;;;AAIR;;;;"}
+{"version":3,"file":"BooleanDefaultValueSelect.mjs","sources":["../../../admin/src/components/BooleanDefaultValueSelect.tsx"],"sourcesContent":["import { Field, SingleSelect, SingleSelectOption } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport type { FormChangeHandler, IntlLabel } from '../types';\n\ninterface Metadata {\n  intlLabel: IntlLabel;\n  disabled?: boolean;\n  hidden?: boolean;\n}\n\ninterface Option {\n  metadatas: Metadata;\n  key: string | number;\n  value: string | number;\n}\n\ninterface BooleanDefaultValueSelectProps {\n  intlLabel: IntlLabel;\n  name: string;\n  onChange: FormChangeHandler<boolean | string, 'select-default-boolean'>;\n  options: Option[];\n  value?: boolean | string | null;\n}\n\nexport const BooleanDefaultValueSelect = ({\n  intlLabel,\n  name,\n  options,\n  onChange,\n  value = null,\n}: BooleanDefaultValueSelectProps) => {\n  const { formatMessage } = useIntl();\n  const label = intlLabel.id\n    ? formatMessage(\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n        { ...intlLabel.values }\n      )\n    : name;\n\n  const handleChange = (value: string | number) => {\n    const stringValue = value.toString();\n    let nextValue: boolean | string = '';\n\n    if (stringValue === 'true') {\n      nextValue = true;\n    }\n\n    if (stringValue === 'false') {\n      nextValue = false;\n    }\n\n    onChange({ target: { name, value: nextValue, type: 'select-default-boolean' } });\n  };\n\n  return (\n    <Field.Root name={name}>\n      <Field.Label>{label}</Field.Label>\n      <SingleSelect onChange={handleChange} value={(value === null ? '' : value).toString()}>\n        {options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value }) => {\n          return (\n            <SingleSelectOption key={key} value={value} disabled={disabled} hidden={hidden}>\n              {/* No need to translate the options */}\n              {intlLabel.defaultMessage}\n            </SingleSelectOption>\n          );\n        })}\n      </SingleSelect>\n    </Field.Root>\n  );\n};\n"],"names":["BooleanDefaultValueSelect","intlLabel","name","options","onChange","value","formatMessage","useIntl","label","id","defaultMessage","values","handleChange","stringValue","toString","nextValue","target","type","_jsxs","Field","Root","_jsx","Label","SingleSelect","map","metadatas","disabled","hidden","key","SingleSelectOption"],"mappings":";;;;AAyBO,MAAMA,yBAAAA,GAA4B,CAAC,EACxCC,SAAS,EACTC,IAAI,EACJC,OAAO,EACPC,QAAQ,EACRC,KAAAA,GAAQ,IAAI,EACmB,GAAA;IAC/B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,KAAAA,GAAQP,SAAAA,CAAUQ,EAAE,GACtBH,aAAAA,CACE;AAAEG,QAAAA,EAAAA,EAAIR,UAAUQ,EAAE;AAAEC,QAAAA,cAAAA,EAAgBT,UAAUS;KAAe,EAC7D;AAAE,QAAA,GAAGT,UAAUU;KAAO,CAAA,GAExBT,IAAAA;AAEJ,IAAA,MAAMU,eAAe,CAACP,KAAAA,GAAAA;QACpB,MAAMQ,WAAAA,GAAcR,MAAMS,QAAQ,EAAA;AAClC,QAAA,IAAIC,SAAAA,GAA8B,EAAA;AAElC,QAAA,IAAIF,gBAAgB,MAAA,EAAQ;YAC1BE,SAAAA,GAAY,IAAA;AACd,QAAA;AAEA,QAAA,IAAIF,gBAAgB,OAAA,EAAS;YAC3BE,SAAAA,GAAY,KAAA;AACd,QAAA;QAEAX,QAAAA,CAAS;YAAEY,MAAAA,EAAQ;AAAEd,gBAAAA,IAAAA;gBAAMG,KAAAA,EAAOU,SAAAA;gBAAWE,IAAAA,EAAM;AAAyB;AAAE,SAAA,CAAA;AAChF,IAAA,CAAA;IAEA,qBACEC,IAAA,CAACC,MAAMC,IAAI,EAAA;QAAClB,IAAAA,EAAMA,IAAAA;;AAChB,0BAAAmB,GAAA,CAACF,MAAMG,KAAK,EAAA;AAAEd,gBAAAA,QAAAA,EAAAA;;0BACda,GAAA,CAACE,YAAAA,EAAAA;gBAAanB,QAAAA,EAAUQ,YAAAA;AAAcP,gBAAAA,KAAAA,EAAO,CAACA,KAAAA,KAAU,OAAO,EAAA,GAAKA,KAAI,EAAGS,QAAQ,EAAA;AAChFX,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQqB,GAAG,CAAC,CAAC,EAAEC,SAAAA,EAAW,EAAExB,SAAS,EAAEyB,QAAQ,EAAEC,MAAM,EAAE,EAAEC,GAAG,EAAEvB,KAAK,EAAE,GAAA;AACtE,oBAAA,qBACEgB,GAAA,CAACQ,kBAAAA,EAAAA;wBAA6BxB,KAAAA,EAAOA,KAAAA;wBAAOqB,QAAAA,EAAUA,QAAAA;wBAAUC,MAAAA,EAAQA,MAAAA;AAErE1B,wBAAAA,QAAAA,EAAAA,SAAAA,CAAUS;AAFYkB,qBAAAA,EAAAA,GAAAA,CAAAA;AAK7B,gBAAA,CAAA;;;;AAIR;;;;"}

package/dist/admin/components/BooleanRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanRadioGroup.js","sources":["../../../admin/src/components/BooleanRadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { IntlLabel } from '../types';\n\nimport { CustomRadioGroup } from './CustomRadioGroup';\n\ninterface BooleanRadioGroupProps {\n  intlLabel: IntlLabel;\n  name: string;\n  onChange: (value: any) => void;\n}\n\nexport const BooleanRadioGroup = ({\n  onChange,\n  name,\n  intlLabel,\n  ...rest\n}: BooleanRadioGroupProps) => {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.value !== 'false';\n\n    onChange({ target: { name, value: checked, type: 'boolean-radio-group' } });\n  };\n\n  return <CustomRadioGroup {...rest} name={name} onChange={handleChange} intlLabel={intlLabel} />;\n};\n"],"names":["BooleanRadioGroup","onChange","name","intlLabel","rest","handleChange","e","checked","target","value","type","_jsx","CustomRadioGroup"],"mappings":";;;;;;AAYO,MAAMA,iBAAAA,GAAoB,CAAC,EAChCC,QAAQ,EACRC,IAAI,EACJC,SAAS,EACT,GAAGC,IAAAA,EACoB,GAAA;AACvB,IAAA,MAAMC,eAAe,CAACC,CAAAA,GAAAA;AACpB,QAAA,MAAMC,OAAAA,GAAUD,CAAAA,CAAEE,MAAM,CAACC,KAAK,KAAK,OAAA;QAEnCR,QAAAA,CAAS;YAAEO,MAAAA,EAAQ;AAAEN,gBAAAA,IAAAA;gBAAMO,KAAAA,EAAOF,OAAAA;gBAASG,IAAAA,EAAM;AAAsB;AAAE,SAAA,CAAA;AAC3E,IAAA,CAAA;AAEA,IAAA,qBAAOC,cAAA,CAACC,iCAAAA,EAAAA;AAAkB,QAAA,GAAGR,IAAI;QAAEF,IAAAA,EAAMA,IAAAA;QAAMD,QAAAA,EAAUI,YAAAA;QAAcF,SAAAA,EAAWA;;AACpF;;;;"}
+{"version":3,"file":"BooleanRadioGroup.js","sources":["../../../admin/src/components/BooleanRadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { CustomRadioGroup } from './CustomRadioGroup';\n\nimport type { FormChangeHandler, IntlLabel } from '../types';\n\ninterface BooleanRadioGroupProps {\n  intlLabel: IntlLabel;\n  name: string;\n  onChange: FormChangeHandler<boolean, 'boolean-radio-group'>;\n}\n\nexport const BooleanRadioGroup = ({\n  onChange,\n  name,\n  intlLabel,\n  ...rest\n}: BooleanRadioGroupProps) => {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.value !== 'false';\n\n    onChange({ target: { name, value: checked, type: 'boolean-radio-group' } });\n  };\n\n  return <CustomRadioGroup {...rest} name={name} onChange={handleChange} intlLabel={intlLabel} />;\n};\n"],"names":["BooleanRadioGroup","onChange","name","intlLabel","rest","handleChange","e","checked","target","value","type","_jsx","CustomRadioGroup"],"mappings":";;;;;;AAYO,MAAMA,iBAAAA,GAAoB,CAAC,EAChCC,QAAQ,EACRC,IAAI,EACJC,SAAS,EACT,GAAGC,IAAAA,EACoB,GAAA;AACvB,IAAA,MAAMC,eAAe,CAACC,CAAAA,GAAAA;AACpB,QAAA,MAAMC,OAAAA,GAAUD,CAAAA,CAAEE,MAAM,CAACC,KAAK,KAAK,OAAA;QAEnCR,QAAAA,CAAS;YAAEO,MAAAA,EAAQ;AAAEN,gBAAAA,IAAAA;gBAAMO,KAAAA,EAAOF,OAAAA;gBAASG,IAAAA,EAAM;AAAsB;AAAE,SAAA,CAAA;AAC3E,IAAA,CAAA;AAEA,IAAA,qBAAOC,cAAA,CAACC,iCAAAA,EAAAA;AAAkB,QAAA,GAAGR,IAAI;QAAEF,IAAAA,EAAMA,IAAAA;QAAMD,QAAAA,EAAUI,YAAAA;QAAcF,SAAAA,EAAWA;;AACpF;;;;"}

package/dist/admin/components/BooleanRadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanRadioGroup.mjs","sources":["../../../admin/src/components/BooleanRadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { IntlLabel } from '../types';\n\nimport { CustomRadioGroup } from './CustomRadioGroup';\n\ninterface BooleanRadioGroupProps {\n  intlLabel: IntlLabel;\n  name: string;\n  onChange: (value: any) => void;\n}\n\nexport const BooleanRadioGroup = ({\n  onChange,\n  name,\n  intlLabel,\n  ...rest\n}: BooleanRadioGroupProps) => {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.value !== 'false';\n\n    onChange({ target: { name, value: checked, type: 'boolean-radio-group' } });\n  };\n\n  return <CustomRadioGroup {...rest} name={name} onChange={handleChange} intlLabel={intlLabel} />;\n};\n"],"names":["BooleanRadioGroup","onChange","name","intlLabel","rest","handleChange","e","checked","target","value","type","_jsx","CustomRadioGroup"],"mappings":";;;;AAYO,MAAMA,iBAAAA,GAAoB,CAAC,EAChCC,QAAQ,EACRC,IAAI,EACJC,SAAS,EACT,GAAGC,IAAAA,EACoB,GAAA;AACvB,IAAA,MAAMC,eAAe,CAACC,CAAAA,GAAAA;AACpB,QAAA,MAAMC,OAAAA,GAAUD,CAAAA,CAAEE,MAAM,CAACC,KAAK,KAAK,OAAA;QAEnCR,QAAAA,CAAS;YAAEO,MAAAA,EAAQ;AAAEN,gBAAAA,IAAAA;gBAAMO,KAAAA,EAAOF,OAAAA;gBAASG,IAAAA,EAAM;AAAsB;AAAE,SAAA,CAAA;AAC3E,IAAA,CAAA;AAEA,IAAA,qBAAOC,GAAA,CAACC,gBAAAA,EAAAA;AAAkB,QAAA,GAAGR,IAAI;QAAEF,IAAAA,EAAMA,IAAAA;QAAMD,QAAAA,EAAUI,YAAAA;QAAcF,SAAAA,EAAWA;;AACpF;;;;"}
+{"version":3,"file":"BooleanRadioGroup.mjs","sources":["../../../admin/src/components/BooleanRadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { CustomRadioGroup } from './CustomRadioGroup';\n\nimport type { FormChangeHandler, IntlLabel } from '../types';\n\ninterface BooleanRadioGroupProps {\n  intlLabel: IntlLabel;\n  name: string;\n  onChange: FormChangeHandler<boolean, 'boolean-radio-group'>;\n}\n\nexport const BooleanRadioGroup = ({\n  onChange,\n  name,\n  intlLabel,\n  ...rest\n}: BooleanRadioGroupProps) => {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.value !== 'false';\n\n    onChange({ target: { name, value: checked, type: 'boolean-radio-group' } });\n  };\n\n  return <CustomRadioGroup {...rest} name={name} onChange={handleChange} intlLabel={intlLabel} />;\n};\n"],"names":["BooleanRadioGroup","onChange","name","intlLabel","rest","handleChange","e","checked","target","value","type","_jsx","CustomRadioGroup"],"mappings":";;;;AAYO,MAAMA,iBAAAA,GAAoB,CAAC,EAChCC,QAAQ,EACRC,IAAI,EACJC,SAAS,EACT,GAAGC,IAAAA,EACoB,GAAA;AACvB,IAAA,MAAMC,eAAe,CAACC,CAAAA,GAAAA;AACpB,QAAA,MAAMC,OAAAA,GAAUD,CAAAA,CAAEE,MAAM,CAACC,KAAK,KAAK,OAAA;QAEnCR,QAAAA,CAAS;YAAEO,MAAAA,EAAQ;AAAEN,gBAAAA,IAAAA;gBAAMO,KAAAA,EAAOF,OAAAA;gBAASG,IAAAA,EAAM;AAAsB;AAAE,SAAA,CAAA;AAC3E,IAAA,CAAA;AAEA,IAAA,qBAAOC,GAAA,CAACC,gBAAAA,EAAAA;AAAkB,QAAA,GAAGR,IAAI;QAAEF,IAAAA,EAAMA,IAAAA;QAAMD,QAAAA,EAAUI,YAAAA;QAAcF,SAAAA,EAAWA;;AACpF;;;;"}

package/dist/admin/components/CTBSession/useCTBTracking.js

@@ -21,9 +21,9 @@ var useCTBSession = require('./useCTBSession.js');
             ...properties ?? {},
             ctbSessionId: sessionId
         };
-        // Forward to original implementation. Casts are necessary because
-        // originalTrackUsage has strict overloads for known event names.
-        return originalTrackUsage(event, enhancedProperties);
+        // The admin tracking API is typed for declared events, but CTB emits extension events too.
+        const trackDynamicEvent = originalTrackUsage;
+        return trackDynamicEvent(event, enhancedProperties);
     }, [
         originalTrackUsage,
         sessionId

package/dist/admin/components/CTBSession/useCTBTracking.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCTBTracking.js","sources":["../../../../admin/src/components/CTBSession/useCTBTracking.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useTracking } from '@strapi/admin/strapi-admin';\n\nimport { useCTBSession } from './useCTBSession';\n\n/**\n * Hook that provides tracking functionality with automatic CTB session ID inclusion.\n * This version accepts arbitrary event names (string) to allow feature-specific\n * events that are not yet declared in the central tracking typings.\n *\n * Note: this intentionally relaxes TypeScript restrictions so callers can\n * emit new tracking event names without needing to update the upstream\n * tracking type definitions. The session ID is merged into the properties\n * object before forwarding to the original tracking implementation.\n */\nexport const useCTBTracking = () => {\n  const { trackUsage: originalTrackUsage } = useTracking();\n  const { sessionId } = useCTBSession();\n\n  const trackUsage = useCallback(\n    (event: string, properties?: Record<string, unknown>) => {\n      const enhancedProperties = {\n        ...(properties ?? {}),\n        ctbSessionId: sessionId,\n      };\n\n      // Forward to original implementation. Casts are necessary because\n      // originalTrackUsage has strict overloads for known event names.\n      return (originalTrackUsage as any)(event, enhancedProperties as any);\n    },\n    [originalTrackUsage, sessionId]\n  );\n\n  return { trackUsage };\n};\n"],"names":["useCTBTracking","trackUsage","originalTrackUsage","useTracking","sessionId","useCTBSession","useCallback","event","properties","enhancedProperties","ctbSessionId"],"mappings":";;;;;;AAMA;;;;;;;;;UAUaA,cAAAA,GAAiB,IAAA;AAC5B,IAAA,MAAM,EAAEC,UAAAA,EAAYC,kBAAkB,EAAE,GAAGC,uBAAAA,EAAAA;IAC3C,MAAM,EAAEC,SAAS,EAAE,GAAGC,2BAAAA,EAAAA;IAEtB,MAAMJ,UAAAA,GAAaK,iBAAAA,CACjB,CAACC,KAAAA,EAAeC,UAAAA,GAAAA;AACd,QAAA,MAAMC,kBAAAA,GAAqB;YACzB,GAAID,UAAAA,IAAc,EAAE;YACpBE,YAAAA,EAAcN;AAChB,SAAA;;;QAIA,OAAQF,mBAA2BK,KAAAA,EAAOE,kBAAAA,CAAAA;IAC5C,CAAA,EACA;AAACP,QAAAA,kBAAAA;AAAoBE,QAAAA;AAAU,KAAA,CAAA;IAGjC,OAAO;AAAEH,QAAAA;AAAW,KAAA;AACtB;;;;"}
+{"version":3,"file":"useCTBTracking.js","sources":["../../../../admin/src/components/CTBSession/useCTBTracking.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useTracking } from '@strapi/admin/strapi-admin';\n\nimport { useCTBSession } from './useCTBSession';\n\ntype TrackUsageWithDynamicEvent = (\n  event: string,\n  properties: Record<string, unknown>\n) => ReturnType<ReturnType<typeof useTracking>['trackUsage']>;\n\n/**\n * Hook that provides tracking functionality with automatic CTB session ID inclusion.\n * This version accepts arbitrary event names (string) to allow feature-specific\n * events that are not yet declared in the central tracking typings.\n *\n * Note: this intentionally relaxes TypeScript restrictions so callers can\n * emit new tracking event names without needing to update the upstream\n * tracking type definitions. The session ID is merged into the properties\n * object before forwarding to the original tracking implementation.\n */\nexport const useCTBTracking = () => {\n  const { trackUsage: originalTrackUsage } = useTracking();\n  const { sessionId } = useCTBSession();\n\n  const trackUsage = useCallback(\n    (event: string, properties?: Record<string, unknown>) => {\n      const enhancedProperties = {\n        ...(properties ?? {}),\n        ctbSessionId: sessionId,\n      };\n\n      // The admin tracking API is typed for declared events, but CTB emits extension events too.\n      const trackDynamicEvent = originalTrackUsage as unknown as TrackUsageWithDynamicEvent;\n\n      return trackDynamicEvent(event, enhancedProperties);\n    },\n    [originalTrackUsage, sessionId]\n  );\n\n  return { trackUsage };\n};\n"],"names":["useCTBTracking","trackUsage","originalTrackUsage","useTracking","sessionId","useCTBSession","useCallback","event","properties","enhancedProperties","ctbSessionId","trackDynamicEvent"],"mappings":";;;;;;AAWA;;;;;;;;;UAUaA,cAAAA,GAAiB,IAAA;AAC5B,IAAA,MAAM,EAAEC,UAAAA,EAAYC,kBAAkB,EAAE,GAAGC,uBAAAA,EAAAA;IAC3C,MAAM,EAAEC,SAAS,EAAE,GAAGC,2BAAAA,EAAAA;IAEtB,MAAMJ,UAAAA,GAAaK,iBAAAA,CACjB,CAACC,KAAAA,EAAeC,UAAAA,GAAAA;AACd,QAAA,MAAMC,kBAAAA,GAAqB;YACzB,GAAID,UAAAA,IAAc,EAAE;YACpBE,YAAAA,EAAcN;AAChB,SAAA;;AAGA,QAAA,MAAMO,iBAAAA,GAAoBT,kBAAAA;AAE1B,QAAA,OAAOS,kBAAkBJ,KAAAA,EAAOE,kBAAAA,CAAAA;IAClC,CAAA,EACA;AAACP,QAAAA,kBAAAA;AAAoBE,QAAAA;AAAU,KAAA,CAAA;IAGjC,OAAO;AAAEH,QAAAA;AAAW,KAAA;AACtB;;;;"}

package/dist/admin/components/CTBSession/useCTBTracking.mjs

@@ -19,9 +19,9 @@ import { useCTBSession } from './useCTBSession.mjs';
             ...properties ?? {},
             ctbSessionId: sessionId
         };
-        // Forward to original implementation. Casts are necessary because
-        // originalTrackUsage has strict overloads for known event names.
-        return originalTrackUsage(event, enhancedProperties);
+        // The admin tracking API is typed for declared events, but CTB emits extension events too.
+        const trackDynamicEvent = originalTrackUsage;
+        return trackDynamicEvent(event, enhancedProperties);
     }, [
         originalTrackUsage,
         sessionId

package/dist/admin/components/CTBSession/useCTBTracking.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCTBTracking.mjs","sources":["../../../../admin/src/components/CTBSession/useCTBTracking.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useTracking } from '@strapi/admin/strapi-admin';\n\nimport { useCTBSession } from './useCTBSession';\n\n/**\n * Hook that provides tracking functionality with automatic CTB session ID inclusion.\n * This version accepts arbitrary event names (string) to allow feature-specific\n * events that are not yet declared in the central tracking typings.\n *\n * Note: this intentionally relaxes TypeScript restrictions so callers can\n * emit new tracking event names without needing to update the upstream\n * tracking type definitions. The session ID is merged into the properties\n * object before forwarding to the original tracking implementation.\n */\nexport const useCTBTracking = () => {\n  const { trackUsage: originalTrackUsage } = useTracking();\n  const { sessionId } = useCTBSession();\n\n  const trackUsage = useCallback(\n    (event: string, properties?: Record<string, unknown>) => {\n      const enhancedProperties = {\n        ...(properties ?? {}),\n        ctbSessionId: sessionId,\n      };\n\n      // Forward to original implementation. Casts are necessary because\n      // originalTrackUsage has strict overloads for known event names.\n      return (originalTrackUsage as any)(event, enhancedProperties as any);\n    },\n    [originalTrackUsage, sessionId]\n  );\n\n  return { trackUsage };\n};\n"],"names":["useCTBTracking","trackUsage","originalTrackUsage","useTracking","sessionId","useCTBSession","useCallback","event","properties","enhancedProperties","ctbSessionId"],"mappings":";;;;AAMA;;;;;;;;;UAUaA,cAAAA,GAAiB,IAAA;AAC5B,IAAA,MAAM,EAAEC,UAAAA,EAAYC,kBAAkB,EAAE,GAAGC,WAAAA,EAAAA;IAC3C,MAAM,EAAEC,SAAS,EAAE,GAAGC,aAAAA,EAAAA;IAEtB,MAAMJ,UAAAA,GAAaK,WAAAA,CACjB,CAACC,KAAAA,EAAeC,UAAAA,GAAAA;AACd,QAAA,MAAMC,kBAAAA,GAAqB;YACzB,GAAID,UAAAA,IAAc,EAAE;YACpBE,YAAAA,EAAcN;AAChB,SAAA;;;QAIA,OAAQF,mBAA2BK,KAAAA,EAAOE,kBAAAA,CAAAA;IAC5C,CAAA,EACA;AAACP,QAAAA,kBAAAA;AAAoBE,QAAAA;AAAU,KAAA,CAAA;IAGjC,OAAO;AAAEH,QAAAA;AAAW,KAAA;AACtB;;;;"}
+{"version":3,"file":"useCTBTracking.mjs","sources":["../../../../admin/src/components/CTBSession/useCTBTracking.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useTracking } from '@strapi/admin/strapi-admin';\n\nimport { useCTBSession } from './useCTBSession';\n\ntype TrackUsageWithDynamicEvent = (\n  event: string,\n  properties: Record<string, unknown>\n) => ReturnType<ReturnType<typeof useTracking>['trackUsage']>;\n\n/**\n * Hook that provides tracking functionality with automatic CTB session ID inclusion.\n * This version accepts arbitrary event names (string) to allow feature-specific\n * events that are not yet declared in the central tracking typings.\n *\n * Note: this intentionally relaxes TypeScript restrictions so callers can\n * emit new tracking event names without needing to update the upstream\n * tracking type definitions. The session ID is merged into the properties\n * object before forwarding to the original tracking implementation.\n */\nexport const useCTBTracking = () => {\n  const { trackUsage: originalTrackUsage } = useTracking();\n  const { sessionId } = useCTBSession();\n\n  const trackUsage = useCallback(\n    (event: string, properties?: Record<string, unknown>) => {\n      const enhancedProperties = {\n        ...(properties ?? {}),\n        ctbSessionId: sessionId,\n      };\n\n      // The admin tracking API is typed for declared events, but CTB emits extension events too.\n      const trackDynamicEvent = originalTrackUsage as unknown as TrackUsageWithDynamicEvent;\n\n      return trackDynamicEvent(event, enhancedProperties);\n    },\n    [originalTrackUsage, sessionId]\n  );\n\n  return { trackUsage };\n};\n"],"names":["useCTBTracking","trackUsage","originalTrackUsage","useTracking","sessionId","useCTBSession","useCallback","event","properties","enhancedProperties","ctbSessionId","trackDynamicEvent"],"mappings":";;;;AAWA;;;;;;;;;UAUaA,cAAAA,GAAiB,IAAA;AAC5B,IAAA,MAAM,EAAEC,UAAAA,EAAYC,kBAAkB,EAAE,GAAGC,WAAAA,EAAAA;IAC3C,MAAM,EAAEC,SAAS,EAAE,GAAGC,aAAAA,EAAAA;IAEtB,MAAMJ,UAAAA,GAAaK,WAAAA,CACjB,CAACC,KAAAA,EAAeC,UAAAA,GAAAA;AACd,QAAA,MAAMC,kBAAAA,GAAqB;YACzB,GAAID,UAAAA,IAAc,EAAE;YACpBE,YAAAA,EAAcN;AAChB,SAAA;;AAGA,QAAA,MAAMO,iBAAAA,GAAoBT,kBAAAA;AAE1B,QAAA,OAAOS,kBAAkBJ,KAAAA,EAAOE,kBAAAA,CAAAA;IAClC,CAAA,EACA;AAACP,QAAAA,kBAAAA;AAAoBE,QAAAA;AAAU,KAAA,CAAA;IAGjC,OAAO;AAAEH,QAAAA;AAAW,KAAA;AACtB;;;;"}

package/dist/admin/components/CheckboxWithNumberField.js

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var designSystem = require('@strapi/design-system');
 var reactIntl = require('react-intl');
+var parseNumberInputValue = require('../utils/parseNumberInputValue.js');
 
 const CheckboxWithNumberField = ({ error, intlLabel, modifiedData, name, onChange, value = null })=>{
     const { formatMessage } = reactIntl.useIntl();
@@ -68,12 +69,12 @@ const CheckboxWithNumberField = ({ error, intlLabel, modifiedData, name, onChang
                                 onChange({
                                     target: {
                                         name,
-                                        value: value ?? 0,
+                                        value: parseNumberInputValue.parseNumberInputValue(value),
                                         type
                                     }
                                 });
                             },
-                            value: value || 0
+                            value: parseNumberInputValue.parseNumberInputValue(value)
                         }),
                         /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
                     ]

package/dist/admin/components/CheckboxWithNumberField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxWithNumberField.js","sources":["../../../admin/src/components/CheckboxWithNumberField.tsx"],"sourcesContent":["import { Box, Checkbox, Field, Flex, NumberInput, TextInput } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { IntlLabel } from '../types';\n\ninterface CheckboxWithNumberFieldProps {\n  error?: string;\n  intlLabel: IntlLabel;\n  modifiedData: Record<string, any>;\n  name: string;\n  onChange: (value: any) => void;\n  value?: any;\n}\n\nexport const CheckboxWithNumberField = ({\n  error,\n  intlLabel,\n  modifiedData,\n  name,\n  onChange,\n  value = null,\n}: CheckboxWithNumberFieldProps) => {\n  const { formatMessage } = useIntl();\n  const label = intlLabel.id\n    ? formatMessage(\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n        { ...intlLabel.values }\n      )\n    : name;\n\n  const type = modifiedData.type === 'biginteger' ? 'text' : 'number';\n\n  const disabled = !modifiedData.type;\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n      <Checkbox\n        id={name}\n        name={name}\n        onCheckedChange={(value) => {\n          const initValue = type === 'text' ? '0' : 0;\n          const nextValue = value ? initValue : null;\n\n          onChange({ target: { name, value: nextValue } });\n        }}\n        checked={value !== null}\n      >\n        {label}\n      </Checkbox>\n      {value !== null && (\n        <Box paddingLeft={6} style={{ maxWidth: '200px' }}>\n          {type === 'text' ? (\n            <Field.Root error={errorMessage} name={name}>\n              <TextInput\n                aria-label={label}\n                disabled={disabled}\n                onChange={onChange}\n                value={value === null ? '' : value}\n                type=\"text\"\n              />\n              <Field.Error />\n            </Field.Root>\n          ) : (\n            <Field.Root error={errorMessage} name={name}>\n              <NumberInput\n                aria-label={label}\n                disabled={disabled}\n                onValueChange={(value: any) => {\n                  onChange({ target: { name, value: value ?? 0, type } });\n                }}\n                value={value || 0}\n              />\n              <Field.Error />\n            </Field.Root>\n          )}\n        </Box>\n      )}\n    </Flex>\n  );\n};\n"],"names":["CheckboxWithNumberField","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","label","id","defaultMessage","values","type","disabled","errorMessage","_jsxs","Flex","direction","alignItems","gap","_jsx","Checkbox","onCheckedChange","initValue","nextValue","target","checked","Box","paddingLeft","style","maxWidth","Field","Root","TextInput","aria-label","Error","NumberInput","onValueChange"],"mappings":"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"}
+{"version":3,"file":"CheckboxWithNumberField.js","sources":["../../../admin/src/components/CheckboxWithNumberField.tsx"],"sourcesContent":["import { Box, Checkbox, Field, Flex, NumberInput, TextInput } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { parseNumberInputValue } from '../utils/parseNumberInputValue';\n\nimport type { FormChangeHandler, IntlLabel } from '../types';\n\ninterface CheckboxWithNumberFieldProps {\n  error?: string;\n  intlLabel: IntlLabel;\n  modifiedData: { type?: string };\n  name: string;\n  onChange: FormChangeHandler<string | number | null>;\n  value?: string | number | null;\n}\n\nexport const CheckboxWithNumberField = ({\n  error,\n  intlLabel,\n  modifiedData,\n  name,\n  onChange,\n  value = null,\n}: CheckboxWithNumberFieldProps) => {\n  const { formatMessage } = useIntl();\n  const label = intlLabel.id\n    ? formatMessage(\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n        { ...intlLabel.values }\n      )\n    : name;\n\n  const type = modifiedData.type === 'biginteger' ? 'text' : 'number';\n\n  const disabled = !modifiedData.type;\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n      <Checkbox\n        id={name}\n        name={name}\n        onCheckedChange={(value) => {\n          const initValue = type === 'text' ? '0' : 0;\n          const nextValue = value ? initValue : null;\n\n          onChange({ target: { name, value: nextValue } });\n        }}\n        checked={value !== null}\n      >\n        {label}\n      </Checkbox>\n      {value !== null && (\n        <Box paddingLeft={6} style={{ maxWidth: '200px' }}>\n          {type === 'text' ? (\n            <Field.Root error={errorMessage} name={name}>\n              <TextInput\n                aria-label={label}\n                disabled={disabled}\n                onChange={onChange}\n                value={value === null ? '' : value}\n                type=\"text\"\n              />\n              <Field.Error />\n            </Field.Root>\n          ) : (\n            <Field.Root error={errorMessage} name={name}>\n              <NumberInput\n                aria-label={label}\n                disabled={disabled}\n                onValueChange={(value: string | number | undefined) => {\n                  onChange({\n                    target: { name, value: parseNumberInputValue(value), type },\n                  });\n                }}\n                value={parseNumberInputValue(value)}\n              />\n              <Field.Error />\n            </Field.Root>\n          )}\n        </Box>\n      )}\n    </Flex>\n  );\n};\n"],"names":["CheckboxWithNumberField","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","label","id","defaultMessage","values","type","disabled","errorMessage","_jsxs","Flex","direction","alignItems","gap","_jsx","Checkbox","onCheckedChange","initValue","nextValue","target","checked","Box","paddingLeft","style","maxWidth","Field","Root","TextInput","aria-label","Error","NumberInput","onValueChange","parseNumberInputValue"],"mappings":"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"}

package/dist/admin/components/CheckboxWithNumberField.mjs

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Flex, Checkbox, Box, Field, TextInput, NumberInput } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
+import { parseNumberInputValue } from '../utils/parseNumberInputValue.mjs';
 
 const CheckboxWithNumberField = ({ error, intlLabel, modifiedData, name, onChange, value = null })=>{
     const { formatMessage } = useIntl();
@@ -66,12 +67,12 @@ const CheckboxWithNumberField = ({ error, intlLabel, modifiedData, name, onChang
                                 onChange({
                                     target: {
                                         name,
-                                        value: value ?? 0,
+                                        value: parseNumberInputValue(value),
                                         type
                                     }
                                 });
                             },
-                            value: value || 0
+                            value: parseNumberInputValue(value)
                         }),
                         /*#__PURE__*/ jsx(Field.Error, {})
                     ]

package/dist/admin/components/CheckboxWithNumberField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxWithNumberField.mjs","sources":["../../../admin/src/components/CheckboxWithNumberField.tsx"],"sourcesContent":["import { Box, Checkbox, Field, Flex, NumberInput, TextInput } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { IntlLabel } from '../types';\n\ninterface CheckboxWithNumberFieldProps {\n  error?: string;\n  intlLabel: IntlLabel;\n  modifiedData: Record<string, any>;\n  name: string;\n  onChange: (value: any) => void;\n  value?: any;\n}\n\nexport const CheckboxWithNumberField = ({\n  error,\n  intlLabel,\n  modifiedData,\n  name,\n  onChange,\n  value = null,\n}: CheckboxWithNumberFieldProps) => {\n  const { formatMessage } = useIntl();\n  const label = intlLabel.id\n    ? formatMessage(\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n        { ...intlLabel.values }\n      )\n    : name;\n\n  const type = modifiedData.type === 'biginteger' ? 'text' : 'number';\n\n  const disabled = !modifiedData.type;\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n      <Checkbox\n        id={name}\n        name={name}\n        onCheckedChange={(value) => {\n          const initValue = type === 'text' ? '0' : 0;\n          const nextValue = value ? initValue : null;\n\n          onChange({ target: { name, value: nextValue } });\n        }}\n        checked={value !== null}\n      >\n        {label}\n      </Checkbox>\n      {value !== null && (\n        <Box paddingLeft={6} style={{ maxWidth: '200px' }}>\n          {type === 'text' ? (\n            <Field.Root error={errorMessage} name={name}>\n              <TextInput\n                aria-label={label}\n                disabled={disabled}\n                onChange={onChange}\n                value={value === null ? '' : value}\n                type=\"text\"\n              />\n              <Field.Error />\n            </Field.Root>\n          ) : (\n            <Field.Root error={errorMessage} name={name}>\n              <NumberInput\n                aria-label={label}\n                disabled={disabled}\n                onValueChange={(value: any) => {\n                  onChange({ target: { name, value: value ?? 0, type } });\n                }}\n                value={value || 0}\n              />\n              <Field.Error />\n            </Field.Root>\n          )}\n        </Box>\n      )}\n    </Flex>\n  );\n};\n"],"names":["CheckboxWithNumberField","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","label","id","defaultMessage","values","type","disabled","errorMessage","_jsxs","Flex","direction","alignItems","gap","_jsx","Checkbox","onCheckedChange","initValue","nextValue","target","checked","Box","paddingLeft","style","maxWidth","Field","Root","TextInput","aria-label","Error","NumberInput","onValueChange"],"mappings":"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"}
+{"version":3,"file":"CheckboxWithNumberField.mjs","sources":["../../../admin/src/components/CheckboxWithNumberField.tsx"],"sourcesContent":["import { Box, Checkbox, Field, Flex, NumberInput, TextInput } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { parseNumberInputValue } from '../utils/parseNumberInputValue';\n\nimport type { FormChangeHandler, IntlLabel } from '../types';\n\ninterface CheckboxWithNumberFieldProps {\n  error?: string;\n  intlLabel: IntlLabel;\n  modifiedData: { type?: string };\n  name: string;\n  onChange: FormChangeHandler<string | number | null>;\n  value?: string | number | null;\n}\n\nexport const CheckboxWithNumberField = ({\n  error,\n  intlLabel,\n  modifiedData,\n  name,\n  onChange,\n  value = null,\n}: CheckboxWithNumberFieldProps) => {\n  const { formatMessage } = useIntl();\n  const label = intlLabel.id\n    ? formatMessage(\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n        { ...intlLabel.values }\n      )\n    : name;\n\n  const type = modifiedData.type === 'biginteger' ? 'text' : 'number';\n\n  const disabled = !modifiedData.type;\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n      <Checkbox\n        id={name}\n        name={name}\n        onCheckedChange={(value) => {\n          const initValue = type === 'text' ? '0' : 0;\n          const nextValue = value ? initValue : null;\n\n          onChange({ target: { name, value: nextValue } });\n        }}\n        checked={value !== null}\n      >\n        {label}\n      </Checkbox>\n      {value !== null && (\n        <Box paddingLeft={6} style={{ maxWidth: '200px' }}>\n          {type === 'text' ? (\n            <Field.Root error={errorMessage} name={name}>\n              <TextInput\n                aria-label={label}\n                disabled={disabled}\n                onChange={onChange}\n                value={value === null ? '' : value}\n                type=\"text\"\n              />\n              <Field.Error />\n            </Field.Root>\n          ) : (\n            <Field.Root error={errorMessage} name={name}>\n              <NumberInput\n                aria-label={label}\n                disabled={disabled}\n                onValueChange={(value: string | number | undefined) => {\n                  onChange({\n                    target: { name, value: parseNumberInputValue(value), type },\n                  });\n                }}\n                value={parseNumberInputValue(value)}\n              />\n              <Field.Error />\n            </Field.Root>\n          )}\n        </Box>\n      )}\n    </Flex>\n  );\n};\n"],"names":["CheckboxWithNumberField","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","label","id","defaultMessage","values","type","disabled","errorMessage","_jsxs","Flex","direction","alignItems","gap","_jsx","Checkbox","onCheckedChange","initValue","nextValue","target","checked","Box","paddingLeft","style","maxWidth","Field","Root","TextInput","aria-label","Error","NumberInput","onValueChange","parseNumberInputValue"],"mappings":"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"}

package/dist/admin/components/ComponentCard/ComponentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentCard.js","sources":["../../../../admin/src/components/ComponentCard/ComponentCard.tsx"],"sourcesContent":["import { Box, Flex, Typography } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport get from 'lodash/get';\nimport { styled } from 'styled-components';\n\nimport { useDataManager } from '../DataManager/useDataManager';\n\nimport { ComponentIcon } from './ComponentIcon';\n\nimport type { Internal, Struct } from '@strapi/types';\n\ninterface ComponentCardProps {\n  component: string;\n  dzName: string;\n  index: number;\n  isActive?: boolean;\n  isInDevelopmentMode?: boolean;\n  onClick?: () => void;\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  disabled?: boolean;\n}\n\nconst CloseButton = styled(Box)`\n  position: absolute;\n  display: none;\n  top: 5px;\n  right: 0.8rem;\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n\n    path {\n      fill: ${({ theme }) => theme.colors.primary600};\n    }\n  }\n`;\n\nconst ComponentBox = styled(Flex)`\n  width: 14rem;\n  height: 8rem;\n  position: relative;\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  background: ${({ theme }) => theme.colors.neutral100};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  max-width: 100%;\n\n  &.active,\n  &:focus,\n  &:hover {\n    border: 1px solid ${({ theme }) => theme.colors.primary200};\n    background: ${({ theme }) => theme.colors.primary100};\n    color: ${({ theme }) => theme.colors.primary600};\n\n    ${CloseButton} {\n      display: block;\n    }\n\n    /* > ComponentIcon */\n    > div:first-child {\n      background: ${({ theme }) => theme.colors.primary200};\n      color: ${({ theme }) => theme.colors.primary600};\n\n      svg {\n        path {\n          fill: ${({ theme }) => theme.colors.primary600};\n        }\n      }\n    }\n  }\n`;\n\nexport const ComponentCard = ({\n  component,\n  dzName,\n  index,\n  isActive = false,\n  isInDevelopmentMode = false,\n  onClick,\n  forTarget,\n  targetUid,\n  disabled,\n}: ComponentCardProps) => {\n  const { components, removeComponentFromDynamicZone } = useDataManager();\n  const type = get(components, component);\n  const { icon, displayName } = type?.info || {};\n\n  const onClose = (e: any) => {\n    e.stopPropagation();\n    removeComponentFromDynamicZone({\n      forTarget,\n      targetUid,\n      dzName,\n      componentToRemoveIndex: index,\n    });\n  };\n\n  return (\n    <ComponentBox\n      alignItems=\"center\"\n      direction=\"column\"\n      className={isActive ? 'active' : ''}\n      borderRadius=\"borderRadius\"\n      justifyContent=\"center\"\n      paddingLeft={4}\n      paddingRight={4}\n      shrink={0}\n      onClick={onClick}\n      role=\"tab\"\n      tabIndex={isActive ? 0 : -1}\n      cursor=\"pointer\"\n      aria-selected={isActive}\n      aria-controls={`dz-${dzName}-panel-${index}`}\n      id={`dz-${dzName}-tab-${index}`}\n    >\n      <ComponentIcon icon={icon} isActive={isActive} />\n\n      <Box marginTop={1} maxWidth=\"100%\">\n        <Typography variant=\"pi\" fontWeight=\"bold\" ellipsis>\n          {displayName}\n        </Typography>\n      </Box>\n\n      {isInDevelopmentMode && !disabled && (\n        <CloseButton cursor=\"pointer\" tag=\"button\" onClick={onClose}>\n          <Cross />\n        </CloseButton>\n      )}\n    </ComponentBox>\n  );\n};\n"],"names":["CloseButton","styled","Box","theme","colors","primary600","ComponentBox","Flex","neutral200","neutral100","borderRadius","primary200","primary100","ComponentCard","component","dzName","index","isActive","isInDevelopmentMode","onClick","forTarget","targetUid","disabled","components","removeComponentFromDynamicZone","useDataManager","type","get","icon","displayName","info","onClose","e","stopPropagation","componentToRemoveIndex","_jsxs","alignItems","direction","className","justifyContent","paddingLeft","paddingRight","shrink","role","tabIndex","cursor","aria-selected","aria-controls","id","_jsx","ComponentIcon","marginTop","maxWidth","Typography","variant","fontWeight","ellipsis","tag","Cross"],"mappings":"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"}
+{"version":3,"file":"ComponentCard.js","sources":["../../../../admin/src/components/ComponentCard/ComponentCard.tsx"],"sourcesContent":["import type { MouseEvent } from 'react';\n\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport get from 'lodash/get';\nimport { styled } from 'styled-components';\n\nimport { useDataManager } from '../DataManager/useDataManager';\n\nimport { ComponentIcon } from './ComponentIcon';\n\nimport type { Internal, Struct } from '@strapi/types';\n\ninterface ComponentCardProps {\n  component: string;\n  dzName: string;\n  index: number;\n  isActive?: boolean;\n  isInDevelopmentMode?: boolean;\n  onClick?: () => void;\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  disabled?: boolean;\n}\n\nconst CloseButton = styled(Box)`\n  position: absolute;\n  display: none;\n  top: 5px;\n  right: 0.8rem;\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n\n    path {\n      fill: ${({ theme }) => theme.colors.primary600};\n    }\n  }\n`;\n\nconst ComponentBox = styled(Flex)`\n  width: 14rem;\n  height: 8rem;\n  position: relative;\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  background: ${({ theme }) => theme.colors.neutral100};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  max-width: 100%;\n\n  &.active,\n  &:focus,\n  &:hover {\n    border: 1px solid ${({ theme }) => theme.colors.primary200};\n    background: ${({ theme }) => theme.colors.primary100};\n    color: ${({ theme }) => theme.colors.primary600};\n\n    ${CloseButton} {\n      display: block;\n    }\n\n    /* > ComponentIcon */\n    > div:first-child {\n      background: ${({ theme }) => theme.colors.primary200};\n      color: ${({ theme }) => theme.colors.primary600};\n\n      svg {\n        path {\n          fill: ${({ theme }) => theme.colors.primary600};\n        }\n      }\n    }\n  }\n`;\n\nexport const ComponentCard = ({\n  component,\n  dzName,\n  index,\n  isActive = false,\n  isInDevelopmentMode = false,\n  onClick,\n  forTarget,\n  targetUid,\n  disabled,\n}: ComponentCardProps) => {\n  const { components, removeComponentFromDynamicZone } = useDataManager();\n  const type = get(components, component);\n  const { icon, displayName } = type?.info || {};\n\n  const onClose = (e: MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation();\n    removeComponentFromDynamicZone({\n      forTarget,\n      targetUid,\n      dzName,\n      componentToRemoveIndex: index,\n    });\n  };\n\n  return (\n    <ComponentBox\n      alignItems=\"center\"\n      direction=\"column\"\n      className={isActive ? 'active' : ''}\n      borderRadius=\"borderRadius\"\n      justifyContent=\"center\"\n      paddingLeft={4}\n      paddingRight={4}\n      shrink={0}\n      onClick={onClick}\n      role=\"tab\"\n      tabIndex={isActive ? 0 : -1}\n      cursor=\"pointer\"\n      aria-selected={isActive}\n      aria-controls={`dz-${dzName}-panel-${index}`}\n      id={`dz-${dzName}-tab-${index}`}\n    >\n      <ComponentIcon icon={icon} isActive={isActive} />\n\n      <Box marginTop={1} maxWidth=\"100%\">\n        <Typography variant=\"pi\" fontWeight=\"bold\" ellipsis>\n          {displayName}\n        </Typography>\n      </Box>\n\n      {isInDevelopmentMode && !disabled && (\n        <CloseButton cursor=\"pointer\" tag=\"button\" onClick={onClose}>\n          <Cross />\n        </CloseButton>\n      )}\n    </ComponentBox>\n  );\n};\n"],"names":["CloseButton","styled","Box","theme","colors","primary600","ComponentBox","Flex","neutral200","neutral100","borderRadius","primary200","primary100","ComponentCard","component","dzName","index","isActive","isInDevelopmentMode","onClick","forTarget","targetUid","disabled","components","removeComponentFromDynamicZone","useDataManager","type","get","icon","displayName","info","onClose","e","stopPropagation","componentToRemoveIndex","_jsxs","alignItems","direction","className","justifyContent","paddingLeft","paddingRight","shrink","role","tabIndex","cursor","aria-selected","aria-controls","id","_jsx","ComponentIcon","marginTop","maxWidth","Typography","variant","fontWeight","ellipsis","tag","Cross"],"mappings":"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"}

package/dist/admin/components/ComponentCard/ComponentCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentCard.mjs","sources":["../../../../admin/src/components/ComponentCard/ComponentCard.tsx"],"sourcesContent":["import { Box, Flex, Typography } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport get from 'lodash/get';\nimport { styled } from 'styled-components';\n\nimport { useDataManager } from '../DataManager/useDataManager';\n\nimport { ComponentIcon } from './ComponentIcon';\n\nimport type { Internal, Struct } from '@strapi/types';\n\ninterface ComponentCardProps {\n  component: string;\n  dzName: string;\n  index: number;\n  isActive?: boolean;\n  isInDevelopmentMode?: boolean;\n  onClick?: () => void;\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  disabled?: boolean;\n}\n\nconst CloseButton = styled(Box)`\n  position: absolute;\n  display: none;\n  top: 5px;\n  right: 0.8rem;\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n\n    path {\n      fill: ${({ theme }) => theme.colors.primary600};\n    }\n  }\n`;\n\nconst ComponentBox = styled(Flex)`\n  width: 14rem;\n  height: 8rem;\n  position: relative;\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  background: ${({ theme }) => theme.colors.neutral100};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  max-width: 100%;\n\n  &.active,\n  &:focus,\n  &:hover {\n    border: 1px solid ${({ theme }) => theme.colors.primary200};\n    background: ${({ theme }) => theme.colors.primary100};\n    color: ${({ theme }) => theme.colors.primary600};\n\n    ${CloseButton} {\n      display: block;\n    }\n\n    /* > ComponentIcon */\n    > div:first-child {\n      background: ${({ theme }) => theme.colors.primary200};\n      color: ${({ theme }) => theme.colors.primary600};\n\n      svg {\n        path {\n          fill: ${({ theme }) => theme.colors.primary600};\n        }\n      }\n    }\n  }\n`;\n\nexport const ComponentCard = ({\n  component,\n  dzName,\n  index,\n  isActive = false,\n  isInDevelopmentMode = false,\n  onClick,\n  forTarget,\n  targetUid,\n  disabled,\n}: ComponentCardProps) => {\n  const { components, removeComponentFromDynamicZone } = useDataManager();\n  const type = get(components, component);\n  const { icon, displayName } = type?.info || {};\n\n  const onClose = (e: any) => {\n    e.stopPropagation();\n    removeComponentFromDynamicZone({\n      forTarget,\n      targetUid,\n      dzName,\n      componentToRemoveIndex: index,\n    });\n  };\n\n  return (\n    <ComponentBox\n      alignItems=\"center\"\n      direction=\"column\"\n      className={isActive ? 'active' : ''}\n      borderRadius=\"borderRadius\"\n      justifyContent=\"center\"\n      paddingLeft={4}\n      paddingRight={4}\n      shrink={0}\n      onClick={onClick}\n      role=\"tab\"\n      tabIndex={isActive ? 0 : -1}\n      cursor=\"pointer\"\n      aria-selected={isActive}\n      aria-controls={`dz-${dzName}-panel-${index}`}\n      id={`dz-${dzName}-tab-${index}`}\n    >\n      <ComponentIcon icon={icon} isActive={isActive} />\n\n      <Box marginTop={1} maxWidth=\"100%\">\n        <Typography variant=\"pi\" fontWeight=\"bold\" ellipsis>\n          {displayName}\n        </Typography>\n      </Box>\n\n      {isInDevelopmentMode && !disabled && (\n        <CloseButton cursor=\"pointer\" tag=\"button\" onClick={onClose}>\n          <Cross />\n        </CloseButton>\n      )}\n    </ComponentBox>\n  );\n};\n"],"names":["CloseButton","styled","Box","theme","colors","primary600","ComponentBox","Flex","neutral200","neutral100","borderRadius","primary200","primary100","ComponentCard","component","dzName","index","isActive","isInDevelopmentMode","onClick","forTarget","targetUid","disabled","components","removeComponentFromDynamicZone","useDataManager","type","get","icon","displayName","info","onClose","e","stopPropagation","componentToRemoveIndex","_jsxs","alignItems","direction","className","justifyContent","paddingLeft","paddingRight","shrink","role","tabIndex","cursor","aria-selected","aria-controls","id","_jsx","ComponentIcon","marginTop","maxWidth","Typography","variant","fontWeight","ellipsis","tag","Cross"],"mappings":"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"}
+{"version":3,"file":"ComponentCard.mjs","sources":["../../../../admin/src/components/ComponentCard/ComponentCard.tsx"],"sourcesContent":["import type { MouseEvent } from 'react';\n\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport get from 'lodash/get';\nimport { styled } from 'styled-components';\n\nimport { useDataManager } from '../DataManager/useDataManager';\n\nimport { ComponentIcon } from './ComponentIcon';\n\nimport type { Internal, Struct } from '@strapi/types';\n\ninterface ComponentCardProps {\n  component: string;\n  dzName: string;\n  index: number;\n  isActive?: boolean;\n  isInDevelopmentMode?: boolean;\n  onClick?: () => void;\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  disabled?: boolean;\n}\n\nconst CloseButton = styled(Box)`\n  position: absolute;\n  display: none;\n  top: 5px;\n  right: 0.8rem;\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n\n    path {\n      fill: ${({ theme }) => theme.colors.primary600};\n    }\n  }\n`;\n\nconst ComponentBox = styled(Flex)`\n  width: 14rem;\n  height: 8rem;\n  position: relative;\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  background: ${({ theme }) => theme.colors.neutral100};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  max-width: 100%;\n\n  &.active,\n  &:focus,\n  &:hover {\n    border: 1px solid ${({ theme }) => theme.colors.primary200};\n    background: ${({ theme }) => theme.colors.primary100};\n    color: ${({ theme }) => theme.colors.primary600};\n\n    ${CloseButton} {\n      display: block;\n    }\n\n    /* > ComponentIcon */\n    > div:first-child {\n      background: ${({ theme }) => theme.colors.primary200};\n      color: ${({ theme }) => theme.colors.primary600};\n\n      svg {\n        path {\n          fill: ${({ theme }) => theme.colors.primary600};\n        }\n      }\n    }\n  }\n`;\n\nexport const ComponentCard = ({\n  component,\n  dzName,\n  index,\n  isActive = false,\n  isInDevelopmentMode = false,\n  onClick,\n  forTarget,\n  targetUid,\n  disabled,\n}: ComponentCardProps) => {\n  const { components, removeComponentFromDynamicZone } = useDataManager();\n  const type = get(components, component);\n  const { icon, displayName } = type?.info || {};\n\n  const onClose = (e: MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation();\n    removeComponentFromDynamicZone({\n      forTarget,\n      targetUid,\n      dzName,\n      componentToRemoveIndex: index,\n    });\n  };\n\n  return (\n    <ComponentBox\n      alignItems=\"center\"\n      direction=\"column\"\n      className={isActive ? 'active' : ''}\n      borderRadius=\"borderRadius\"\n      justifyContent=\"center\"\n      paddingLeft={4}\n      paddingRight={4}\n      shrink={0}\n      onClick={onClick}\n      role=\"tab\"\n      tabIndex={isActive ? 0 : -1}\n      cursor=\"pointer\"\n      aria-selected={isActive}\n      aria-controls={`dz-${dzName}-panel-${index}`}\n      id={`dz-${dzName}-tab-${index}`}\n    >\n      <ComponentIcon icon={icon} isActive={isActive} />\n\n      <Box marginTop={1} maxWidth=\"100%\">\n        <Typography variant=\"pi\" fontWeight=\"bold\" ellipsis>\n          {displayName}\n        </Typography>\n      </Box>\n\n      {isInDevelopmentMode && !disabled && (\n        <CloseButton cursor=\"pointer\" tag=\"button\" onClick={onClose}>\n          <Cross />\n        </CloseButton>\n      )}\n    </ComponentBox>\n  );\n};\n"],"names":["CloseButton","styled","Box","theme","colors","primary600","ComponentBox","Flex","neutral200","neutral100","borderRadius","primary200","primary100","ComponentCard","component","dzName","index","isActive","isInDevelopmentMode","onClick","forTarget","targetUid","disabled","components","removeComponentFromDynamicZone","useDataManager","type","get","icon","displayName","info","onClose","e","stopPropagation","componentToRemoveIndex","_jsxs","alignItems","direction","className","justifyContent","paddingLeft","paddingRight","shrink","role","tabIndex","cursor","aria-selected","aria-controls","id","_jsx","ComponentIcon","marginTop","maxWidth","Typography","variant","fontWeight","ellipsis","tag","Cross"],"mappings":"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"}