@payloadcms/ui 3.0.0-beta.110 → 3.0.0-beta.112

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 (190) hide show
  1. package/dist/elements/AddNewRelation/index.scss +36 -34
  2. package/dist/elements/AppHeader/index.scss +152 -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.scss +23 -21
  8. package/dist/elements/BulkUpload/AddingFilesView/index.scss +16 -14
  9. package/dist/elements/BulkUpload/DrawerCloseButton/index.scss +23 -21
  10. package/dist/elements/BulkUpload/EditForm/index.scss +6 -4
  11. package/dist/elements/BulkUpload/FileSidebar/index.scss +214 -212
  12. package/dist/elements/BulkUpload/Header/index.scss +11 -9
  13. package/dist/elements/Button/index.scss +202 -200
  14. package/dist/elements/Card/index.scss +58 -56
  15. package/dist/elements/CodeEditor/index.scss +16 -14
  16. package/dist/elements/Collapsible/index.scss +125 -123
  17. package/dist/elements/ColumnSelector/index.scss +36 -34
  18. package/dist/elements/CopyToClipboard/index.scss +21 -19
  19. package/dist/elements/DatePicker/index.scss +309 -307
  20. package/dist/elements/DeleteDocument/index.scss +32 -30
  21. package/dist/elements/DeleteMany/index.scss +29 -27
  22. package/dist/elements/DocumentControls/index.js +1 -1
  23. package/dist/elements/DocumentControls/index.js.map +1 -1
  24. package/dist/elements/DocumentControls/index.scss +190 -188
  25. package/dist/elements/DocumentDrawer/index.scss +55 -53
  26. package/dist/elements/DocumentFields/index.scss +144 -142
  27. package/dist/elements/Drawer/index.scss +111 -109
  28. package/dist/elements/Dropzone/index.d.ts +2 -1
  29. package/dist/elements/Dropzone/index.d.ts.map +1 -1
  30. package/dist/elements/Dropzone/index.js +3 -2
  31. package/dist/elements/Dropzone/index.js.map +1 -1
  32. package/dist/elements/Dropzone/index.scss +32 -30
  33. package/dist/elements/DuplicateDocument/index.scss +31 -29
  34. package/dist/elements/EditMany/index.scss +162 -160
  35. package/dist/elements/EditUpload/index.scss +180 -178
  36. package/dist/elements/ErrorPill/index.scss +27 -25
  37. package/dist/elements/FieldSelect/index.js +2 -2
  38. package/dist/elements/FieldSelect/index.js.map +1 -1
  39. package/dist/elements/FieldSelect/index.scss +4 -2
  40. package/dist/elements/FileDetails/DraggableFileDetails/index.scss +25 -23
  41. package/dist/elements/FileDetails/FileMeta/index.scss +21 -19
  42. package/dist/elements/FileDetails/StaticFileDetails/index.scss +104 -102
  43. package/dist/elements/GenerateConfirmation/index.scss +29 -27
  44. package/dist/elements/Gutter/index.scss +14 -12
  45. package/dist/elements/Hamburger/index.scss +38 -36
  46. package/dist/elements/IDLabel/index.scss +11 -9
  47. package/dist/elements/ListControls/index.scss +71 -69
  48. package/dist/elements/ListDrawer/DrawerContent.d.ts.map +1 -1
  49. package/dist/elements/ListDrawer/DrawerContent.js +156 -154
  50. package/dist/elements/ListDrawer/DrawerContent.js.map +1 -1
  51. package/dist/elements/ListDrawer/index.scss +93 -91
  52. package/dist/elements/ListDrawer/types.d.ts +2 -1
  53. package/dist/elements/ListDrawer/types.d.ts.map +1 -1
  54. package/dist/elements/ListDrawer/types.js.map +1 -1
  55. package/dist/elements/ListHeader/index.scss +9 -7
  56. package/dist/elements/ListSelection/index.scss +14 -12
  57. package/dist/elements/Loading/index.scss +108 -106
  58. package/dist/elements/Localizer/LocalizerLabel/index.scss +44 -42
  59. package/dist/elements/Localizer/index.scss +7 -5
  60. package/dist/elements/Locked/index.scss +11 -9
  61. package/dist/elements/Nav/NavToggler/index.scss +9 -7
  62. package/dist/elements/NavGroup/index.scss +43 -41
  63. package/dist/elements/Pagination/ClickableArrow/index.scss +34 -32
  64. package/dist/elements/Pagination/index.scss +40 -38
  65. package/dist/elements/PerPage/index.scss +37 -35
  66. package/dist/elements/Pill/index.scss +103 -101
  67. package/dist/elements/Popup/PopupButtonList/index.scss +45 -43
  68. package/dist/elements/Popup/PopupTrigger/index.scss +23 -21
  69. package/dist/elements/Popup/index.scss +185 -183
  70. package/dist/elements/PreviewSizes/index.scss +115 -113
  71. package/dist/elements/PublishMany/index.scss +28 -26
  72. package/dist/elements/ReactSelect/ClearIndicator/index.scss +6 -4
  73. package/dist/elements/ReactSelect/DropdownIndicator/index.scss +11 -9
  74. package/dist/elements/ReactSelect/MultiValue/index.scss +26 -24
  75. package/dist/elements/ReactSelect/MultiValueLabel/index.scss +16 -14
  76. package/dist/elements/ReactSelect/MultiValueRemove/index.scss +20 -18
  77. package/dist/elements/ReactSelect/ValueContainer/index.scss +22 -20
  78. package/dist/elements/ReactSelect/index.d.ts.map +1 -1
  79. package/dist/elements/ReactSelect/index.js +1 -0
  80. package/dist/elements/ReactSelect/index.js.map +1 -1
  81. package/dist/elements/ReactSelect/index.scss +62 -60
  82. package/dist/elements/RelationshipTable/cells/DrawerLink/index.scss +5 -3
  83. package/dist/elements/RelationshipTable/index.scss +21 -19
  84. package/dist/elements/RenderTitle/index.scss +7 -5
  85. package/dist/elements/SearchFilter/index.scss +31 -28
  86. package/dist/elements/SelectAll/index.scss +5 -3
  87. package/dist/elements/SelectRow/index.scss +6 -4
  88. package/dist/elements/ShimmerEffect/index.scss +26 -24
  89. package/dist/elements/SortColumn/index.scss +51 -49
  90. package/dist/elements/SortComplex/index.scss +27 -25
  91. package/dist/elements/Status/index.scss +45 -43
  92. package/dist/elements/StayLoggedIn/index.scss +28 -26
  93. package/dist/elements/StepNav/index.scss +62 -61
  94. package/dist/elements/Table/DefaultCell/fields/Checkbox/index.scss +20 -18
  95. package/dist/elements/Table/DefaultCell/fields/Code/index.scss +22 -20
  96. package/dist/elements/Table/DefaultCell/fields/File/index.scss +18 -16
  97. package/dist/elements/Table/DefaultCell/fields/JSON/index.scss +20 -18
  98. package/dist/elements/Table/index.scss +74 -72
  99. package/dist/elements/Thumbnail/index.scss +37 -35
  100. package/dist/elements/ThumbnailCard/index.scss +31 -29
  101. package/dist/elements/Tooltip/index.scss +77 -75
  102. package/dist/elements/UnpublishMany/index.scss +28 -26
  103. package/dist/elements/Upload/index.scss +122 -120
  104. package/dist/elements/WhereBuilder/Condition/Number/index.scss +4 -2
  105. package/dist/elements/WhereBuilder/Condition/Relationship/index.scss +9 -7
  106. package/dist/elements/WhereBuilder/Condition/Text/index.scss +4 -2
  107. package/dist/elements/WhereBuilder/Condition/index.scss +43 -41
  108. package/dist/elements/WhereBuilder/index.scss +28 -26
  109. package/dist/exports/client/{CodeEditor-FARZ6UIX.js → CodeEditor-4A6256PR.js} +1 -1
  110. package/dist/exports/client/{CodeEditor-FARZ6UIX.js.map → CodeEditor-4A6256PR.js.map} +1 -1
  111. package/dist/exports/client/{DatePicker-NBYDOP2X.js → DatePicker-HNJMUG32.js} +2 -2
  112. package/dist/exports/client/{chunk-6MRITTMD.js → chunk-IHJK2MAT.js} +1 -1
  113. package/dist/exports/client/{chunk-6MRITTMD.js.map → chunk-IHJK2MAT.js.map} +1 -1
  114. package/dist/exports/client/index.js +19 -19
  115. package/dist/exports/client/index.js.map +4 -4
  116. package/dist/fields/Array/index.scss +74 -72
  117. package/dist/fields/Blocks/BlocksDrawer/BlockSearch/index.scss +25 -23
  118. package/dist/fields/Blocks/BlocksDrawer/index.scss +36 -34
  119. package/dist/fields/Blocks/SectionTitle/index.scss +51 -49
  120. package/dist/fields/Blocks/index.scss +89 -87
  121. package/dist/fields/Checkbox/index.scss +107 -105
  122. package/dist/fields/Code/index.scss +18 -16
  123. package/dist/fields/Collapsible/index.scss +8 -6
  124. package/dist/fields/ConfirmPassword/index.scss +18 -16
  125. package/dist/fields/DateTime/index.scss +13 -11
  126. package/dist/fields/Email/index.scss +21 -19
  127. package/dist/fields/FieldDescription/index.scss +9 -7
  128. package/dist/fields/FieldError/index.scss +13 -11
  129. package/dist/fields/FieldLabel/index.scss +17 -15
  130. package/dist/fields/Group/index.scss +107 -105
  131. package/dist/fields/JSON/index.scss +11 -9
  132. package/dist/fields/Number/index.scss +19 -17
  133. package/dist/fields/Password/index.scss +18 -16
  134. package/dist/fields/Point/index.scss +33 -31
  135. package/dist/fields/RadioGroup/Radio/index.scss +58 -56
  136. package/dist/fields/RadioGroup/index.scss +57 -55
  137. package/dist/fields/Relationship/index.scss +44 -42
  138. package/dist/fields/Relationship/select-components/MultiValueLabel/index.scss +40 -38
  139. package/dist/fields/Relationship/select-components/SingleValue/index.scss +43 -41
  140. package/dist/fields/Row/index.scss +31 -29
  141. package/dist/fields/Select/index.scss +16 -14
  142. package/dist/fields/Tabs/Tab/index.scss +58 -56
  143. package/dist/fields/Tabs/index.scss +46 -44
  144. package/dist/fields/Text/index.scss +23 -21
  145. package/dist/fields/Textarea/index.scss +89 -87
  146. package/dist/fields/Upload/HasMany/index.scss +20 -18
  147. package/dist/fields/Upload/HasOne/index.js +1 -1
  148. package/dist/fields/Upload/HasOne/index.js.map +1 -1
  149. package/dist/fields/Upload/HasOne/index.scss +5 -3
  150. package/dist/fields/Upload/Input.d.ts +0 -1
  151. package/dist/fields/Upload/Input.d.ts.map +1 -1
  152. package/dist/fields/Upload/Input.js +61 -53
  153. package/dist/fields/Upload/Input.js.map +1 -1
  154. package/dist/fields/Upload/RelationshipContent/index.scss +44 -42
  155. package/dist/fields/Upload/UploadCard/index.scss +21 -19
  156. package/dist/fields/Upload/index.scss +49 -47
  157. package/dist/forms/Form/index.scss +5 -3
  158. package/dist/forms/RenderFields/index.scss +47 -45
  159. package/dist/forms/Submit/index.scss +5 -3
  160. package/dist/graphics/Account/Default/index.scss +43 -41
  161. package/dist/icons/Calendar/index.scss +8 -6
  162. package/dist/icons/Check/index.scss +9 -7
  163. package/dist/icons/Chevron/index.scss +18 -16
  164. package/dist/icons/CloseMenu/index.scss +7 -5
  165. package/dist/icons/Copy/index.scss +9 -7
  166. package/dist/icons/DragHandle/index.scss +9 -7
  167. package/dist/icons/Edit/index.scss +9 -7
  168. package/dist/icons/Line/index.scss +8 -6
  169. package/dist/icons/Link/index.scss +8 -6
  170. package/dist/icons/Lock/index.scss +6 -4
  171. package/dist/icons/LogOut/index.scss +8 -6
  172. package/dist/icons/Menu/index.scss +6 -4
  173. package/dist/icons/More/index.scss +8 -6
  174. package/dist/icons/Plus/index.scss +6 -4
  175. package/dist/icons/Search/index.scss +8 -6
  176. package/dist/icons/Swap/index.scss +9 -7
  177. package/dist/icons/X/index.scss +6 -4
  178. package/dist/providers/Auth/index.d.ts +8 -7
  179. package/dist/providers/Auth/index.d.ts.map +1 -1
  180. package/dist/providers/Auth/index.js +51 -56
  181. package/dist/providers/Auth/index.js.map +1 -1
  182. package/dist/scss/app.scss +166 -162
  183. package/dist/scss/colors.scss +256 -254
  184. package/dist/scss/resets.scss +9 -7
  185. package/dist/scss/toastify.scss +42 -40
  186. package/dist/scss/toasts.scss +105 -103
  187. package/dist/scss/type.scss +81 -79
  188. package/dist/styles.css +1 -1
  189. package/package.json +8 -8
  190. /package/dist/exports/client/{DatePicker-NBYDOP2X.js.map → DatePicker-HNJMUG32.js.map} +0 -0
