Merge pull request #80 from perimetre/7.2.0

7.2.0
perimetre · Aug 9, 2022 · d5f9d23 · d5f9d23
2 parents be701e2 + 6d956cd
commit d5f9d23
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -25,6 +25,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+## [7.2.0] 2022-08-09
+
+### Changes
+
+- DragFileUploadInput now also expects an initialFilesDescription property
+
 ## [7.1.1] 2022-08-03
 
 ### Fixed

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@perimetre/ui",
   "description": "A component library made by @perimetre",
-  "version": "7.1.1",
+  "version": "7.2.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/perimetre/ui.git"

diff --git a/src/components/CheckboxRadioInput/index.css b/src/components/CheckboxRadioInput/index.css
@@ -16,7 +16,9 @@
     @apply appearance-none inline-block align-middle select-none cursor-pointer shrink-0 bg-white border-gray-400 transition-colors;
 
     /* Don't allow the browser to do any color adjustments */
-    color-adjust: exact;
+    /* Color adjust is now deprecated and should be print-color-adjust */
+    /* stylelint-disable-next-line property-no-unknown */
+    print-color-adjust: exact;
 
     /* The background origin should consider the entire box */
     background-origin: border-box;

diff --git a/src/components/DragFileUploadInput/DragFileUploadInput.stories.tsx b/src/components/DragFileUploadInput/DragFileUploadInput.stories.tsx
@@ -48,3 +48,8 @@ FileType.args = {
   accept: 'pdf',
   help: 'Only .pdf files allowed'
 };
+
+export const InitialDescription = Template.bind({});
+InitialDescription.args = {
+  initialFilesDescription: 'image.png'
+};
diff --git a/src/components/DragFileUploadInput/index.tsx b/src/components/DragFileUploadInput/index.tsx
@@ -51,6 +51,10 @@ export type DragFileUploadInputProps = Omit<React.InputHTMLAttributes<HTMLInputE
    * The translation object
    */
   translations?: DragFileUploadTranslations;
+  /**
+   * The initial description to show in the input when it is loaded
+   */
+  initialFilesDescription?: string;
 };
 
 export const DragFileUploadInput = forwardRef<DragFileUploadInputRef, DragFileUploadInputProps>(
@@ -67,6 +71,7 @@ export const DragFileUploadInput = forwardRef<DragFileUploadInputRef, DragFileUp
       onError,
       onReset: onResetProps,
       translations: translationsProps,
+      initialFilesDescription,
       ...props
     }: DragFileUploadInputProps,
     ref
@@ -81,7 +86,7 @@ export const DragFileUploadInput = forwardRef<DragFileUploadInputRef, DragFileUp
     // Create a state for whether or not the user is currently dragging
     const [isDragging, setIsDragging] = useState(false);
 
-    const [filesDescription, setFilesDescription] = useState<string | undefined>();
+    const [filesDescription, setFilesDescription] = useState<string | undefined>(initialFilesDescription);
     const [error, setError] = useState<string | undefined>();
 
     // Create a reference of the container element