@payloadcms/ui 3.0.0-canary.a7293f6 → 3.0.0-canary.ab70b75

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.
Files changed (236) hide show
  1. package/dist/elements/AddNewRelation/index.scss +36 -34
  2. package/dist/elements/AppHeader/index.scss +151 -150
  3. package/dist/elements/ArrayAction/index.scss +23 -21
  4. package/dist/elements/Autosave/index.scss +4 -2
  5. package/dist/elements/Banner/index.scss +51 -49
  6. package/dist/elements/BulkUpload/ActionsBar/index.scss +45 -43
  7. package/dist/elements/BulkUpload/AddFilesView/index.d.ts +2 -1
  8. package/dist/elements/BulkUpload/AddFilesView/index.d.ts.map +1 -1
  9. package/dist/elements/BulkUpload/AddFilesView/index.js +2 -0
  10. package/dist/elements/BulkUpload/AddFilesView/index.js.map +1 -1
  11. package/dist/elements/BulkUpload/AddFilesView/index.scss +23 -21
  12. package/dist/elements/BulkUpload/AddingFilesView/index.scss +16 -14
  13. package/dist/elements/BulkUpload/DrawerCloseButton/index.scss +23 -21
  14. package/dist/elements/BulkUpload/EditForm/index.scss +6 -4
  15. package/dist/elements/BulkUpload/FileSidebar/index.scss +214 -212
  16. package/dist/elements/BulkUpload/Header/index.scss +11 -9
  17. package/dist/elements/BulkUpload/index.d.ts.map +1 -1
  18. package/dist/elements/BulkUpload/index.js +22 -42
  19. package/dist/elements/BulkUpload/index.js.map +1 -1
  20. package/dist/elements/Button/index.scss +202 -200
  21. package/dist/elements/Card/index.scss +58 -56
  22. package/dist/elements/CodeEditor/index.scss +16 -14
  23. package/dist/elements/Collapsible/index.scss +125 -123
  24. package/dist/elements/ColumnSelector/index.scss +36 -34
  25. package/dist/elements/CopyToClipboard/index.scss +21 -19
  26. package/dist/elements/DatePicker/DatePicker.d.ts +1 -1
  27. package/dist/elements/DatePicker/DatePicker.d.ts.map +1 -1
  28. package/dist/elements/DatePicker/DatePicker.js +1 -1
  29. package/dist/elements/DatePicker/DatePicker.js.map +1 -1
  30. package/dist/elements/DatePicker/index.scss +309 -307
  31. package/dist/elements/DatePicker/library.scss +859 -0
  32. package/dist/elements/DeleteDocument/index.scss +32 -30
  33. package/dist/elements/DeleteMany/index.d.ts.map +1 -1
  34. package/dist/elements/DeleteMany/index.js +16 -5
  35. package/dist/elements/DeleteMany/index.js.map +1 -1
  36. package/dist/elements/DeleteMany/index.scss +29 -27
  37. package/dist/elements/DocumentControls/index.js +1 -1
  38. package/dist/elements/DocumentControls/index.js.map +1 -1
  39. package/dist/elements/DocumentControls/index.scss +190 -188
  40. package/dist/elements/DocumentDrawer/index.scss +55 -53
  41. package/dist/elements/DocumentFields/index.scss +144 -142
  42. package/dist/elements/Drawer/index.scss +111 -109
  43. package/dist/elements/Dropzone/index.scss +32 -30
  44. package/dist/elements/DuplicateDocument/index.scss +31 -29
  45. package/dist/elements/EditMany/index.scss +162 -160
  46. package/dist/elements/EditUpload/index.scss +180 -178
  47. package/dist/elements/ErrorPill/index.scss +27 -25
  48. package/dist/elements/FieldSelect/index.scss +4 -2
  49. package/dist/elements/FileDetails/DraggableFileDetails/index.scss +25 -23
  50. package/dist/elements/FileDetails/FileMeta/index.scss +21 -19
  51. package/dist/elements/FileDetails/StaticFileDetails/index.scss +104 -102
  52. package/dist/elements/GenerateConfirmation/index.scss +29 -27
  53. package/dist/elements/Gutter/index.scss +14 -12
  54. package/dist/elements/Hamburger/index.scss +38 -36
  55. package/dist/elements/IDLabel/index.scss +11 -9
  56. package/dist/elements/ListControls/index.scss +71 -69
  57. package/dist/elements/ListDrawer/DrawerContent.d.ts.map +1 -1
  58. package/dist/elements/ListDrawer/DrawerContent.js +61 -57
  59. package/dist/elements/ListDrawer/DrawerContent.js.map +1 -1
  60. package/dist/elements/ListDrawer/index.scss +93 -91
  61. package/dist/elements/ListHeader/index.scss +9 -7
  62. package/dist/elements/ListSelection/index.scss +14 -12
  63. package/dist/elements/Loading/index.scss +108 -106
  64. package/dist/elements/Localizer/LocalizerLabel/index.scss +44 -42
  65. package/dist/elements/Localizer/index.scss +7 -5
  66. package/dist/elements/Locked/index.scss +11 -9
  67. package/dist/elements/Nav/NavToggler/index.scss +9 -7
  68. package/dist/elements/NavGroup/index.scss +43 -41
  69. package/dist/elements/Pagination/ClickableArrow/index.scss +34 -32
  70. package/dist/elements/Pagination/index.scss +40 -38
  71. package/dist/elements/PerPage/index.scss +37 -35
  72. package/dist/elements/Pill/index.scss +103 -101
  73. package/dist/elements/Popup/PopupButtonList/index.scss +45 -43
  74. package/dist/elements/Popup/PopupTrigger/index.scss +23 -21
  75. package/dist/elements/Popup/index.scss +185 -183
  76. package/dist/elements/PreviewSizes/index.scss +115 -113
  77. package/dist/elements/PublishMany/index.d.ts.map +1 -1
  78. package/dist/elements/PublishMany/index.js +16 -5
  79. package/dist/elements/PublishMany/index.js.map +1 -1
  80. package/dist/elements/PublishMany/index.scss +28 -26
  81. package/dist/elements/ReactSelect/ClearIndicator/index.scss +6 -4
  82. package/dist/elements/ReactSelect/DropdownIndicator/index.scss +11 -9
  83. package/dist/elements/ReactSelect/MultiValue/index.scss +26 -24
  84. package/dist/elements/ReactSelect/MultiValueLabel/index.scss +16 -14
  85. package/dist/elements/ReactSelect/MultiValueRemove/index.scss +20 -18
  86. package/dist/elements/ReactSelect/ValueContainer/index.scss +22 -20
  87. package/dist/elements/ReactSelect/index.d.ts.map +1 -1
  88. package/dist/elements/ReactSelect/index.js +2 -0
  89. package/dist/elements/ReactSelect/index.js.map +1 -1
  90. package/dist/elements/ReactSelect/index.scss +66 -59
  91. package/dist/elements/RelationshipTable/cells/DrawerLink/index.scss +5 -3
  92. package/dist/elements/RelationshipTable/index.scss +21 -19
  93. package/dist/elements/RenderTitle/index.scss +7 -5
  94. package/dist/elements/SearchFilter/index.scss +31 -28
  95. package/dist/elements/SelectAll/index.scss +5 -3
  96. package/dist/elements/SelectRow/index.scss +6 -4
  97. package/dist/elements/ShimmerEffect/index.scss +26 -24
  98. package/dist/elements/SortColumn/index.scss +51 -49
  99. package/dist/elements/SortComplex/index.scss +27 -25
  100. package/dist/elements/Status/index.scss +45 -43
  101. package/dist/elements/StayLoggedIn/index.scss +28 -26
  102. package/dist/elements/StepNav/index.scss +62 -61
  103. package/dist/elements/Table/DefaultCell/fields/Checkbox/index.scss +20 -18
  104. package/dist/elements/Table/DefaultCell/fields/Code/index.scss +22 -20
  105. package/dist/elements/Table/DefaultCell/fields/File/index.scss +18 -16
  106. package/dist/elements/Table/DefaultCell/fields/JSON/index.scss +20 -18
  107. package/dist/elements/Table/DefaultCell/index.js +2 -2
  108. package/dist/elements/Table/DefaultCell/index.js.map +1 -1
  109. package/dist/elements/Table/index.scss +74 -72
  110. package/dist/elements/TableColumns/buildColumnState.js +1 -0
  111. package/dist/elements/TableColumns/buildColumnState.js.map +1 -1
  112. package/dist/elements/Thumbnail/index.scss +37 -35
  113. package/dist/elements/ThumbnailCard/index.scss +31 -29
  114. package/dist/elements/Tooltip/index.scss +77 -75
  115. package/dist/elements/UnpublishMany/index.d.ts.map +1 -1
  116. package/dist/elements/UnpublishMany/index.js +16 -5
  117. package/dist/elements/UnpublishMany/index.js.map +1 -1
  118. package/dist/elements/UnpublishMany/index.scss +28 -26
  119. package/dist/elements/Upload/index.d.ts.map +1 -1
  120. package/dist/elements/Upload/index.js +2 -0
  121. package/dist/elements/Upload/index.js.map +1 -1
  122. package/dist/elements/Upload/index.scss +117 -121
  123. package/dist/elements/WhereBuilder/Condition/Number/index.scss +4 -2
  124. package/dist/elements/WhereBuilder/Condition/Relationship/index.scss +9 -7
  125. package/dist/elements/WhereBuilder/Condition/Text/index.scss +4 -2
  126. package/dist/elements/WhereBuilder/Condition/index.scss +43 -41
  127. package/dist/elements/WhereBuilder/index.scss +28 -26
  128. package/dist/exports/client/{CodeEditor-4A6256PR.js → CodeEditor-VPUKDCXS.js} +1 -1
  129. package/dist/exports/client/{CodeEditor-4A6256PR.js.map → CodeEditor-VPUKDCXS.js.map} +1 -1
  130. package/dist/exports/client/{DatePicker-HNJMUG32.js → DatePicker-FUJV23KL.js} +2 -2
  131. package/dist/exports/client/{chunk-IHJK2MAT.js → chunk-UMJJTMDP.js} +2 -2
  132. package/dist/exports/client/{chunk-IHJK2MAT.js.map → chunk-UMJJTMDP.js.map} +4 -4
  133. package/dist/exports/client/index.d.ts +2 -1
  134. package/dist/exports/client/index.d.ts.map +1 -1
  135. package/dist/exports/client/index.js +22 -19
  136. package/dist/exports/client/index.js.map +4 -4
  137. package/dist/fields/Array/index.scss +74 -72
  138. package/dist/fields/Blocks/BlocksDrawer/BlockSearch/index.scss +25 -23
  139. package/dist/fields/Blocks/BlocksDrawer/index.scss +36 -34
  140. package/dist/fields/Blocks/SectionTitle/index.scss +51 -49
  141. package/dist/fields/Blocks/index.scss +89 -87
  142. package/dist/fields/Checkbox/index.d.ts.map +1 -1
  143. package/dist/fields/Checkbox/index.js +1 -0
  144. package/dist/fields/Checkbox/index.js.map +1 -1
  145. package/dist/fields/Checkbox/index.scss +107 -105
  146. package/dist/fields/Code/index.scss +18 -16
  147. package/dist/fields/Collapsible/index.d.ts.map +1 -1
  148. package/dist/fields/Collapsible/index.scss +8 -6
  149. package/dist/fields/ConfirmPassword/index.scss +18 -16
  150. package/dist/fields/DateTime/index.scss +13 -11
  151. package/dist/fields/Email/index.scss +21 -19
  152. package/dist/fields/FieldDescription/index.scss +9 -7
  153. package/dist/fields/FieldError/index.scss +13 -11
  154. package/dist/fields/FieldLabel/index.d.ts.map +1 -1
  155. package/dist/fields/FieldLabel/index.js +58 -30
  156. package/dist/fields/FieldLabel/index.js.map +1 -1
  157. package/dist/fields/FieldLabel/index.scss +34 -10
  158. package/dist/fields/Group/index.scss +107 -105
  159. package/dist/fields/JSON/index.scss +11 -9
  160. package/dist/fields/Number/index.scss +19 -17
  161. package/dist/fields/Password/index.scss +18 -16
  162. package/dist/fields/Point/index.scss +33 -31
  163. package/dist/fields/RadioGroup/Radio/index.scss +58 -56
  164. package/dist/fields/RadioGroup/index.d.ts +1 -0
  165. package/dist/fields/RadioGroup/index.d.ts.map +1 -1
  166. package/dist/fields/RadioGroup/index.js +33 -30
  167. package/dist/fields/RadioGroup/index.js.map +1 -1
  168. package/dist/fields/RadioGroup/index.scss +57 -55
  169. package/dist/fields/Relationship/index.scss +44 -42
  170. package/dist/fields/Relationship/select-components/MultiValueLabel/index.scss +40 -38
  171. package/dist/fields/Relationship/select-components/SingleValue/index.scss +43 -41
  172. package/dist/fields/Row/index.scss +31 -29
  173. package/dist/fields/Select/index.scss +16 -14
  174. package/dist/fields/Tabs/Tab/index.scss +58 -56
  175. package/dist/fields/Tabs/index.d.ts.map +1 -1
  176. package/dist/fields/Tabs/index.js +69 -53
  177. package/dist/fields/Tabs/index.js.map +1 -1
  178. package/dist/fields/Tabs/index.scss +46 -44
  179. package/dist/fields/Text/index.scss +23 -21
  180. package/dist/fields/Textarea/index.scss +89 -87
  181. package/dist/fields/Upload/HasMany/index.scss +20 -18
  182. package/dist/fields/Upload/HasOne/index.scss +5 -3
  183. package/dist/fields/Upload/Input.d.ts.map +1 -1
  184. package/dist/fields/Upload/Input.js +39 -36
  185. package/dist/fields/Upload/Input.js.map +1 -1
  186. package/dist/fields/Upload/RelationshipContent/index.scss +44 -42
  187. package/dist/fields/Upload/UploadCard/index.scss +21 -19
  188. package/dist/fields/Upload/index.scss +49 -47
  189. package/dist/forms/Form/fieldReducer.d.ts.map +1 -1
  190. package/dist/forms/Form/fieldReducer.js +7 -0
  191. package/dist/forms/Form/fieldReducer.js.map +1 -1
  192. package/dist/forms/Form/index.scss +5 -3
  193. package/dist/forms/RenderFields/index.scss +47 -45
  194. package/dist/forms/Submit/index.scss +5 -3
  195. package/dist/forms/useField/index.d.ts.map +1 -1
  196. package/dist/forms/useField/index.js +1 -1
  197. package/dist/forms/useField/index.js.map +1 -1
  198. package/dist/graphics/Account/Default/index.scss +43 -41
  199. package/dist/icons/Calendar/index.scss +8 -6
  200. package/dist/icons/Check/index.scss +9 -7
  201. package/dist/icons/Chevron/index.scss +18 -16
  202. package/dist/icons/CloseMenu/index.scss +7 -5
  203. package/dist/icons/Copy/index.scss +9 -7
  204. package/dist/icons/DragHandle/index.scss +9 -7
  205. package/dist/icons/Edit/index.scss +9 -7
  206. package/dist/icons/Line/index.scss +8 -6
  207. package/dist/icons/Link/index.scss +8 -6
  208. package/dist/icons/Lock/index.scss +6 -4
  209. package/dist/icons/LogOut/index.scss +8 -6
  210. package/dist/icons/Menu/index.scss +6 -4
  211. package/dist/icons/More/index.scss +8 -6
  212. package/dist/icons/Plus/index.scss +6 -4
  213. package/dist/icons/Search/index.scss +8 -6
  214. package/dist/icons/Swap/index.scss +9 -7
  215. package/dist/icons/X/index.scss +6 -4
  216. package/dist/providers/Auth/index.d.ts +9 -4
  217. package/dist/providers/Auth/index.d.ts.map +1 -1
  218. package/dist/providers/Auth/index.js +51 -56
  219. package/dist/providers/Auth/index.js.map +1 -1
  220. package/dist/providers/Config/createClientConfig/fields.d.ts.map +1 -1
  221. package/dist/providers/Config/createClientConfig/fields.js +21 -3
  222. package/dist/providers/Config/createClientConfig/fields.js.map +1 -1
  223. package/dist/providers/DocumentInfo/index.d.ts.map +1 -1
  224. package/dist/providers/DocumentInfo/index.js +4 -0
  225. package/dist/providers/DocumentInfo/index.js.map +1 -1
  226. package/dist/providers/Selection/index.js +3 -3
  227. package/dist/providers/Selection/index.js.map +1 -1
  228. package/dist/scss/app.scss +166 -162
  229. package/dist/scss/colors.scss +256 -254
  230. package/dist/scss/resets.scss +9 -7
  231. package/dist/scss/toastify.scss +42 -40
  232. package/dist/scss/toasts.scss +105 -103
  233. package/dist/scss/type.scss +81 -79
  234. package/dist/styles.css +1 -1
  235. package/package.json +8 -8
  236. /package/dist/exports/client/{DatePicker-HNJMUG32.js.map → DatePicker-FUJV23KL.js.map} +0 -0
