@strapi/content-manager 0.0.0-experimental.c222e1c4de12dd05c26938a605a1128fb3481d1d → 0.0.0-experimental.c23f51fc41b3ef5de081f427d07e87af93cdcb2c

package/dist/admin/pages/EditView/components/FormInputs/UID.mjs

@@ -0,0 +1,273 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useForm, useField, useNotification, useAPIErrorHandler, useQueryParams, useFocusInputField } from '@strapi/admin/strapi-admin';
+import { Field, Flex, useComposedRefs, TextInput, Typography } from '@strapi/design-system';
+import { CheckCircle, WarningCircle, Loader, ArrowClockwise } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useMatch } from 'react-router-dom';
+import { styled, keyframes } from 'styled-components';
+import { useDebounce } from '../../../../hooks/useDebounce.mjs';
+import { useDoc } from '../../../../hooks/useDocument.mjs';
+import { CLONE_PATH } from '../../../../router.mjs';
+import { useGetDefaultUIDQuery, useGenerateUIDMutation, useGetAvailabilityQuery } from '../../../../services/uid.mjs';
+import { buildValidParams } from '../../../../utils/api.mjs';
+
+/* -------------------------------------------------------------------------------------------------
+ * InputUID
+ * -----------------------------------------------------------------------------------------------*/ const UID_REGEX = /^[A-Za-z0-9-_.~]*$/;
+const UIDInput = /*#__PURE__*/ React.forwardRef(({ hint, label, labelAction, name, required, ...props }, ref)=>{
+    const { model, id } = useDoc();
+    const allFormValues = useForm('InputUID', (form)=>form.values);
+    const [availability, setAvailability] = React.useState();
+    const [showRegenerate, setShowRegenerate] = React.useState(false);
+    const isCloning = useMatch(CLONE_PATH) !== null;
+    const field = useField(name);
+    const debouncedValue = useDebounce(field.value, 300);
+    const hasChanged = debouncedValue !== field.initialValue;
+    const { toggleNotification } = useNotification();
+    const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+    const { formatMessage } = useIntl();
+    const [{ query }] = useQueryParams();
+    const params = React.useMemo(()=>buildValidParams(query), [
+        query
+    ]);
+    const { data: defaultGeneratedUID, isLoading: isGeneratingDefaultUID, error: apiError } = useGetDefaultUIDQuery({
+        contentTypeUID: model,
+        field: name,
+        data: {
+            id: id ?? '',
+            ...allFormValues
+        },
+        params
+    }, {
+        skip: field.value || !required
+    });
+    React.useEffect(()=>{
+        if (apiError) {
+            toggleNotification({
+                type: 'warning',
+                message: formatAPIError(apiError)
+            });
+        }
+    }, [
+        apiError,
+        formatAPIError,
+        toggleNotification
+    ]);
+    /**
+     * If the defaultGeneratedUID is available, then we set it as the value,
+     * but we also want to set it as the initialValue too.
+     */ React.useEffect(()=>{
+        if (defaultGeneratedUID && field.value === undefined) {
+            field.onChange(name, defaultGeneratedUID);
+        }
+    }, [
+        defaultGeneratedUID,
+        field,
+        name
+    ]);
+    const [generateUID, { isLoading: isGeneratingUID }] = useGenerateUIDMutation();
+    const handleRegenerateClick = async ()=>{
+        try {
+            const res = await generateUID({
+                contentTypeUID: model,
+                field: name,
+                data: {
+                    id: id ?? '',
+                    ...allFormValues
+                },
+                params
+            });
+            if ('data' in res) {
+                field.onChange(name, res.data);
+            } else {
+                toggleNotification({
+                    type: 'danger',
+                    message: formatAPIError(res.error)
+                });
+            }
+        } catch (err) {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred.'
+                })
+            });
+        }
+    };
+    const { data: availabilityData, isLoading: isCheckingAvailability, error: availabilityError } = useGetAvailabilityQuery({
+        contentTypeUID: model,
+        field: name,
+        value: debouncedValue ? debouncedValue.trim() : '',
+        params
+    }, {
+        // Don't check availability if the value is empty or wasn't changed
+        skip: !Boolean((hasChanged || isCloning) && debouncedValue && UID_REGEX.test(debouncedValue.trim()))
+    });
+    React.useEffect(()=>{
+        if (availabilityError) {
+            toggleNotification({
+                type: 'warning',
+                message: formatAPIError(availabilityError)
+            });
+        }
+    }, [
+        availabilityError,
+        formatAPIError,
+        toggleNotification
+    ]);
+    React.useEffect(()=>{
+        /**
+       * always store the data in state because that way as seen below
+       * we can then remove the data to stop showing the label.
+       */ setAvailability(availabilityData);
+        let timer;
+        if (availabilityData?.isAvailable) {
+            timer = window.setTimeout(()=>{
+                setAvailability(undefined);
+            }, 4000);
+        }
+        return ()=>{
+            if (timer) {
+                clearTimeout(timer);
+            }
+        };
+    }, [
+        availabilityData
+    ]);
+    const isLoading = isGeneratingDefaultUID || isGeneratingUID || isCheckingAvailability;
+    const fieldRef = useFocusInputField(name);
+    const composedRefs = useComposedRefs(ref, fieldRef);
+    const shouldShowAvailability = (hasChanged || isCloning) && debouncedValue != null && availability && !showRegenerate;
+    return /*#__PURE__*/ jsxs(Field.Root, {
+        hint: hint,
+        name: name,
+        error: field.error,
+        required: required,
+        children: [
+            /*#__PURE__*/ jsx(Field.Label, {
+                action: labelAction,
+                children: label
+            }),
+            /*#__PURE__*/ jsx(TextInput, {
+                ref: composedRefs,
+                disabled: props.disabled,
+                endAction: /*#__PURE__*/ jsxs(Flex, {
+                    position: "relative",
+                    gap: 1,
+                    children: [
+                        shouldShowAvailability && /*#__PURE__*/ jsxs(TextValidation, {
+                            alignItems: "center",
+                            gap: 1,
+                            justifyContent: "flex-end",
+                            $available: !!availability?.isAvailable,
+                            "data-not-here-outer": true,
+                            position: "absolute",
+                            pointerEvents: "none",
+                            right: 6,
+                            width: "100px",
+                            children: [
+                                availability?.isAvailable ? /*#__PURE__*/ jsx(CheckCircle, {}) : /*#__PURE__*/ jsx(WarningCircle, {}),
+                                /*#__PURE__*/ jsx(Typography, {
+                                    textColor: availability.isAvailable ? 'success600' : 'danger600',
+                                    variant: "pi",
+                                    children: formatMessage(availability.isAvailable ? {
+                                        id: 'content-manager.components.uid.available',
+                                        defaultMessage: 'Available'
+                                    } : {
+                                        id: 'content-manager.components.uid.unavailable',
+                                        defaultMessage: 'Unavailable'
+                                    })
+                                })
+                            ]
+                        }),
+                        !props.disabled && /*#__PURE__*/ jsxs(Fragment, {
+                            children: [
+                                showRegenerate && /*#__PURE__*/ jsx(TextValidation, {
+                                    alignItems: "center",
+                                    justifyContent: "flex-end",
+                                    gap: 1,
+                                    children: /*#__PURE__*/ jsx(Typography, {
+                                        textColor: "primary600",
+                                        variant: "pi",
+                                        children: formatMessage({
+                                            id: 'content-manager.components.uid.regenerate',
+                                            defaultMessage: 'Regenerate'
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(FieldActionWrapper, {
+                                    onClick: handleRegenerateClick,
+                                    label: formatMessage({
+                                        id: 'content-manager.components.uid.regenerate',
+                                        defaultMessage: 'Regenerate'
+                                    }),
+                                    onMouseEnter: ()=>setShowRegenerate(true),
+                                    onMouseLeave: ()=>setShowRegenerate(false),
+                                    children: isLoading ? /*#__PURE__*/ jsx(LoadingWrapper, {
+                                        "data-testid": "loading-wrapper",
+                                        children: /*#__PURE__*/ jsx(Loader, {})
+                                    }) : /*#__PURE__*/ jsx(ArrowClockwise, {})
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                onChange: field.onChange,
+                value: field.value ?? '',
+                ...props
+            }),
+            /*#__PURE__*/ jsx(Field.Error, {}),
+            /*#__PURE__*/ jsx(Field.Hint, {})
+        ]
+    });
+});
+/* -------------------------------------------------------------------------------------------------
+ * FieldActionWrapper
+ * -----------------------------------------------------------------------------------------------*/ const FieldActionWrapper = styled(Field.Action)`
+  width: 1.6rem;
+
+  svg {
+    height: 1.6rem;
+    width: 1.6rem;
+    path {
+      fill: ${({ theme })=>theme.colors.neutral400};
+    }
+  }
+
+  svg:hover {
+    path {
+      fill: ${({ theme })=>theme.colors.primary600};
+    }
+  }
+`;
+/* -------------------------------------------------------------------------------------------------
+ * TextValidation
+ * -----------------------------------------------------------------------------------------------*/ const TextValidation = styled(Flex)`
+  svg {
+    height: 1.2rem;
+    width: 1.2rem;
+
+    path {
+      fill: ${({ theme, $available })=>$available ? theme.colors.success600 : theme.colors.danger600};
+    }
+  }
+`;
+/* -------------------------------------------------------------------------------------------------
+ * LoadingWrapper
+ * -----------------------------------------------------------------------------------------------*/ const rotation = keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+`;
+const LoadingWrapper = styled(Flex)`
+  animation: ${rotation} 2s infinite linear;
+`;
+const MemoizedUIDInput = /*#__PURE__*/ React.memo(UIDInput);
+
+export { MemoizedUIDInput as UIDInput };
+//# sourceMappingURL=UID.mjs.map

package/dist/admin/pages/EditView/components/FormInputs/UID.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UID.mjs","sources":["../../../../../../admin/src/pages/EditView/components/FormInputs/UID.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  type InputProps,\n  useField,\n  useForm,\n  useNotification,\n  useAPIErrorHandler,\n  useQueryParams,\n  useFocusInputField,\n} from '@strapi/admin/strapi-admin';\nimport {\n  Field,\n  Flex,\n  FlexComponent,\n  TextInput,\n  Typography,\n  useComposedRefs,\n} from '@strapi/design-system';\nimport { CheckCircle, WarningCircle, Loader, ArrowClockwise } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useMatch } from 'react-router-dom';\nimport { styled, keyframes } from 'styled-components';\n\nimport { useDebounce } from '../../../../hooks/useDebounce';\nimport { useDoc } from '../../../../hooks/useDocument';\nimport { CLONE_PATH } from '../../../../router';\nimport {\n  useGenerateUIDMutation,\n  useGetAvailabilityQuery,\n  useGetDefaultUIDQuery,\n} from '../../../../services/uid';\nimport { buildValidParams } from '../../../../utils/api';\n\nimport type { CheckUIDAvailability } from '../../../../../../shared/contracts/uid';\nimport type { Schema } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * InputUID\n * -----------------------------------------------------------------------------------------------*/\n\nconst UID_REGEX = /^[A-Za-z0-9-_.~]*$/;\n\ninterface UIDInputProps extends Omit<InputProps, 'type'> {\n  type: Schema.Attribute.TypeOf<Schema.Attribute.UID>;\n}\n\nconst UIDInput = React.forwardRef<any, UIDInputProps>(\n  ({ hint, label, labelAction, name, required, ...props }, ref) => {\n    const { model, id } = useDoc();\n    const allFormValues = useForm('InputUID', (form) => form.values);\n    const [availability, setAvailability] = React.useState<CheckUIDAvailability.Response>();\n    const [showRegenerate, setShowRegenerate] = React.useState(false);\n    const isCloning = useMatch(CLONE_PATH) !== null;\n    const field = useField(name);\n    const debouncedValue = useDebounce(field.value, 300);\n    const hasChanged = debouncedValue !== field.initialValue;\n    const { toggleNotification } = useNotification();\n    const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n    const { formatMessage } = useIntl();\n    const [{ query }] = useQueryParams();\n    const params = React.useMemo(() => buildValidParams(query), [query]);\n\n    const {\n      data: defaultGeneratedUID,\n      isLoading: isGeneratingDefaultUID,\n      error: apiError,\n    } = useGetDefaultUIDQuery(\n      {\n        contentTypeUID: model,\n        field: name,\n        data: {\n          id: id ?? '',\n          ...allFormValues,\n        },\n        params,\n      },\n      {\n        skip: field.value || !required,\n      }\n    );\n\n    React.useEffect(() => {\n      if (apiError) {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(apiError),\n        });\n      }\n    }, [apiError, formatAPIError, toggleNotification]);\n\n    /**\n     * If the defaultGeneratedUID is available, then we set it as the value,\n     * but we also want to set it as the initialValue too.\n     */\n    React.useEffect(() => {\n      if (defaultGeneratedUID && field.value === undefined) {\n        field.onChange(name, defaultGeneratedUID);\n      }\n    }, [defaultGeneratedUID, field, name]);\n\n    const [generateUID, { isLoading: isGeneratingUID }] = useGenerateUIDMutation();\n\n    const handleRegenerateClick = async () => {\n      try {\n        const res = await generateUID({\n          contentTypeUID: model,\n          field: name,\n          data: { id: id ?? '', ...allFormValues },\n          params,\n        });\n\n        if ('data' in res) {\n          field.onChange(name, res.data);\n        } else {\n          toggleNotification({\n            type: 'danger',\n            message: formatAPIError(res.error),\n          });\n        }\n      } catch (err) {\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({\n            id: 'notification.error',\n            defaultMessage: 'An error occurred.',\n          }),\n        });\n      }\n    };\n\n    const {\n      data: availabilityData,\n      isLoading: isCheckingAvailability,\n      error: availabilityError,\n    } = useGetAvailabilityQuery(\n      {\n        contentTypeUID: model,\n        field: name,\n        value: debouncedValue ? debouncedValue.trim() : '',\n        params,\n      },\n      {\n        // Don't check availability if the value is empty or wasn't changed\n        skip: !Boolean(\n          (hasChanged || isCloning) && debouncedValue && UID_REGEX.test(debouncedValue.trim())\n        ),\n      }\n    );\n\n    React.useEffect(() => {\n      if (availabilityError) {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(availabilityError),\n        });\n      }\n    }, [availabilityError, formatAPIError, toggleNotification]);\n\n    React.useEffect(() => {\n      /**\n       * always store the data in state because that way as seen below\n       * we can then remove the data to stop showing the label.\n       */\n      setAvailability(availabilityData);\n\n      let timer: number;\n\n      if (availabilityData?.isAvailable) {\n        timer = window.setTimeout(() => {\n          setAvailability(undefined);\n        }, 4000);\n      }\n\n      return () => {\n        if (timer) {\n          clearTimeout(timer);\n        }\n      };\n    }, [availabilityData]);\n\n    const isLoading = isGeneratingDefaultUID || isGeneratingUID || isCheckingAvailability;\n\n    const fieldRef = useFocusInputField(name);\n    const composedRefs = useComposedRefs(ref, fieldRef);\n\n    const shouldShowAvailability =\n      (hasChanged || isCloning) && debouncedValue != null && availability && !showRegenerate;\n\n    return (\n      <Field.Root hint={hint} name={name} error={field.error} required={required}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <TextInput\n          ref={composedRefs}\n          disabled={props.disabled}\n          endAction={\n            <Flex position=\"relative\" gap={1}>\n              {shouldShowAvailability && (\n                <TextValidation\n                  alignItems=\"center\"\n                  gap={1}\n                  justifyContent=\"flex-end\"\n                  $available={!!availability?.isAvailable}\n                  data-not-here-outer\n                  position=\"absolute\"\n                  pointerEvents=\"none\"\n                  right={6}\n                  width=\"100px\"\n                >\n                  {availability?.isAvailable ? <CheckCircle /> : <WarningCircle />}\n\n                  <Typography\n                    textColor={availability.isAvailable ? 'success600' : 'danger600'}\n                    variant=\"pi\"\n                  >\n                    {formatMessage(\n                      availability.isAvailable\n                        ? {\n                            id: 'content-manager.components.uid.available',\n                            defaultMessage: 'Available',\n                          }\n                        : {\n                            id: 'content-manager.components.uid.unavailable',\n                            defaultMessage: 'Unavailable',\n                          }\n                    )}\n                  </Typography>\n                </TextValidation>\n              )}\n\n              {!props.disabled && (\n                <>\n                  {showRegenerate && (\n                    <TextValidation alignItems=\"center\" justifyContent=\"flex-end\" gap={1}>\n                      <Typography textColor=\"primary600\" variant=\"pi\">\n                        {formatMessage({\n                          id: 'content-manager.components.uid.regenerate',\n                          defaultMessage: 'Regenerate',\n                        })}\n                      </Typography>\n                    </TextValidation>\n                  )}\n\n                  <FieldActionWrapper\n                    onClick={handleRegenerateClick}\n                    label={formatMessage({\n                      id: 'content-manager.components.uid.regenerate',\n                      defaultMessage: 'Regenerate',\n                    })}\n                    onMouseEnter={() => setShowRegenerate(true)}\n                    onMouseLeave={() => setShowRegenerate(false)}\n                  >\n                    {isLoading ? (\n                      <LoadingWrapper data-testid=\"loading-wrapper\">\n                        <Loader />\n                      </LoadingWrapper>\n                    ) : (\n                      <ArrowClockwise />\n                    )}\n                  </FieldActionWrapper>\n                </>\n              )}\n            </Flex>\n          }\n          onChange={field.onChange}\n          value={field.value ?? ''}\n          {...props}\n        />\n        <Field.Error />\n        <Field.Hint />\n      </Field.Root>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * FieldActionWrapper\n * -----------------------------------------------------------------------------------------------*/\n\nconst FieldActionWrapper = styled(Field.Action)`\n  width: 1.6rem;\n\n  svg {\n    height: 1.6rem;\n    width: 1.6rem;\n    path {\n      fill: ${({ theme }) => theme.colors.neutral400};\n    }\n  }\n\n  svg:hover {\n    path {\n      fill: ${({ theme }) => theme.colors.primary600};\n    }\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * TextValidation\n * -----------------------------------------------------------------------------------------------*/\n\nconst TextValidation = styled<FlexComponent>(Flex)<{ $available?: boolean }>`\n  svg {\n    height: 1.2rem;\n    width: 1.2rem;\n\n    path {\n      fill: ${({ theme, $available }) =>\n        $available ? theme.colors.success600 : theme.colors.danger600};\n    }\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * LoadingWrapper\n * -----------------------------------------------------------------------------------------------*/\n\nconst rotation = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n`;\n\nconst LoadingWrapper = styled<FlexComponent>(Flex)`\n  animation: ${rotation} 2s infinite linear;\n`;\n\nconst MemoizedUIDInput = React.memo(UIDInput);\n\nexport { MemoizedUIDInput as UIDInput };\nexport type { UIDInputProps };\n"],"names":["UID_REGEX","UIDInput","React","forwardRef","hint","label","labelAction","name","required","props","ref","model","id","useDoc","allFormValues","useForm","form","values","availability","setAvailability","useState","showRegenerate","setShowRegenerate","isCloning","useMatch","CLONE_PATH","field","useField","debouncedValue","useDebounce","value","hasChanged","initialValue","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","formatMessage","useIntl","query","useQueryParams","params","useMemo","buildValidParams","data","defaultGeneratedUID","isLoading","isGeneratingDefaultUID","error","apiError","useGetDefaultUIDQuery","contentTypeUID","skip","useEffect","type","message","undefined","onChange","generateUID","isGeneratingUID","useGenerateUIDMutation","handleRegenerateClick","res","err","defaultMessage","availabilityData","isCheckingAvailability","availabilityError","useGetAvailabilityQuery","trim","Boolean","test","timer","isAvailable","window","setTimeout","clearTimeout","fieldRef","useFocusInputField","composedRefs","useComposedRefs","shouldShowAvailability","_jsxs","Field","Root","_jsx","Label","action","TextInput","disabled","endAction","Flex","position","gap","TextValidation","alignItems","justifyContent","$available","data-not-here-outer","pointerEvents","right","width","CheckCircle","WarningCircle","Typography","textColor","variant","_Fragment","FieldActionWrapper","onClick","onMouseEnter","onMouseLeave","LoadingWrapper","data-testid","Loader","ArrowClockwise","Error","Hint","styled","Action","theme","colors","neutral400","primary600","success600","danger600","rotation","keyframes","MemoizedUIDInput","memo"],"mappings":"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"}