@citizenplane/pimp 18.9.11 → 18.9.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citizenplane/pimp",
-  "version": "18.9.11",
+  "version": "18.9.13",
   "scripts": {
     "dev": "storybook dev -p 8081",
     "build-storybook": "storybook build --output-dir ./docs",

package/src/components/CpDate.vue

@@ -78,6 +78,7 @@ interface InputsOptions {
 type DateField = 'day' | 'month'
 
 interface Props {
+  allowEmpty?: boolean
   autocompleteBirthday?: boolean
   disabled?: boolean
   displayErrorMessage?: boolean
@@ -99,6 +100,7 @@ const props = withDefaults(defineProps<Props>(), {
   maxDate: () => DateTime.now().toISO(),
   label: '',
   required: false,
+  allowEmpty: false,
   disabled: false,
   isInvalid: false,
   errorMessage: '',
@@ -179,7 +181,7 @@ const areInputsEmpty = computed(() => {
 })
 
 const isDateValid = computed(() => {
-  if (areInputsEmpty.value && !props.required) return true
+  if (areInputsEmpty.value && (!props.required || props.allowEmpty))  return true
 
   return (
     !props.isInvalid &&
@@ -476,7 +478,7 @@ watch(year, handleUpdate)
       opacity: 0.4;
     }
   }
-  
+
   &--isInvalid {
     .cpDate__inputs,
     .cpDate__inputs:hover {

package/src/components/CpTable.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="cpTable" :class="mainClasses">
-    <div
+    <section
       ref="cpTableContainer"
       :aria-labelledby="uniqueId"
       class="cpTable__container"
@@ -91,7 +91,7 @@
         </tbody>
       </table>
       <cp-table-empty-state v-if="hasNoResult" class="cpTable__emptyState" :placeholder="noResultPlaceholder" />
-    </div>
+    </section>
     <cp-table-footer
       v-if="hasPagination"
       :is-loading="isLoading"
@@ -574,7 +574,7 @@ defineExpose({ hideContextualMenu, resetPagination, currentRowData })
   }
 
   /* Scrolling Visual Cue */
-  &__container[role='region'][aria-labelledby][tabindex] {
+  &__container[aria-labelledby][tabindex] {
     @extend %u-scrolling-visual-cue;
 
     overflow: auto;
@@ -616,12 +616,12 @@ defineExpose({ hideContextualMenu, resetPagination, currentRowData })
       var(--cp-dimensions-3_5) 100%;
   }
 
-  &__container[role='region'][aria-labelledby][tabindex]:focus {
+  &__container[aria-labelledby][tabindex]:focus {
     border-radius: var(--cp-radius-md-lg);
     box-shadow: 0 0 0 calc(var(--cp-dimensions-0_5) * 1.5) var(--cp-focus);
   }
 
-  &__container[role='region'][aria-labelledby][tabindex] &__table {
+  &__container[aria-labelledby][tabindex] &__table {
     border: none;
     margin: 0;
   }