@@ -1,62 +1,64 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .tabs-field {
4
- margin-top: base(2);
5
- margin-left: calc(var(--gutter-h) * -1);
6
- margin-right: calc(var(--gutter-h) * -1);
7
-
8
- &__content-wrap {
9
- padding-left: var(--gutter-h);
10
- padding-right: var(--gutter-h);
11
- }
3
+ @layer payload-default {
4
+ .tabs-field {
5
+ margin-top: base(2);
6
+ margin-left: calc(var(--gutter-h) * -1);
7
+ margin-right: calc(var(--gutter-h) * -1);
8
+
9
+ &__content-wrap {
10
+ padding-left: var(--gutter-h);
11
+ padding-right: var(--gutter-h);
12
+ }
13
+
14
+ &--within-collapsible {
15
+ margin: 0 calc(#{$baseline} * -1);
12
16
 
13
- &--within-collapsible {
14
- margin: 0 calc(#{$baseline} * -1);
17
+ .tabs-field__content-wrap {
18
+ padding-left: $baseline;
19
+ padding-right: $baseline;
20
+ }
21
+
22
+ .tabs-field__tabs {
23
+ &:before,
24
+ &:after {
25
+ content: ' ';
26
+ display: block;
27
+ width: $baseline;
28
+ }
29
+ }
30
+ }
15
31
 
16
- .tabs-field__content-wrap {
17
- padding-left: $baseline;
18
- padding-right: $baseline;
32
+ &__tabs-wrap {
33
+ overflow-x: auto;
34
+ overflow-y: hidden;
35
+ margin-bottom: $baseline;
19
36
  }
20
37
 
21
- .tabs-field__tabs {
38
+ &__tabs {
39
+ border-bottom: 1px solid var(--theme-elevation-100);
40
+ display: inline-flex;
41
+ min-width: 100%;
42
+ vertical-align: bottom;
43
+
22
44
  &:before,
23
45
  &:after {
24
46
  content: ' ';
25
47
  display: block;
26
- width: $baseline;
48
+ width: var(--gutter-h);
49
+ flex-shrink: 0;
27
50
  }
28
51
  }
29
- }
30
52
 
31
- &__tabs-wrap {
32
- overflow-x: auto;
33
- overflow-y: hidden;
34
- margin-bottom: $baseline;
35
- }
36
-
37
- &__tabs {
38
- border-bottom: 1px solid var(--theme-elevation-100);
39
- display: inline-flex;
40
- min-width: 100%;
41
- vertical-align: bottom;
42
-
43
- &:before,
44
- &:after {
45
- content: ' ';
46
- display: block;
47
- width: var(--gutter-h);
48
- flex-shrink: 0;
53
+ &__description {
54
+ margin-bottom: calc(var(--base) / 2);
49
55
  }
50
- }
51
56
 
52
- &__description {
53
- margin-bottom: calc(var(--base) / 2);
54
- }
55
-
56
- @include small-break {
57
- &--within-collapsible {
58
- margin-left: calc(var(--gutter-h) * -1);
59
- margin-right: calc(var(--gutter-h) * -1);
57
+ @include small-break {
58
+ &--within-collapsible {
59
+ margin-left: calc(var(--gutter-h) * -1);
60
+ margin-right: calc(var(--gutter-h) * -1);
61
+ }
60
62
  }
61
63
  }
62
64
  }
@@ -1,36 +1,38 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .field-type.text {
4
- position: relative;
3
+ @layer payload-default {
4
+ .field-type.text {
5
+ position: relative;
5
6
 
6
- &:not(.has-many) {
7
- input {
8
- @include formInput;
7
+ &:not(.has-many) {
8
+ input {
9
+ @include formInput;
10
+ }
9
11
  }
10
12
  }
11
- }
12
13
 
13
- .has-many {
14
- .rs__input-container {
15
- overflow: hidden;
14
+ .has-many {
15
+ .rs__input-container {
16
+ overflow: hidden;
17
+ }
16
18
  }
17
- }
18
19
 
19
- html[data-theme='light'] {
20
- .field-type.text {
21
- &.error {
22
- input {
23
- @include lightInputError;
20
+ html[data-theme='light'] {
21
+ .field-type.text {
22
+ &.error {
23
+ input {
24
+ @include lightInputError;
25
+ }
24
26
  }
25
27
  }
26
28
  }
27
- }
28
29
 
29
- html[data-theme='dark'] {
30
- .field-type.text {
31
- &.error {
32
- input {
33
- @include darkInputError;
30
+ html[data-theme='dark'] {
31
+ .field-type.text {
32
+ &.error {
33
+ input {
34
+ @include darkInputError;
35
+ }
34
36
  }
35
37
  }
36
38
  }
@@ -1,112 +1,114 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .field-type.textarea {
4
- position: relative;
5
- display: flex;
6
- flex-direction: column;
7
-
8
- .textarea-outer {
9
- @include formInput();
3
+ @layer payload-default {
4
+ .field-type.textarea {
5
+ position: relative;
10
6
  display: flex;
11
- resize: vertical;
12
- min-height: base(3);
13
- height: 100%;
7
+ flex-direction: column;
14
8
 
15
- // Scrollbar for giant content
16
- max-height: calc(100vh - $top-header-offset - calc(#{base(5)}));
17
- overflow: hidden;
9
+ .textarea-outer {
10
+ @include formInput();
11
+ display: flex;
12
+ resize: vertical;
13
+ min-height: base(3);
14
+ height: 100%;
18
15
 
19
- @include mid-break {
20
- max-height: 60vh;
16
+ // Scrollbar for giant content
17
+ max-height: calc(100vh - $top-header-offset - calc(#{base(5)}));
18
+ overflow: hidden;
19
+
20
+ @include mid-break {
21
+ max-height: 60vh;
22
+ }
21
23
  }
22
- }
23
24
 
24
- &.read-only {
25
- .textarea-outer {
26
- @include readOnly;
25
+ &.read-only {
26
+ .textarea-outer {
27
+ @include readOnly;
28
+ }
27
29
  }
28
- }
29
30
 
30
- // This element takes exactly the same dimensions as the clone
31
- .textarea-inner {
32
- display: block;
33
- position: relative;
34
- line-height: inherit;
35
- flex-grow: 1;
36
- background: none;
37
- outline: none;
38
- }
31
+ // This element takes exactly the same dimensions as the clone
32
+ .textarea-inner {
33
+ display: block;
34
+ position: relative;
35
+ line-height: inherit;
36
+ flex-grow: 1;
37
+ background: none;
38
+ outline: none;
39
+ }
39
40
 
40
- // Unstyle the textarea, the border is rendered on .textarea-outer
41
- .textarea-element {
42
- position: absolute;
43
- top: 0;
44
- left: 0;
45
- width: 100%;
46
- height: 100%;
47
- border: inherit;
48
- padding: inherit;
49
- font: inherit;
50
- line-height: inherit;
51
- color: inherit;
52
- background: none;
53
- overflow: auto;
54
- resize: none;
55
- outline: none;
56
- text-transform: inherit;
41
+ // Unstyle the textarea, the border is rendered on .textarea-outer
42
+ .textarea-element {
43
+ position: absolute;
44
+ top: 0;
45
+ left: 0;
46
+ width: 100%;
47
+ height: 100%;
48
+ border: inherit;
49
+ padding: inherit;
50
+ font: inherit;
51
+ line-height: inherit;
52
+ color: inherit;
53
+ background: none;
54
+ overflow: auto;
55
+ resize: none;
56
+ outline: none;
57
+ text-transform: inherit;
57
58
 
58
- &::-webkit-scrollbar {
59
- display: none;
60
- }
61
- &[data-rtl='true'] {
62
- direction: rtl;
59
+ &::-webkit-scrollbar {
60
+ display: none;
61
+ }
62
+ &[data-rtl='true'] {
63
+ direction: rtl;
64
+ }
63
65
  }
64
- }
65
66
 
66
- // Clone of textarea with same height
67
- .textarea-clone {
68
- vertical-align: top;
69
- display: inline-block;
70
- flex-grow: 1;
71
- overflow: hidden;
72
- text-overflow: ellipsis;
73
- white-space: pre-wrap;
74
- pointer-events: none;
75
- }
67
+ // Clone of textarea with same height
68
+ .textarea-clone {
69
+ vertical-align: top;
70
+ display: inline-block;
71
+ flex-grow: 1;
72
+ overflow: hidden;
73
+ text-overflow: ellipsis;
74
+ white-space: pre-wrap;
75
+ pointer-events: none;
76
+ }
76
77
 
77
- .textarea-clone::before {
78
- content: attr(data-value) ' ';
79
- visibility: hidden;
80
- opacity: 0;
81
- white-space: pre-wrap;
82
- overflow-wrap: break-word;
83
- }
78
+ .textarea-clone::before {
79
+ content: attr(data-value) ' ';
80
+ visibility: hidden;
81
+ opacity: 0;
82
+ white-space: pre-wrap;
83
+ overflow-wrap: break-word;
84
+ }
84
85
 
85
- .textarea-clone::after {
86
- content: attr(data-after);
87
- opacity: 0.5;
88
- }
86
+ .textarea-clone::after {
87
+ content: attr(data-after);
88
+ opacity: 0.5;
89
+ }
89
90
 
90
- @include mid-break {
91
- padding: 0;
91
+ @include mid-break {
92
+ padding: 0;
93
+ }
92
94
  }
93
- }
94
95
 
95
- html[data-theme='light'] {
96
- .field-type.textarea {
97
- &.error {
98
- .textarea-outer {
99
- @include lightInputError;
96
+ html[data-theme='light'] {
97
+ .field-type.textarea {
98
+ &.error {
99
+ .textarea-outer {
100
+ @include lightInputError;
101
+ }
100
102
  }
101
103
  }
102
104
  }
103
- }
104
105
 
105
- html[data-theme='dark'] {
106
- .field-type.textarea {
107
- &.error {
108
- .textarea-outer {
109
- @include darkInputError;
106
+ html[data-theme='dark'] {
107
+ .field-type.textarea {
108
+ &.error {
109
+ .textarea-outer {
110
+ @include darkInputError;
111
+ }
110
112
  }
111
113
  }
112
114
  }
@@ -1,27 +1,29 @@
1
1
  @import '../../../scss/styles.scss';
2
2
 
3
- .upload--has-many {
4
- position: relative;
5
- max-width: 100%;
3
+ @layer payload-default {
4
+ .upload--has-many {
5
+ position: relative;
6
+ max-width: 100%;
6
7
 
7
- &__draggable-rows {
8
- display: flex;
9
- flex-direction: column;
10
- gap: calc(var(--base) / 4);
11
- }
12
-
13
- &__dragItem {
14
- .icon--drag-handle {
15
- color: var(--theme-elevation-400);
8
+ &__draggable-rows {
9
+ display: flex;
10
+ flex-direction: column;
11
+ gap: calc(var(--base) / 4);
16
12
  }
17
13
 
18
- .thumbnail {
19
- width: 26px;
20
- height: 26px;
21
- }
14
+ &__dragItem {
15
+ .icon--drag-handle {
16
+ color: var(--theme-elevation-400);
17
+ }
18
+
19
+ .thumbnail {
20
+ width: 26px;
21
+ height: 26px;
22
+ }
22
23
 
23
- .uploadDocRelationshipContent__details {
24
- line-height: 1.2;
24
+ .uploadDocRelationshipContent__details {
25
+ line-height: 1.2;
26
+ }
25
27
  }
26
28
  }
27
29
  }
@@ -18,7 +18,7 @@ export function UploadComponentHasOne(props) {
18
18
  relationTo,
19
19
  value
20
20
  } = fileDoc;
21
- const id = String(value.id);
21
+ const id = String(value?.id);
22
22
  const url = value.thumbnailURL || value.url;
23
23
  let src;
24
24
  try {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","RelationshipContent","UploadCard","baseClass","UploadComponentHasOne","props","className","fileDoc","onRemove","readonly","serverURL","relationTo","value","id","String","url","thumbnailURL","src","URL","toString","_jsx","filter","Boolean","join","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","mimeType","x","width","y","height"],"sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JsonObject } from 'payload'\n\nimport React from 'react'\n\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'upload upload--has-one'\n\ntype Props = {\n readonly className?: string\n readonly fileDoc: {\n relationTo: string\n value: JsonObject\n }\n readonly onRemove?: () => void\n readonly readonly?: boolean\n readonly serverURL: string\n}\n\nexport function UploadComponentHasOne(props: Props) {\n const { className, fileDoc, onRemove, readonly, serverURL } = props\n const { relationTo, value } = fileDoc\n const id = String(value.id)\n\n const url: string = value.thumbnailURL || value.url\n let src: string\n\n try {\n src = new URL(url, serverURL).toString()\n } catch {\n src = `${serverURL}${url}`\n }\n\n return (\n <UploadCard className={[baseClass, className].filter(Boolean).join(' ')}>\n <RelationshipContent\n allowEdit={!readonly}\n allowRemove={!readonly}\n alt={(value?.alt || value?.filename) as string}\n byteSize={value.filesize as number}\n collectionSlug={relationTo}\n filename={value.filename as string}\n id={id}\n mimeType={value?.mimeType as string}\n onRemove={onRemove}\n src={src}\n x={value?.width as number}\n y={value?.height as number}\n />\n </UploadCard>\n )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAalB,OAAO,SAASC,sBAAsBC,KAAY;EAChD,MAAM;IAAEC,SAAS;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAS,CAAE,GAAGL,KAAA;EAC9D,MAAM;IAAEM,UAAU;IAAEC;EAAK,CAAE,GAAGL,OAAA;EAC9B,MAAMM,EAAA,GAAKC,MAAA,CAAOF,KAAA,CAAMC,EAAE;EAE1B,MAAME,GAAA,GAAcH,KAAA,CAAMI,YAAY,IAAIJ,KAAA,CAAMG,GAAG;EACnD,IAAIE,GAAA;EAEJ,IAAI;IACFA,GAAA,GAAM,IAAIC,GAAA,CAAIH,GAAA,EAAKL,SAAA,EAAWS,QAAQ;EACxC,EAAE,MAAM;IACNF,GAAA,GAAM,GAAGP,SAAA,GAAYK,GAAA,EAAK;EAC5B;EAEA,oBACEK,IAAA,CAAClB,UAAA;IAAWI,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACe,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cACjE,aAAAH,IAAA,CAACnB,mBAAA;MACCuB,SAAA,EAAW,CAACf,QAAA;MACZgB,WAAA,EAAa,CAAChB,QAAA;MACdiB,GAAA,EAAMd,KAAA,EAAOc,GAAA,IAAOd,KAAA,EAAOe,QAAA;MAC3BC,QAAA,EAAUhB,KAAA,CAAMiB,QAAQ;MACxBC,cAAA,EAAgBnB,UAAA;MAChBgB,QAAA,EAAUf,KAAA,CAAMe,QAAQ;MACxBd,EAAA,EAAIA,EAAA;MACJkB,QAAA,EAAUnB,KAAA,EAAOmB,QAAA;MACjBvB,QAAA,EAAUA,QAAA;MACVS,GAAA,EAAKA,GAAA;MACLe,CAAA,EAAGpB,KAAA,EAAOqB,KAAA;MACVC,CAAA,EAAGtB,KAAA,EAAOuB;;;AAIlB","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["React","RelationshipContent","UploadCard","baseClass","UploadComponentHasOne","props","className","fileDoc","onRemove","readonly","serverURL","relationTo","value","id","String","url","thumbnailURL","src","URL","toString","_jsx","filter","Boolean","join","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","mimeType","x","width","y","height"],"sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JsonObject } from 'payload'\n\nimport React from 'react'\n\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'upload upload--has-one'\n\ntype Props = {\n readonly className?: string\n readonly fileDoc: {\n relationTo: string\n value: JsonObject\n }\n readonly onRemove?: () => void\n readonly readonly?: boolean\n readonly serverURL: string\n}\n\nexport function UploadComponentHasOne(props: Props) {\n const { className, fileDoc, onRemove, readonly, serverURL } = props\n const { relationTo, value } = fileDoc\n const id = String(value?.id)\n\n const url: string = value.thumbnailURL || value.url\n let src: string\n\n try {\n src = new URL(url, serverURL).toString()\n } catch {\n src = `${serverURL}${url}`\n }\n\n return (\n <UploadCard className={[baseClass, className].filter(Boolean).join(' ')}>\n <RelationshipContent\n allowEdit={!readonly}\n allowRemove={!readonly}\n alt={(value?.alt || value?.filename) as string}\n byteSize={value.filesize as number}\n collectionSlug={relationTo}\n filename={value.filename as string}\n id={id}\n mimeType={value?.mimeType as string}\n onRemove={onRemove}\n src={src}\n x={value?.width as number}\n y={value?.height as number}\n />\n </UploadCard>\n )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAalB,OAAO,SAASC,sBAAsBC,KAAY;EAChD,MAAM;IAAEC,SAAS;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAS,CAAE,GAAGL,KAAA;EAC9D,MAAM;IAAEM,UAAU;IAAEC;EAAK,CAAE,GAAGL,OAAA;EAC9B,MAAMM,EAAA,GAAKC,MAAA,CAAOF,KAAA,EAAOC,EAAA;EAEzB,MAAME,GAAA,GAAcH,KAAA,CAAMI,YAAY,IAAIJ,KAAA,CAAMG,GAAG;EACnD,IAAIE,GAAA;EAEJ,IAAI;IACFA,GAAA,GAAM,IAAIC,GAAA,CAAIH,GAAA,EAAKL,SAAA,EAAWS,QAAQ;EACxC,EAAE,MAAM;IACNF,GAAA,GAAM,GAAGP,SAAA,GAAYK,GAAA,EAAK;EAC5B;EAEA,oBACEK,IAAA,CAAClB,UAAA;IAAWI,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACe,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cACjE,aAAAH,IAAA,CAACnB,mBAAA;MACCuB,SAAA,EAAW,CAACf,QAAA;MACZgB,WAAA,EAAa,CAAChB,QAAA;MACdiB,GAAA,EAAMd,KAAA,EAAOc,GAAA,IAAOd,KAAA,EAAOe,QAAA;MAC3BC,QAAA,EAAUhB,KAAA,CAAMiB,QAAQ;MACxBC,cAAA,EAAgBnB,UAAA;MAChBgB,QAAA,EAAUf,KAAA,CAAMe,QAAQ;MACxBd,EAAA,EAAIA,EAAA;MACJkB,QAAA,EAAUnB,KAAA,EAAOmB,QAAA;MACjBvB,QAAA,EAAUA,QAAA;MACVS,GAAA,EAAKA,GAAA;MACLe,CAAA,EAAGpB,KAAA,EAAOqB,KAAA;MACVC,CAAA,EAAGtB,KAAA,EAAOuB;;;AAIlB","ignoreList":[]}
@@ -1,6 +1,8 @@
1
1
  @import '../../../scss/styles.scss';
2
2
 
3
- .upload {
4
- position: relative;
5
- max-width: 100%;
3
+ @layer payload-default {
4
+ .upload {
5
+ position: relative;
6
+ max-width: 100%;
7
+ }
6
8
  }
@@ -7,7 +7,6 @@ export type UploadInputProps = {
7
7
  /**
8
8
  * Controls the visibility of the "Create new collection" button
9
9
  */
10
- readonly allowNewUpload?: boolean;
11
10
  readonly api?: string;
12
11
  readonly className?: string;
13
12
  readonly collection?: ClientCollectionConfig;
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EAEnB,eAAe,EAEf,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,IAAI,eAAe,EAE/B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,OAAO,KAA0C,MAAM,OAAO,CAAA;AAmB9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,WAAW,CAAA;AAIjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IAChG,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAudlD"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EAEnB,eAAe,EAEf,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,IAAI,eAAe,EAE/B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,OAAO,KAA0C,MAAM,OAAO,CAAA;AAmB9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,WAAW,CAAA;AAIjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IAChG,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAuelD"}