@@ -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,146 +1,148 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .checkbox {
4
- position: relative;
5
- margin-bottom: $baseline;
6
-
7
- .tooltip:not([aria-hidden='true']) {
8
- right: auto;
9
- position: static;
10
- transform: translateY(calc(var(--caret-size) * -1));
11
- margin-bottom: 0.2em;
12
- max-width: fit-content;
13
- }
14
- }
15
-
16
- .checkbox-input {
17
- display: inline-flex;
18
- &:hover:not(&--read-only) {
19
- label,
20
- input {
21
- cursor: pointer;
3
+ @layer payload-default {
4
+ .checkbox {
5
+ position: relative;
6
+ margin-bottom: $baseline;
7
+
8
+ .tooltip:not([aria-hidden='true']) {
9
+ right: auto;
10
+ position: static;
11
+ transform: translateY(calc(var(--caret-size) * -1));
12
+ margin-bottom: 0.2em;
13
+ max-width: fit-content;
22
14
  }
23
15
  }
24
16
 
25
- label {
26
- padding-bottom: 0;
27
- padding-left: base(0.5);
28
- }
17
+ .checkbox-input {
18
+ display: inline-flex;
19
+ &:hover:not(&--read-only) {
20
+ label,
21
+ input {
22
+ cursor: pointer;
23
+ }
24
+ }
29
25
 
30
- [dir='rtl'] &__input {
31
- margin-right: 0;
32
- margin-left: base(0.5);
33
- }
26
+ label {
27
+ padding-bottom: 0;
28
+ padding-left: base(0.5);
29
+ }
34
30
 
35
- &__input {
36
- @include formInput;
37
- display: flex;
38
- padding: 0;
39
- line-height: 0;
40
- position: relative;
41
- width: $baseline;
42
- height: $baseline;
31
+ [dir='rtl'] &__input {
32
+ margin-right: 0;
33
+ margin-left: base(0.5);
34
+ }
43
35
 
44
- & input[type='checkbox'] {
45
- position: absolute;
46
- // Without the extra 4px, there is an uncheckable area due to the border of the parent element
47
- width: calc(100% + 4px);
48
- height: calc(100% + 4px);
36
+ &__input {
37
+ @include formInput;
38
+ display: flex;
49
39
  padding: 0;
50
- margin: 0;
51
- margin-left: -2px;
52
- margin-top: -2px;
53
- opacity: 0;
54
- border-radius: 0;
55
- z-index: 1;
40
+ line-height: 0;
41
+ position: relative;
42
+ width: $baseline;
43
+ height: $baseline;
44
+
45
+ & input[type='checkbox'] {
46
+ position: absolute;
47
+ // Without the extra 4px, there is an uncheckable area due to the border of the parent element
48
+ width: calc(100% + 4px);
49
+ height: calc(100% + 4px);
50
+ padding: 0;
51
+ margin: 0;
52
+ margin-left: -2px;
53
+ margin-top: -2px;
54
+ opacity: 0;
55
+ border-radius: 0;
56
+ z-index: 1;
57
+ }
56
58
  }
57
- }
58
59
 
59
- &__icon {
60
- position: absolute;
60
+ &__icon {
61
+ position: absolute;
61
62
 
62
- svg {
63
- opacity: 0;
63
+ svg {
64
+ opacity: 0;
65
+ }
64
66
  }
65
- }
66
67
 
67
- &:not(&--read-only) {
68
- &:active,
69
- &:focus-within,
70
- &:focus {
71
- .checkbox-input__input,
72
- & input[type='checkbox'] {
73
- outline: 0;
74
- box-shadow: 0 0 3px 3px var(--theme-success-400) !important;
75
- border: 1px solid var(--theme-elevation-150);
68
+ &:not(&--read-only) {
69
+ &:active,
70
+ &:focus-within,
71
+ &:focus {
72
+ .checkbox-input__input,
73
+ & input[type='checkbox'] {
74
+ outline: 0;
75
+ box-shadow: 0 0 3px 3px var(--theme-success-400) !important;
76
+ border: 1px solid var(--theme-elevation-150);
77
+ }
76
78
  }
77
- }
78
79
 
79
- &:hover {
80
- .checkbox-input__input,
81
- & input[type='checkbox'] {
82
- border-color: var(--theme-elevation-250);
80
+ &:hover {
81
+ .checkbox-input__input,
82
+ & input[type='checkbox'] {
83
+ border-color: var(--theme-elevation-250);
84
+ }
83
85
  }
84
86
  }
85
- }
86
87
 
87
- &:not(&--read-only):not(&--checked) {
88
- &:hover {
89
- cursor: pointer;
88
+ &:not(&--read-only):not(&--checked) {
89
+ &:hover {
90
+ cursor: pointer;
90
91
 
91
- svg {
92
- opacity: 0.2;
92
+ svg {
93
+ opacity: 0.2;
94
+ }
93
95
  }
94
96
  }
95
- }
96
97
 
97
- &--checked {
98
- .checkbox-input__icon {
99
- svg {
100
- opacity: 1;
98
+ &--checked {
99
+ .checkbox-input__icon {
100
+ svg {
101
+ opacity: 1;
102
+ }
101
103
  }
102
104
  }
103
- }
104
105
 
105
- .checkbox-input__icon {
106
- .icon--line {
107
- width: 1.4rem;
108
- height: 1.4rem;
109
- }
106
+ .checkbox-input__icon {
107
+ .icon--line {
108
+ width: 1.4rem;
109
+ height: 1.4rem;
110
+ }
110
111
 
111
- &.partial {
112
- svg {
113
- opacity: 1;
112
+ &.partial {
113
+ svg {
114
+ opacity: 1;
115
+ }
114
116
  }
115
117
  }
116
- }
117
118
 
118
- &--read-only {
119
- .checkbox-input__input {
120
- @include readOnly;
121
- }
119
+ &--read-only {
120
+ .checkbox-input__input {
121
+ @include readOnly;
122
+ }
122
123
 
123
- label {
124
- color: var(--theme-elevation-400);
124
+ label {
125
+ color: var(--theme-elevation-400);
126
+ }
125
127
  }
126
128
  }
127
- }
128
129
 
129
- html[data-theme='light'] {
130
- .checkbox {
131
- &.error {
132
- .checkbox-input__input {
133
- @include lightInputError;
130
+ html[data-theme='light'] {
131
+ .checkbox {
132
+ &.error {
133
+ .checkbox-input__input {
134
+ @include lightInputError;
135
+ }
134
136
  }
135
137
  }
136
138
  }
137
- }
138
139
 
139
- html[data-theme='dark'] {
140
- .checkbox {
141
- &.error {
142
- .checkbox-input__input {
143
- @include darkInputError;
140
+ html[data-theme='dark'] {
141
+ .checkbox {
142
+ &.error {
143
+ .checkbox-input__input {
144
+ @include darkInputError;
145
+ }
144
146
  }
145
147
  }
146
148
  }
@@ -1,24 +1,26 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .code-field {
4
- position: relative;
3
+ @layer payload-default {
4
+ .code-field {
5
+ position: relative;
5
6
 
6
- &.error {
7
- textarea {
8
- border: 1px solid var(--theme-error-500) !important;
7
+ &.error {
8
+ textarea {
9
+ border: 1px solid var(--theme-error-500) !important;
10
+ }
11
+ .code-editor {
12
+ border-color: var(--theme-error-500);
13
+ }
14
+ .monaco-editor-background,
15
+ .margin {
16
+ background-color: var(--theme-error-50);
17
+ }
9
18
  }
10
- .code-editor {
11
- border-color: var(--theme-error-500);
12
- }
13
- .monaco-editor-background,
14
- .margin {
15
- background-color: var(--theme-error-50);
16
- }
17
- }
18
19
 
19
- .read-only {
20
- .code-editor {
21
- @include readOnly;
20
+ .read-only {
21
+ .code-editor {
22
+ @include readOnly;
23
+ }
22
24
  }
23
25
  }
24
26
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Collapsible/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAwD,MAAM,SAAS,CAAA;AAEhG,OAAO,KAAqD,MAAM,OAAO,CAAA;AAazE,OAAO,cAAc,CAAA;AAqKrB,eAAO,MAAM,gBAAgB;;;;;;;;yBAC22mB,CAAC;;;;;;;;;;yBAAD,CAAC;;;;;;;yBAAyH,CAAC;;;;;;;yBAAD,CAAC;;;;;;;;;;;yBAA3H,CAAC;;;;;;;;;;yBAAD,CAAC;;;;;;;yBAAyH,CAAC;;;;;;;yBAAD,CAAC;;;;;;;;;;;yBAA3H,CAAC;;;;;;;;;;yBAAD,CAAC;;;;;;;yBAAyH,CAAC;;;;;;;yBAAD,CAAC;;;;;;;;;;;yBAA3H,CAAC;;;;;;;;;;yBAAD,CAAC;;;;;;;yBAAyH,CAAC;;;;;;;yBAAD,CAAC;;;;oCAD37mB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Collapsible/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAwD,MAAM,SAAS,CAAA;AAEhG,OAAO,KAAqD,MAAM,OAAO,CAAA;AAazE,OAAO,cAAc,CAAA;AAqKrB,eAAO,MAAM,gBAAgB;;;;;;;;yBACu6mB,CAAC;;;;;;;;;;yBAAD,CAAC;;;;;;;yBAAyH,CAAC;;;;;;;yBAAD,CAAC;;;;;;;;;;;yBAA3H,CAAC;;;;;;;;;;yBAAD,CAAC;;;;;;;yBAAyH,CAAC;;;;;;;yBAAD,CAAC;;;;;;;;;;;yBAA3H,CAAC;;;;;;;;;;yBAAD,CAAC;;;;;;;yBAAyH,CAAC;;;;;;;yBAAD,CAAC;;;;;;;;;;;yBAA3H,CAAC;;;;;;;;;;yBAAD,CAAC;;;;;;;yBAAyH,CAAC;;;;;;;yBAAD,CAAC;;;;oCADv/mB,CAAA"}
@@ -1,10 +1,12 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .collapsible-field {
4
- &__row-label-wrap {
5
- pointer-events: none;
6
- display: flex;
7
- align-items: center;
8
- gap: base(0.5);
3
+ @layer payload-default {
4
+ .collapsible-field {
5
+ &__row-label-wrap {
6
+ pointer-events: none;
7
+ display: flex;
8
+ align-items: center;
9
+ gap: base(0.5);
10
+ }
9
11
  }
10
12
  }
@@ -1,28 +1,30 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .field-type.confirm-password {
4
- position: relative;
3
+ @layer payload-default {
4
+ .field-type.confirm-password {
5
+ position: relative;
5
6
 
6
- input {
7
- @include formInput;
7
+ input {
8
+ @include formInput;
9
+ }
8
10
  }
9
- }
10
11
 
11
- html[data-theme='light'] {
12
- .field-type.field-type.confirm-password {
13
- &.error {
14
- input {
15
- @include lightInputError;
12
+ html[data-theme='light'] {
13
+ .field-type.field-type.confirm-password {
14
+ &.error {
15
+ input {
16
+ @include lightInputError;
17
+ }
16
18
  }
17
19
  }
18
20
  }
19
- }
20
21
 
21
- html[data-theme='dark'] {
22
- .field-type.field-type.confirm-password {
23
- &.error {
24
- input {
25
- @include darkInputError;
22
+ html[data-theme='dark'] {
23
+ .field-type.field-type.confirm-password {
24
+ &.error {
25
+ input {
26
+ @include darkInputError;
27
+ }
26
28
  }
27
29
  }
28
30
  }
@@ -1,20 +1,22 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- html[data-theme='light'] {
4
- .date-time-field {
5
- &--has-error {
6
- .react-datepicker__input-container input {
7
- @include lightInputError;
3
+ @layer payload-default {
4
+ html[data-theme='light'] {
5
+ .date-time-field {
6
+ &--has-error {
7
+ .react-datepicker__input-container input {
8
+ @include lightInputError;
9
+ }
8
10
  }
9
11
  }
10
12
  }
11
- }
12
13
 
13
- html[data-theme='dark'] {
14
- .date-time-field {
15
- &--has-error {
16
- .react-datepicker__input-container input {
17
- @include darkInputError;
14
+ html[data-theme='dark'] {
15
+ .date-time-field {
16
+ &--has-error {
17
+ .react-datepicker__input-container input {
18
+ @include darkInputError;
19
+ }
18
20
  }
19
21
  }
20
22
  }
@@ -1,34 +1,36 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .field-type.email {
4
- position: relative;
5
-
6
- input {
7
- @include formInput;
8
- }
3
+ @layer payload-default {
4
+ .field-type.email {
5
+ position: relative;
9
6
 
10
- &.error {
11
7
  input {
12
- background-color: var(--theme-error-200);
8
+ @include formInput;
13
9
  }
14
- }
15
- }
16
10
 
17
- html[data-theme='light'] {
18
- .field-type.email {
19
11
  &.error {
20
12
  input {
21
- @include lightInputError;
13
+ background-color: var(--theme-error-200);
22
14
  }
23
15
  }
24
16
  }
25
- }
26
17
 
27
- html[data-theme='dark'] {
28
- .field-type.email {
29
- &.error {
30
- input {
31
- @include darkInputError;
18
+ html[data-theme='light'] {
19
+ .field-type.email {
20
+ &.error {
21
+ input {
22
+ @include lightInputError;
23
+ }
24
+ }
25
+ }
26
+ }
27
+
28
+ html[data-theme='dark'] {
29
+ .field-type.email {
30
+ &.error {
31
+ input {
32
+ @include darkInputError;
33
+ }
32
34
  }
33
35
  }
34
36
  }
@@ -1,12 +1,14 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .field-description {
4
- display: flex;
5
- color: var(--theme-elevation-400);
6
- margin-top: calc(var(--base) / 4);
3
+ @layer payload-default {
4
+ .field-description {
5
+ display: flex;
6
+ color: var(--theme-elevation-400);
7
+ margin-top: calc(var(--base) / 4);
7
8
 
8
- &--margin-bottom {
9
- margin-top: 0;
10
- margin-bottom: calc(var(--base) / 2);
9
+ &--margin-bottom {
10
+ margin-top: 0;
11
+ margin-bottom: calc(var(--base) / 2);
12
+ }
11
13
  }
12
14
  }
@@ -1,16 +1,18 @@
1
1
  @import '../../scss/styles';
2
2
 
3
- .field-error.tooltip {
4
- font-family: var(--font-body);
5
- left: auto;
6
- max-width: 75%;
7
- right: 0;
8
- transform: translateY(calc(var(--caret-size) * -1));
9
- color: var(--theme-error-950);
10
- background-color: var(--theme-error-300);
3
+ @layer payload-default {
4
+ .field-error.tooltip {
5
+ font-family: var(--font-body);
6
+ left: auto;
7
+ max-width: 75%;
8
+ right: 0;
9
+ transform: translateY(calc(var(--caret-size) * -1));
10
+ color: var(--theme-error-950);
11
+ background-color: var(--theme-error-300);
11
12
 
12
- &::after {
13
- border-top-color: var(--theme-error-300);
14
- border-bottom-color: var(--theme-error-300);
13
+ &::after {
14
+ border-top-color: var(--theme-error-300);
15
+ border-bottom-color: var(--theme-error-300);
16
+ }
15
17
  }
16
18
  }
@@ -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;AAWxF,OAAO,cAAc,CAAA;AA8BrB,eAAO,MAAM,UAAU,EAAE,yBAwBxB,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"}