Registration Start Date + Registration Views (#329)

* Implement startDate + registration views

* Pr Updates

* removed mock filing code

* Fixed typo

* fixed typo

* Updated unit test

* date refactor

* Added incorporations section counter

* Added draft init value and unit tests

* Removed dev code

package.json

@@ -1,6 +1,6 @@
 {
   "name": "business-create-ui",
-  "version": "3.2.3",
+  "version": "3.2.4",
   "private": true,
   "appName": "Create UI",
   "sbcName": "SBC Common Components",
@@ -16,9 +16,9 @@
     "@bcrs-shared-components/bread-crumb": "1.0.2",
     "@bcrs-shared-components/certify": "1.0.24",
     "@bcrs-shared-components/contact-info": "1.0.18",
-    "@bcrs-shared-components/corp-type-module": "1.0.5",
+    "@bcrs-shared-components/corp-type-module": "1.0.6",
     "@bcrs-shared-components/court-order-poa": "1.0.11",
-    "@bcrs-shared-components/date-picker": "1.1.9",
+    "@bcrs-shared-components/date-picker": "1.1.12",
     "@bcrs-shared-components/effective-date-time": "1.0.2",
     "@bcrs-shared-components/enums": "1.0.14",
     "@bcrs-shared-components/interfaces": "1.0.28",

src/assets/styles/base.scss

@@ -312,3 +312,8 @@ ul.list {
     font-weight: bold;
   }
 }
+
+.step-container {
+  margin-top: 1rem;
+  padding: 1.25rem;
+}

src/components/DefineCompany/FolioNumber.vue

@@ -1,19 +1,19 @@
 <template>
   <div id="folio-number">
-    <v-layout row v-if="!isEditing" id="folio-number-read-only">
-      <v-flex md4>
+    <v-row no-gutters v-if="!isEditing" id="folio-number-read-only">
+      <v-col md="3" class="mr-n1">
         <label><strong>Folio Information</strong></label>
-      </v-flex>
-      <v-flex md8>
+      </v-col>
+      <v-col md="9">
         <label><strong>Folio Number</strong></label>
         <div id="lbl-folio-number">{{ !!folioNumber ? folioNumber : 'Not entered' }}</div>
-      </v-flex>
-    </v-layout>
-    <v-row v-else id="folio-number-editing">
-      <v-col>
+      </v-col>
+    </v-row>
+    <v-row no-gutters v-else id="folio-number-editing">
+      <v-col md="2">
         <label><strong>Folio Number</strong></label>
       </v-col>
-      <v-col cols="12" sm="8" md="10">
+      <v-col md="10" class="pl-8">
         <v-form>
           <v-text-field
             id="folio-number-text-field"
@@ -81,7 +81,6 @@ export default class FolioNumber extends Vue {
 
 .row .col:first-child {
   width: 12rem;
-  max-width: 12rem;
 }
 
 label {

src/components/DefineCompany/OfficeAddresses.vue

@@ -2,19 +2,19 @@
   <div id="office-addresses">
     <!-- Address Review -->
     <template v-if="!isEditing">
-      <v-layout row id="summary-registered-address">
-        <v-flex md4><label><strong>Registered Office</strong></label></v-flex>
-        <v-flex md4>
+      <v-row no-gutters id="summary-registered-address">
+        <v-col md="3" class="mr-n1"><label><strong>Registered Office</strong></label></v-col>
+        <v-col md="4">
           <label class="mailing-address-header"><strong>Mailing Address</strong></label>
           <mailing-address
             v-if="!isEmptyAddress(mailingAddress)"
             :address="mailingAddress"
             :editing="false"
           />
           <div v-else>(Not entered)</div>
-        </v-flex>
+        </v-col>
 
-        <v-flex md4>
+        <v-col md="4">
           <label class="delivery-address-header"><strong>Delivery Address</strong></label>
           <delivery-address
             v-if="!isEmptyAddress(deliveryAddress) && !inheritMailingAddress"
@@ -23,12 +23,12 @@
           />
           <div v-else-if="isEmptyAddress(deliveryAddress)">(Not entered)</div>
           <div v-else>Same as Mailing Address</div>
-        </v-flex>
-      </v-layout>
+        </v-col>
+      </v-row>
 
-      <v-layout row id="summary-records-address" v-if="!entityFilter(CorpTypeCd.COOP)" class="mt-4">
-        <v-flex md4><label><strong>Records Office</strong></label></v-flex>
-        <v-flex md4>
+      <v-row no-gutters id="summary-records-address" v-if="!entityFilter(CorpTypeCd.COOP)" class="mt-4">
+        <v-col md="3" class="mr-n1"><label><strong>Records Office</strong></label></v-col>
+        <v-col md="4">
           <label class="mailing-address-header"><strong>Mailing Address</strong></label>
           <mailing-address
             v-if="!inheritRegisteredAddress && !isEmptyAddress(recMailingAddress)"
@@ -37,9 +37,9 @@
           />
           <div v-else-if="isEmptyAddress(recMailingAddress)">(Not entered)</div>
           <div v-else>Same as Registered Office</div>
-        </v-flex>
+        </v-col>
 
-        <v-flex md4>
+        <v-col md="4">
           <label class="delivery-address-header"><strong>Delivery Address</strong></label>
           <delivery-address
             v-if="!inheritRecMailingAddress && !inheritRegisteredAddress && !isEmptyAddress(recDeliveryAddress)"
@@ -49,8 +49,8 @@
           <div v-else-if="isEmptyAddress(recDeliveryAddress)">(Not entered)</div>
           <div v-else-if="inheritRegisteredAddress">Same as Registered Office</div>
           <div v-else>Same as Mailing Address</div>
-        </v-flex>
-      </v-layout>
+        </v-col>
+      </v-row>
     </template>
 
     <!-- Address Form -->