PSP-9794 : Acquisition Files - Team Members: Select contact button lo… (

#4591)
bcgov · Jan 14, 2025 · 348b4c0 · 348b4c0
1 parent e1476b8
commit 348b4c0
Show file tree

Hide file tree

Showing 103 changed files with 537 additions and 1 deletion.
diff --git a/source/frontend/src/components/Table/Table.scss b/source/frontend/src/components/Table/Table.scss
@@ -39,6 +39,18 @@
         }
       }
       .tr {
+        .td {
+          word-break: break-all;
+
+          span {
+            text-overflow: ellipsis;
+            overflow: hidden;
+            display: -webkit-box;
+            line-clamp: 2;
+            -webkit-line-clamp: 2;
+            -webkit-box-orient: vertical;
+          }
+        }
         &:hover {
           background-color: $highlight-background-color;
         }

diff --git a/source/frontend/src/components/common/List/__snapshots__/SelectInput.test.tsx.snap b/source/frontend/src/components/common/List/__snapshots__/SelectInput.test.tsx.snap
@@ -75,6 +75,7 @@ exports[`SelectInput tests > renders correctly... 1`] = `
         <input
           class="form-control"
           id="input-undefined"
+          style="word-break: break-all;"
           value=""
         />
       </div>

diff --git a/source/frontend/src/components/common/form/ContactInput/ContactInputView.tsx b/source/frontend/src/components/common/form/ContactInput/ContactInputView.tsx
@@ -128,6 +128,7 @@ const StyledInputLikeDiv = styled.div<{ $hasContact: boolean }>`
   padding-bottom: 0.8rem;
   padding-left: 1.2rem;
   padding-right: 2.8rem;
+  word-break: break-all;
 
   background-image: none;
   color: ${props =>

diff --git a/...tend/src/components/common/form/ContactInput/__snapshots__/ContactInputView.test.tsx.snap b/...tend/src/components/common/form/ContactInput/__snapshots__/ContactInputView.test.tsx.snap
@@ -221,6 +221,7 @@ exports[`ContactInputView component > renders as expected 1`] = `
   padding-bottom: 0.8rem;
   padding-left: 1.2rem;
   padding-right: 2.8rem;
+  word-break: break-all;
   background-image: none;
   color: #474543;
   border: #606060 solid 0.1rem;
@@ -307,6 +308,7 @@ exports[`ContactInputView component > renders as expected 1`] = `
             id="input-test.id"
             name="test.id"
             placeholder="Select from Contacts"
+            style="word-break: break-all;"
             title="234"
             value="234"
           />

diff --git a/source/frontend/src/components/common/form/Input.tsx b/source/frontend/src/components/common/form/Input.tsx
@@ -135,7 +135,7 @@ export const Input: React.FC<React.PropsWithChildren<InputProps>> = ({
           className={innerClassName}
           as={asElement}
           name={field}
-          style={style}
+          style={{ ...style, wordBreak: 'break-all' }}
           disabled={disabled}
           custom={custom}
           isInvalid={!!touch && (!!error || extraErrors.length > 0)}

diff --git a/source/frontend/src/components/common/form/__snapshots__/Input.test.tsx.snap b/source/frontend/src/components/common/form/__snapshots__/Input.test.tsx.snap
@@ -19,6 +19,7 @@ exports[`Input component > renders as expected 1`] = `
       class="form-control"
       id="input-foo"
       name="foo"
+      style="word-break: break-all;"
       title=""
       value=""
     />

diff --git a/...tactManagerView/ContactFilterComponent/__snapshots__/ContactFilterComponent.test.tsx.snap b/...tactManagerView/ContactFilterComponent/__snapshots__/ContactFilterComponent.test.tsx.snap
@@ -503,6 +503,7 @@ exports[`ContactFilterComponent > matches snapshot 1`] = `
               id="input-summary"
               name="summary"
               placeholder="Name of person or organization"
+              style="word-break: break-all;"
               title=""
               value=""
             />
@@ -532,6 +533,7 @@ exports[`ContactFilterComponent > matches snapshot 1`] = `
                 id="input-municipality"
                 name="municipality"
                 placeholder="City of contact's address"
+                style="word-break: break-all;"
                 title=""
                 value=""
               />

diff --git a/.../src/components/contact/ContactManagerView/__snapshots__/ContactManagerView.test.tsx.snap b/.../src/components/contact/ContactManagerView/__snapshots__/ContactManagerView.test.tsx.snap
@@ -544,6 +544,7 @@ exports[`ContactManagerView > matches snapshot 1`] = `
                     id="input-summary"
                     name="summary"
                     placeholder="Name of person or organization"
+                    style="word-break: break-all;"
                     title=""
                     value=""
                   />
@@ -573,6 +574,7 @@ exports[`ContactManagerView > matches snapshot 1`] = `
                       id="input-municipality"
                       name="municipality"
                       placeholder="City of contact's address"
+                      style="word-break: break-all;"
                       title=""
                       value=""
                     />

diff --git a/...frontend/src/components/propertySelector/__snapshots__/MapSelectorContainer.test.tsx.snap b/...frontend/src/components/propertySelector/__snapshots__/MapSelectorContainer.test.tsx.snap
@@ -678,6 +678,7 @@ exports[`MapSelectorContainer component > renders as expected when provided no p
                           id="input-pid"
                           name="pid"
                           placeholder="Enter a PID"
+                          style="word-break: break-all;"
                           title=""
                           value=""
                         />

diff --git a/...e/frontend/src/components/propertySelector/search/__snapshots__/LayerFilter.test.tsx.snap b/...e/frontend/src/components/propertySelector/search/__snapshots__/LayerFilter.test.tsx.snap
@@ -324,6 +324,7 @@ exports[`LayerFilter component > renders as expected 1`] = `
                 id="input-address"
                 name="address"
                 placeholder="Enter a Address"
+                style="word-break: break-all;"
                 title=""
                 value=""
               />

diff --git a/...onents/propertySelector/search/__snapshots__/PropertySearchSelectorFormView.test.tsx.snap b/...onents/propertySelector/search/__snapshots__/PropertySearchSelectorFormView.test.tsx.snap
@@ -353,6 +353,7 @@ exports[`PropertySearchSelectorFormView component > renders as expected when pro
                     id="input-pid"
                     name="pid"
                     placeholder="Enter a PID"
+                    style="word-break: break-all;"
                     title=""
                     value=""
                   />

diff --git a/...ponents/propertySelector/search/__snapshots__/PropertySelectorPidSearchView.test.tsx.snap b/...ponents/propertySelector/search/__snapshots__/PropertySelectorPidSearchView.test.tsx.snap
@@ -292,6 +292,7 @@ exports[`PropertySearchPidSelector component > renders correctly 1`] = `
                   id="input-pid"
                   name="pid"
                   placeholder="Enter a PID"
+                  style="word-break: break-all;"
                   title=""
                   value=""
                 />

diff --git a/...nts/propertySelector/selectedPropertyList/__snapshots__/SelectedPropertyRow.test.tsx.snap b/...nts/propertySelector/selectedPropertyList/__snapshots__/SelectedPropertyRow.test.tsx.snap
@@ -423,6 +423,7 @@ exports[`SelectedPropertyRow component > renders as expected 1`] = `
           class="form-control"
           id="input-name"
           name="name"
+          style="word-break: break-all;"
           value=""
         />
       </div>

diff --git a/...features/acquisition/list/AcquisitionFilter/__snapshots__/AcquisitionFilter.test.tsx.snap b/...features/acquisition/list/AcquisitionFilter/__snapshots__/AcquisitionFilter.test.tsx.snap
@@ -325,6 +325,7 @@ exports[`Acquisition Filter > matches snapshot 1`] = `
                     id="input-address"
                     name="address"
                     placeholder="Enter an address"
+                    style="word-break: break-all;"
                     title=""
                     value=""
                   />
@@ -459,6 +460,7 @@ exports[`Acquisition Filter > matches snapshot 1`] = `
                 id="input-acquisitionFileNameOrNumber"
                 name="acquisitionFileNameOrNumber"
                 placeholder="Acquisition file number or name or historical file number"
+                style="word-break: break-all;"
                 title=""
                 value=""
               />
@@ -479,6 +481,7 @@ exports[`Acquisition Filter > matches snapshot 1`] = `
                 id="input-projectNameOrNumber"
                 name="projectNameOrNumber"
                 placeholder="Ministry or alternate project name or number"
+                style="word-break: break-all;"
                 title=""
                 value=""
               />

diff --git a/...tend/src/features/admin/access-request/__snapshots__/AccessRequestContainer.test.tsx.snap b/...tend/src/features/admin/access-request/__snapshots__/AccessRequestContainer.test.tsx.snap
@@ -323,6 +323,7 @@ exports[`AccessRequestContainer component > makes a request based on the access
             name="businessIdentifierValue"
             placeholder="desmith@idir"
             readonly=""
+            style="word-break: break-all;"
             title=""
             type="text"
             value=""
@@ -354,6 +355,7 @@ exports[`AccessRequestContainer component > makes a request based on the access
             name="firstName"
             placeholder="Devin"
             readonly=""
+            style="word-break: break-all;"
             title=""
             type="text"
             value=""
@@ -385,6 +387,7 @@ exports[`AccessRequestContainer component > makes a request based on the access
             name="surname"
             placeholder="Smith"
             readonly=""
+            style="word-break: break-all;"
             title=""
             type="text"
             value=""
@@ -416,6 +419,7 @@ exports[`AccessRequestContainer component > makes a request based on the access
             name="email"
             placeholder="[email protected]"
             readonly=""
+            style="word-break: break-all;"
             title="[email protected]"
             type="email"
             value="[email protected]"
@@ -446,6 +450,7 @@ exports[`AccessRequestContainer component > makes a request based on the access
             id="input-position"
             name="position"
             placeholder="e.g. Property Analyst, Integrated Transportation & Infrastructure Services"
+            style="word-break: break-all;"
             title=""
             type="text"
             value=""
@@ -729,6 +734,7 @@ exports[`AccessRequestContainer component > makes a request based on the access
             id="input-note"
             name="note"
             placeholder="Please specify why you need access to PIMS and include your manager's name."
+            style="word-break: break-all;"
             title=""
           />
         </div>
@@ -1120,6 +1126,7 @@ exports[`AccessRequestContainer component > makes a request when no id is provid
             name="businessIdentifierValue"
             placeholder="desmith@idir"
             readonly=""
+            style="word-break: break-all;"
             title=""
             type="text"
             value=""
@@ -1151,6 +1158,7 @@ exports[`AccessRequestContainer component > makes a request when no id is provid
             name="firstName"
             placeholder="Devin"
             readonly=""
+            style="word-break: break-all;"
             title=""
             type="text"
             value=""
@@ -1182,6 +1190,7 @@ exports[`AccessRequestContainer component > makes a request when no id is provid
             name="surname"
             placeholder="Smith"
             readonly=""
+            style="word-break: break-all;"
             title=""
             type="text"
             value=""
@@ -1213,6 +1222,7 @@ exports[`AccessRequestContainer component > makes a request when no id is provid
             name="email"
             placeholder="[email protected]"
             readonly=""
+            style="word-break: break-all;"
             title="[email protected]"
             type="email"
             value="[email protected]"
@@ -1243,6 +1253,7 @@ exports[`AccessRequestContainer component > makes a request when no id is provid
             id="input-position"
             name="position"
             placeholder="e.g. Property Analyst, Integrated Transportation & Infrastructure Services"
+            style="word-break: break-all;"
             title=""
             type="text"
             value=""
@@ -1526,6 +1537,7 @@ exports[`AccessRequestContainer component > makes a request when no id is provid
             id="input-note"
             name="note"
             placeholder="Please specify why you need access to PIMS and include your manager's name."
+            style="word-break: break-all;"
             title=""
           />
         </div>

diff --git a/.../frontend/src/features/admin/access-request/__snapshots__/AccessRequestForm.test.tsx.snap b/.../frontend/src/features/admin/access-request/__snapshots__/AccessRequestForm.test.tsx.snap
@@ -317,6 +317,7 @@ exports[`AccessRequestForm component > renders as expected 1`] = `
             name="businessIdentifierValue"
             placeholder="desmith@idir"
             readonly=""
+            style="word-break: break-all;"
             title="desmith@idir"
             type="text"
             value="desmith@idir"
@@ -348,6 +349,7 @@ exports[`AccessRequestForm component > renders as expected 1`] = `
             name="firstName"
             placeholder="Devin"
             readonly=""
+            style="word-break: break-all;"
             title="Devin"
             type="text"
             value="Devin"
@@ -379,6 +381,7 @@ exports[`AccessRequestForm component > renders as expected 1`] = `
             name="surname"
             placeholder="Smith"
             readonly=""
+            style="word-break: break-all;"
             title="Smith"
             type="text"
             value="Smith"
@@ -410,6 +413,7 @@ exports[`AccessRequestForm component > renders as expected 1`] = `
             name="email"
             placeholder="[email protected]"
             readonly=""
+            style="word-break: break-all;"
             title="[email protected]"
             type="email"
             value="[email protected]"
@@ -440,6 +444,7 @@ exports[`AccessRequestForm component > renders as expected 1`] = `
             id="input-position"
             name="position"
             placeholder="e.g. Property Analyst, Integrated Transportation & Infrastructure Services"
+            style="word-break: break-all;"
             title="pos"
             type="text"
             value="pos"
@@ -723,6 +728,7 @@ exports[`AccessRequestForm component > renders as expected 1`] = `
             id="input-note"
             name="note"
             placeholder="Please specify why you need access to PIMS and include your manager's name."
+            style="word-break: break-all;"
             title=""
           />
         </div>

diff --git a/.../frontend/src/features/admin/access-request/__snapshots__/AccessRequestPage.test.tsx.snap b/.../frontend/src/features/admin/access-request/__snapshots__/AccessRequestPage.test.tsx.snap
@@ -380,6 +380,7 @@ exports[`AccessRequestPage > renders correctly 1`] = `
                   name="businessIdentifierValue"
                   placeholder=""
                   readonly=""
+                  style="word-break: break-all;"
                   title=""
                   type="text"
                   value=""
@@ -411,6 +412,7 @@ exports[`AccessRequestPage > renders correctly 1`] = `
                   name="firstName"
                   placeholder=""
                   readonly=""
+                  style="word-break: break-all;"
                   title=""
                   type="text"
                   value=""
@@ -442,6 +444,7 @@ exports[`AccessRequestPage > renders correctly 1`] = `
                   name="surname"
                   placeholder=""
                   readonly=""
+                  style="word-break: break-all;"
                   title=""
                   type="text"
                   value=""
@@ -473,6 +476,7 @@ exports[`AccessRequestPage > renders correctly 1`] = `
                   name="email"
                   placeholder="[email protected]"
                   readonly=""
+                  style="word-break: break-all;"
                   title="[email protected]"
                   type="email"
                   value="[email protected]"
@@ -503,6 +507,7 @@ exports[`AccessRequestPage > renders correctly 1`] = `
                   id="input-position"
                   name="position"
                   placeholder="e.g. Property Analyst, Integrated Transportation & Infrastructure Services"
+                  style="word-break: break-all;"
                   title=""
                   type="text"
                   value=""
@@ -688,6 +693,7 @@ exports[`AccessRequestPage > renders correctly 1`] = `
                   id="input-note"
                   name="note"
                   placeholder="Please specify why you need access to PIMS and include your manager's name."
+                  style="word-break: break-all;"
                   title=""
                 />
               </div>