@payloadcms/ui 3.0.0-beta.117 → 3.0.0-beta.118
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/elements/TableColumns/buildColumnState.js +1 -0
- package/dist/elements/TableColumns/buildColumnState.js.map +1 -1
- package/dist/exports/client/index.js +10 -10
- package/dist/exports/client/index.js.map +3 -3
- package/dist/fields/Checkbox/index.d.ts.map +1 -1
- package/dist/fields/Checkbox/index.js +1 -0
- package/dist/fields/Checkbox/index.js.map +1 -1
- package/dist/fields/FieldLabel/index.d.ts.map +1 -1
- package/dist/fields/FieldLabel/index.js +58 -30
- package/dist/fields/FieldLabel/index.js.map +1 -1
- package/dist/fields/FieldLabel/index.scss +24 -2
- package/dist/styles.css +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAWpD,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI1C,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAWpD,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI1C,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,CAAA;AAqH3E,eAAO,MAAM,aAAa;;;;;;;;;;;;oCAAwC,CAAA"}
|
|
@@ -193,6 +193,7 @@ const CheckboxFieldComponent = props => {
|
|
|
193
193
|
afterInput: field?.admin?.components?.afterInput,
|
|
194
194
|
beforeInput: field?.admin?.components?.beforeInput,
|
|
195
195
|
checked,
|
|
196
|
+
field,
|
|
196
197
|
id: fieldID,
|
|
197
198
|
inputRef: null,
|
|
198
199
|
Label: field?.admin?.components?.Label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useFieldProps","useForm","useField","withCondition","useEditDepth","generateFieldID","FieldDescription","FieldError","fieldBaseClass","CheckboxInput","baseClass","CheckboxFieldComponent","props","$","id","checked","checkedFromProps","descriptionProps","disableFormData","errorProps","field","t0","labelProps","onChange","onChangeFromProps","partialChecked","readOnly","readOnlyFromTopLevelProps","validate","t1","undefined","name","_path","pathFromProps","admin","t2","label","required","t3","className","description","readOnlyFromAdmin","style","width","readOnlyFromProps","uuid","editDepth","t4","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t5","t6","formInitializing","formProcessing","setValue","showError","value_0","disabled","t7","onToggle","Boolean","t8","fieldID","t9","t10","t11","t12","filter","t13","join","t14","t15","t16","_jsxs","children","_jsx","CustomError","components","Error","alignCaret","afterInput","beforeInput","inputRef","Label","Description","CheckboxField"],"sources":["../../../src/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type {\n CheckboxFieldClientComponent,\n CheckboxFieldClientProps,\n CheckboxFieldValidation,\n} from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport type { CheckboxInputProps } from './Input.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { CheckboxInput } from './Input.js'\n\nconst baseClass = 'checkbox'\n\nexport { CheckboxFieldClientProps, CheckboxInput, type CheckboxInputProps }\n\nconst CheckboxFieldComponent: CheckboxFieldClientComponent = (props) => {\n const {\n id,\n checked: checkedFromProps,\n descriptionProps,\n disableFormData,\n errorProps,\n field,\n field: {\n name,\n _path: pathFromProps,\n admin: {\n className,\n description,\n readOnly: readOnlyFromAdmin,\n style,\n width,\n } = {} as CheckboxFieldClientProps['field']['admin'],\n label,\n required,\n } = {} as CheckboxFieldClientProps['field'],\n labelProps,\n onChange: onChangeFromProps,\n partialChecked,\n readOnly: readOnlyFromTopLevelProps,\n validate,\n } = props\n const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n const { uuid } = useForm()\n\n const editDepth = useEditDepth()\n\n const memoizedValidate: CheckboxFieldValidation = useCallback(\n (value, options) => {\n if (typeof validate === 'function') {\n return validate(value, { ...options, required })\n }\n },\n [validate, required],\n )\n\n const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n const { formInitializing, formProcessing, path, setValue, showError, value } = useField({\n disableFormData,\n path: pathFromContext ?? pathFromProps ?? name,\n validate: memoizedValidate,\n })\n\n const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n const onToggle = useCallback(() => {\n if (!disabled) {\n setValue(!value)\n if (typeof onChangeFromProps === 'function') {\n onChangeFromProps(!value)\n }\n }\n }, [onChangeFromProps, disabled, setValue, value])\n\n const checked = checkedFromProps || Boolean(value)\n\n const fieldID = id || generateFieldID(path, editDepth, uuid)\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n showError && 'error',\n className,\n value && `${baseClass}--checked`,\n disabled && `${baseClass}--read-only`,\n ]\n .filter(Boolean)\n .join(' ')}\n style={{\n ...style,\n width,\n }}\n >\n <FieldError\n CustomError={field?.admin?.components?.Error}\n field={field}\n path={path}\n {...(errorProps || {})}\n alignCaret=\"left\"\n />\n <CheckboxInput\n afterInput={field?.admin?.components?.afterInput}\n beforeInput={field?.admin?.components?.beforeInput}\n checked={checked}\n id={fieldID}\n inputRef={null}\n Label={field?.admin?.components?.Label}\n label={label}\n labelProps={labelProps}\n name={path}\n onToggle={onToggle}\n partialChecked={partialChecked}\n readOnly={disabled}\n required={required}\n />\n <FieldDescription\n Description={field?.admin?.components?.Description}\n description={description}\n field={field}\n {...(descriptionProps || {})}\n />\n </div>\n )\n}\n\nexport const CheckboxField = withCondition(CheckboxFieldComponent)\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useFieldProps","useForm","useField","withCondition","useEditDepth","generateFieldID","FieldDescription","FieldError","fieldBaseClass","CheckboxInput","baseClass","CheckboxFieldComponent","props","$","id","checked","checkedFromProps","descriptionProps","disableFormData","errorProps","field","t0","labelProps","onChange","onChangeFromProps","partialChecked","readOnly","readOnlyFromTopLevelProps","validate","t1","undefined","name","_path","pathFromProps","admin","t2","label","required","t3","className","description","readOnlyFromAdmin","style","width","readOnlyFromProps","uuid","editDepth","t4","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t5","t6","formInitializing","formProcessing","setValue","showError","value_0","disabled","t7","onToggle","Boolean","t8","fieldID","t9","t10","t11","t12","filter","t13","join","t14","t15","t16","_jsxs","children","_jsx","CustomError","components","Error","alignCaret","afterInput","beforeInput","inputRef","Label","Description","CheckboxField"],"sources":["../../../src/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type {\n CheckboxFieldClientComponent,\n CheckboxFieldClientProps,\n CheckboxFieldValidation,\n} from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport type { CheckboxInputProps } from './Input.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { CheckboxInput } from './Input.js'\n\nconst baseClass = 'checkbox'\n\nexport { CheckboxFieldClientProps, CheckboxInput, type CheckboxInputProps }\n\nconst CheckboxFieldComponent: CheckboxFieldClientComponent = (props) => {\n const {\n id,\n checked: checkedFromProps,\n descriptionProps,\n disableFormData,\n errorProps,\n field,\n field: {\n name,\n _path: pathFromProps,\n admin: {\n className,\n description,\n readOnly: readOnlyFromAdmin,\n style,\n width,\n } = {} as CheckboxFieldClientProps['field']['admin'],\n label,\n required,\n } = {} as CheckboxFieldClientProps['field'],\n labelProps,\n onChange: onChangeFromProps,\n partialChecked,\n readOnly: readOnlyFromTopLevelProps,\n validate,\n } = props\n const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n const { uuid } = useForm()\n\n const editDepth = useEditDepth()\n\n const memoizedValidate: CheckboxFieldValidation = useCallback(\n (value, options) => {\n if (typeof validate === 'function') {\n return validate(value, { ...options, required })\n }\n },\n [validate, required],\n )\n\n const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n const { formInitializing, formProcessing, path, setValue, showError, value } = useField({\n disableFormData,\n path: pathFromContext ?? pathFromProps ?? name,\n validate: memoizedValidate,\n })\n\n const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n const onToggle = useCallback(() => {\n if (!disabled) {\n setValue(!value)\n if (typeof onChangeFromProps === 'function') {\n onChangeFromProps(!value)\n }\n }\n }, [onChangeFromProps, disabled, setValue, value])\n\n const checked = checkedFromProps || Boolean(value)\n\n const fieldID = id || generateFieldID(path, editDepth, uuid)\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n showError && 'error',\n className,\n value && `${baseClass}--checked`,\n disabled && `${baseClass}--read-only`,\n ]\n .filter(Boolean)\n .join(' ')}\n style={{\n ...style,\n width,\n }}\n >\n <FieldError\n CustomError={field?.admin?.components?.Error}\n field={field}\n path={path}\n {...(errorProps || {})}\n alignCaret=\"left\"\n />\n <CheckboxInput\n afterInput={field?.admin?.components?.afterInput}\n beforeInput={field?.admin?.components?.beforeInput}\n checked={checked}\n field={field}\n id={fieldID}\n inputRef={null}\n Label={field?.admin?.components?.Label}\n label={label}\n labelProps={labelProps}\n name={path}\n onToggle={onToggle}\n partialChecked={partialChecked}\n readOnly={disabled}\n required={required}\n />\n <FieldDescription\n Description={field?.admin?.components?.Description}\n description={description}\n field={field}\n {...(descriptionProps || {})}\n />\n </div>\n )\n}\n\nexport const CheckboxField = withCondition(CheckboxFieldComponent)\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAkC,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAkC,MAAM,SAAS,CAAA;AAYxF,OAAO,cAAc,CAAA;AAqCrB,eAAO,MAAM,UAAU,EAAE,yBA6BxB,CAAA"}
|
|
@@ -8,21 +8,26 @@ import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
|
|
|
8
8
|
import { useForm } from '../../forms/Form/context.js';
|
|
9
9
|
import { RenderComponent } from '../../providers/Config/RenderComponent.js';
|
|
10
10
|
import { useEditDepth } from '../../providers/EditDepth/index.js';
|
|
11
|
+
import { useLocale } from '../../providers/Locale/index.js';
|
|
11
12
|
import { useTranslation } from '../../providers/Translation/index.js';
|
|
12
13
|
import { generateFieldID } from '../../utilities/generateFieldID.js';
|
|
13
14
|
import './index.scss';
|
|
14
15
|
const DefaultFieldLabel = props => {
|
|
15
|
-
const $ = _c(
|
|
16
|
+
const $ = _c(25);
|
|
16
17
|
const {
|
|
17
18
|
as: t0,
|
|
19
|
+
hideLocale: t1,
|
|
18
20
|
htmlFor: htmlForFromProps,
|
|
19
21
|
label: labelFromProps,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
+
localized: t2,
|
|
23
|
+
required: t3,
|
|
24
|
+
unstyled: t4
|
|
22
25
|
} = props;
|
|
23
26
|
const Element = t0 === undefined ? "label" : t0;
|
|
24
|
-
const
|
|
25
|
-
const
|
|
27
|
+
const hideLocale = t1 === undefined ? false : t1;
|
|
28
|
+
const localized = t2 === undefined ? false : t2;
|
|
29
|
+
const required = t3 === undefined ? false : t3;
|
|
30
|
+
const unstyled = t4 === undefined ? false : t4;
|
|
26
31
|
const {
|
|
27
32
|
uuid
|
|
28
33
|
} = useForm();
|
|
@@ -30,54 +35,76 @@ const DefaultFieldLabel = props => {
|
|
|
30
35
|
path
|
|
31
36
|
} = useFieldProps();
|
|
32
37
|
const editDepth = useEditDepth();
|
|
33
|
-
let
|
|
38
|
+
let t5;
|
|
34
39
|
if ($[0] !== htmlForFromProps || $[1] !== path || $[2] !== editDepth || $[3] !== uuid) {
|
|
35
|
-
|
|
40
|
+
t5 = htmlForFromProps || generateFieldID(path, editDepth, uuid);
|
|
36
41
|
$[0] = htmlForFromProps;
|
|
37
42
|
$[1] = path;
|
|
38
43
|
$[2] = editDepth;
|
|
39
44
|
$[3] = uuid;
|
|
40
|
-
$[4] =
|
|
45
|
+
$[4] = t5;
|
|
41
46
|
} else {
|
|
42
|
-
|
|
47
|
+
t5 = $[4];
|
|
43
48
|
}
|
|
44
|
-
const htmlFor =
|
|
49
|
+
const htmlFor = t5;
|
|
45
50
|
const {
|
|
46
51
|
i18n
|
|
47
52
|
} = useTranslation();
|
|
53
|
+
const {
|
|
54
|
+
code,
|
|
55
|
+
label: localLabel
|
|
56
|
+
} = useLocale();
|
|
48
57
|
if (labelFromProps) {
|
|
49
|
-
const
|
|
50
|
-
let
|
|
51
|
-
if ($[5] !== labelFromProps || $[6] !== i18n || $[7] !== required || $[8] !== unstyled || $[9] !==
|
|
52
|
-
let
|
|
53
|
-
if ($[
|
|
54
|
-
|
|
58
|
+
const t6 = `field-label ${unstyled ? "unstyled" : ""}`;
|
|
59
|
+
let t7;
|
|
60
|
+
if ($[5] !== labelFromProps || $[6] !== i18n || $[7] !== required || $[8] !== unstyled || $[9] !== localized || $[10] !== hideLocale || $[11] !== localLabel || $[12] !== code || $[13] !== t6 || $[14] !== htmlFor || $[15] !== Element) {
|
|
61
|
+
let t8;
|
|
62
|
+
if ($[17] !== required || $[18] !== unstyled) {
|
|
63
|
+
t8 = required && !unstyled && _jsx("span", {
|
|
55
64
|
className: "required",
|
|
56
65
|
children: "*"
|
|
57
66
|
});
|
|
58
|
-
$[
|
|
59
|
-
$[
|
|
60
|
-
$[
|
|
67
|
+
$[17] = required;
|
|
68
|
+
$[18] = unstyled;
|
|
69
|
+
$[19] = t8;
|
|
70
|
+
} else {
|
|
71
|
+
t8 = $[19];
|
|
72
|
+
}
|
|
73
|
+
let t9;
|
|
74
|
+
if ($[20] !== localized || $[21] !== hideLocale || $[22] !== localLabel || $[23] !== code) {
|
|
75
|
+
t9 = localized && !hideLocale && _jsxs("span", {
|
|
76
|
+
className: "localized",
|
|
77
|
+
children: ["\u2014 ", typeof localLabel === "string" ? localLabel : code]
|
|
78
|
+
});
|
|
79
|
+
$[20] = localized;
|
|
80
|
+
$[21] = hideLocale;
|
|
81
|
+
$[22] = localLabel;
|
|
82
|
+
$[23] = code;
|
|
83
|
+
$[24] = t9;
|
|
61
84
|
} else {
|
|
62
|
-
|
|
85
|
+
t9 = $[24];
|
|
63
86
|
}
|
|
64
|
-
|
|
65
|
-
className:
|
|
87
|
+
t7 = _jsxs(Element, {
|
|
88
|
+
className: t6,
|
|
66
89
|
htmlFor,
|
|
67
|
-
children: [getTranslation(labelFromProps, i18n),
|
|
90
|
+
children: [getTranslation(labelFromProps, i18n), t8, t9]
|
|
68
91
|
});
|
|
69
92
|
$[5] = labelFromProps;
|
|
70
93
|
$[6] = i18n;
|
|
71
94
|
$[7] = required;
|
|
72
95
|
$[8] = unstyled;
|
|
73
|
-
$[9] =
|
|
74
|
-
$[10] =
|
|
75
|
-
$[11] =
|
|
76
|
-
$[12] =
|
|
96
|
+
$[9] = localized;
|
|
97
|
+
$[10] = hideLocale;
|
|
98
|
+
$[11] = localLabel;
|
|
99
|
+
$[12] = code;
|
|
100
|
+
$[13] = t6;
|
|
101
|
+
$[14] = htmlFor;
|
|
102
|
+
$[15] = Element;
|
|
103
|
+
$[16] = t7;
|
|
77
104
|
} else {
|
|
78
|
-
|
|
105
|
+
t7 = $[16];
|
|
79
106
|
}
|
|
80
|
-
return
|
|
107
|
+
return t7;
|
|
81
108
|
}
|
|
82
109
|
return null;
|
|
83
110
|
};
|
|
@@ -99,7 +126,8 @@ export const FieldLabel = props => {
|
|
|
99
126
|
label: typeof props?.label !== 'undefined' ? props.label : props?.field && 'label' in props.field && props.field.label // type assertion needed for `row` fields
|
|
100
127
|
,
|
|
101
128
|
|
|
102
|
-
|
|
129
|
+
localized: typeof props.localized !== 'undefined' ? props.localized : props?.field && 'localized' in props.field && props.field.localized,
|
|
130
|
+
required: typeof props.required !== 'undefined' ? props.required : props?.field && 'required' in props.field && props.field?.required
|
|
103
131
|
});
|
|
104
132
|
};
|
|
105
133
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useFieldProps","useForm","RenderComponent","useEditDepth","useTranslation","generateFieldID","DefaultFieldLabel","props","$","as","t0","htmlFor","htmlForFromProps","label","labelFromProps","required","
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useFieldProps","useForm","RenderComponent","useEditDepth","useLocale","useTranslation","generateFieldID","DefaultFieldLabel","props","$","as","t0","hideLocale","t1","htmlFor","htmlForFromProps","label","labelFromProps","localized","t2","required","t3","unstyled","t4","Element","undefined","uuid","path","editDepth","t5","i18n","code","localLabel","t6","t7","t8","_jsx","className","children","t9","_jsxs","FieldLabel","Label","rest","clientProps","mappedComponent","field"],"sources":["../../../src/fields/FieldLabel/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldLabelClientComponent, GenericLabelProps, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.scss'\n\nconst DefaultFieldLabel: React.FC<GenericLabelProps> = (props) => {\n const {\n as: Element = 'label',\n hideLocale = false,\n htmlFor: htmlForFromProps,\n label: labelFromProps,\n localized = false,\n required = false,\n unstyled = false,\n } = props\n\n const { uuid } = useForm()\n const { path } = useFieldProps()\n const editDepth = useEditDepth()\n const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid)\n const { i18n } = useTranslation()\n const { code, label: localLabel } = useLocale()\n\n if (labelFromProps) {\n return (\n <Element className={`field-label ${unstyled ? 'unstyled' : ''}`} htmlFor={htmlFor}>\n {getTranslation(labelFromProps, i18n)}\n {required && !unstyled && <span className=\"required\">*</span>}\n {localized && !hideLocale && (\n <span className=\"localized\">\n — {typeof localLabel === 'string' ? localLabel : code}\n </span>\n )}\n </Element>\n )\n }\n\n return null\n}\n\nexport const FieldLabel: FieldLabelClientComponent = (props) => {\n const { Label, ...rest } = props\n\n // Don't get `Label` from `field.admin.components.Label` here because\n // this will cause an infinite loop when threading field through custom usages of `FieldLabel`\n if (Label) {\n return <RenderComponent clientProps={rest} mappedComponent={Label} />\n }\n\n return (\n <DefaultFieldLabel\n {...rest}\n label={\n typeof props?.label !== 'undefined'\n ? props.label\n : props?.field && 'label' in props.field && (props.field.label as StaticLabel) // type assertion needed for `row` fields\n }\n localized={\n typeof props.localized !== 'undefined'\n ? props.localized\n : props?.field && 'localized' in props.field && props.field.localized\n }\n required={\n typeof props.required !== 'undefined'\n ? props.required\n : props?.field && 'required' in props.field && props.field?.required\n }\n />\n )\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,23 +1,45 @@
|
|
|
1
1
|
@import '../../scss/styles.scss';
|
|
2
2
|
|
|
3
3
|
@layer payload-default {
|
|
4
|
+
label.field-label {
|
|
5
|
+
display: flex;
|
|
6
|
+
align-items: center;
|
|
7
|
+
}
|
|
8
|
+
|
|
4
9
|
label.field-label:not(.unstyled) {
|
|
5
10
|
@extend %body;
|
|
6
11
|
display: flex;
|
|
7
12
|
padding-bottom: base(0.25);
|
|
8
13
|
color: var(--theme-elevation-800);
|
|
9
14
|
font-family: var(--font-body);
|
|
15
|
+
[dir='ltr'] & {
|
|
16
|
+
margin-right: auto;
|
|
17
|
+
}
|
|
18
|
+
[dir='rtl'] & {
|
|
19
|
+
margin-left: auto;
|
|
20
|
+
}
|
|
10
21
|
|
|
11
22
|
.required {
|
|
12
23
|
color: var(--theme-error-500);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.required {
|
|
13
27
|
[dir='ltr'] & {
|
|
14
28
|
margin-left: base(0.25);
|
|
15
|
-
margin-right: auto;
|
|
16
29
|
}
|
|
17
30
|
[dir='rtl'] & {
|
|
18
31
|
margin-right: base(0.25);
|
|
19
|
-
margin-left: auto;
|
|
20
32
|
}
|
|
21
33
|
}
|
|
22
34
|
}
|
|
35
|
+
|
|
36
|
+
.localized {
|
|
37
|
+
@extend %body;
|
|
38
|
+
[dir='ltr'] & {
|
|
39
|
+
margin-left: base(0.25);
|
|
40
|
+
}
|
|
41
|
+
[dir='rtl'] & {
|
|
42
|
+
margin-right: base(0.25);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
23
45
|
}
|