From 5e27c6096c46f18fc0916ce79d80d301fd2a604c Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 16 Feb 2021 16:07:15 +0300
Subject: [PATCH] Update locale docs and types

---
 src/components/config/PrimeVue.d.ts  |  24 ++++-
 src/views/datatable/DataTableDoc.vue |   2 +-
 src/views/locale/LocaleDemo.vue      | 134 +++++++++------------------
 3 files changed, 70 insertions(+), 90 deletions(-)

diff --git a/src/components/config/PrimeVue.d.ts b/src/components/config/PrimeVue.d.ts
index b6b67950e..90a44c00e 100644
--- a/src/components/config/PrimeVue.d.ts
+++ b/src/components/config/PrimeVue.d.ts
@@ -6,6 +6,27 @@ interface PrimeVueConfiguration {
 }
 
 interface PrimeVueLocaleOptions {
+    startsWith?: string;
+    contains?: string;
+    notContains?: string;
+    endWith?: string;
+    equals?: string;
+    notEquals?: string;
+    noFilter?: string;
+    lt?: string;
+    lte?: string;
+    gt?: string;
+    gte?: string;
+    dateIs?: string;
+    dateIsNot?: string;
+    dateBefore?: string;
+    dateAfter?: string;
+    clear?: string;
+    apply?: string;
+    matchAll?: string;
+    matchAny?: string;
+    addRule?: string;
+    removeRule?: string;
     accept?: string;
     reject?: string;
     choose?: string;
@@ -17,7 +38,6 @@ interface PrimeVueLocaleOptions {
     monthNames: string[];
     monthNamesShort: string[];
     today?: string;
-    clear?: string;
     weekHeader?: string;
     firstDayOfWeek?: number;
     dateFormat?: string;
@@ -25,6 +45,8 @@ interface PrimeVueLocaleOptions {
     medium?: string;
     strong?: string;
     passwordPrompt?: string;
+    emptyFilterMessage?: string;
+    emptyMessage?: string;
 }
 
 export declare function usePrimeVue(): PrimeVueConfiguration;
diff --git a/src/views/datatable/DataTableDoc.vue b/src/views/datatable/DataTableDoc.vue
index 1212f86ff..1d27a962a 100755
--- a/src/views/datatable/DataTableDoc.vue
+++ b/src/views/datatable/DataTableDoc.vue
@@ -838,7 +838,7 @@ matchModes: [
 </code></pre>
 
                 <h5>Full Page Scroll</h5>
-                <p>FlexScroll can also be used for cases where scrollable viewport should be responsive with respect to the window size. See the <router-link to="/datatable/flexscroll">full page</router> demo for an example.</p>
+                <p>FlexScroll can also be used for cases where scrollable viewport should be responsive with respect to the window size. See the <router-link to="/datatable/flexscroll">full page</router-link> demo for an example.</p>
 <pre v-code><code><template v-pre>
 &lt;div style="height: calc(100vh - 143px)"&gt;
     &lt;DataTable :value="cars" :scrollable="true" scrollHeight="flex"&gt;
diff --git a/src/views/locale/LocaleDemo.vue b/src/views/locale/LocaleDemo.vue
index d3b754ead..0f18bfbc2 100644
--- a/src/views/locale/LocaleDemo.vue
+++ b/src/views/locale/LocaleDemo.vue
@@ -63,94 +63,52 @@ export default defineComponent({
 
 
             <h5>Locale Options</h5>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Value</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td>accept</td>
-                            <td>Yes</td>
-                        </tr>
-                        <tr>
-                            <td>reject</td>
-                            <td>No</td>
-                        </tr>
-                        <tr>
-                            <td>choose</td>
-                            <td>Choose</td>
-                        </tr>
-                        <tr>
-                            <td>upload</td>
-                            <td>Upload</td>
-                        </tr>
-                        <tr>
-                            <td>cancel</td>
-                            <td>Cancel</td>
-                        </tr>
-                        <tr>
-                            <td>dayNames</td>
-                            <td>["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]</td>
-                        </tr>
-                        <tr>
-                            <td>dayNamesShort</td>
-                            <td>["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]</td>
-                        </tr>
-                        <tr>
-                            <td>dayNamesMin</td>
-                            <td>["Su","Mo","Tu","We","Th","Fr","Sa"]</td>
-                        </tr>
-                        <tr>
-                            <td>monthNames</td>
-                            <td>["January","February","March","April","May","June","July","August","September","October","November","December"]</td>
-                        </tr>
-                        <tr>
-                            <td>monthNamesShort</td>
-                            <td>["Jan", "Feb", "Mar", "Apr", "May", "Jun","Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]</td>
-                        </tr>
-                        <tr>
-                            <td>today</td>
-                            <td>Today</td>
-                        </tr>
-                        <tr>
-                            <td>today</td>
-                            <td>Today</td>
-                        </tr>
-                        <tr>
-                            <td>weekHeader</td>
-                            <td>Wk</td>
-                        </tr>
-                        <tr>
-                            <td>firstDayOfWeek</td>
-                            <td>0</td>
-                        </tr>
-                        <tr>
-                            <td>dateFormat</td>
-                            <td>mm/dd/yy</td>
-                        </tr>
-                        <tr>
-                            <td>weak</td>
-                            <td>Weak</td>
-                        </tr>
-                        <tr>
-                            <td>medium</td>
-                            <td>Medium</td>
-                        </tr>
-                        <tr>
-                            <td>strong</td>
-                            <td>Strong</td>
-                        </tr>
-                        <tr>
-                            <td>passwordPrompt</td>
-                            <td>Enter a password</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
+<pre v-code.script><code>
+locale: {
+    startsWith: 'Starts with',
+    contains: 'Contains',
+    notContains: 'Not contains',
+    endsWith: 'Ends with',
+    equals: 'Equals',
+    notEquals: 'Not equals',
+    noFilter: 'No Filter',
+    lt: 'Less than',
+    lte: 'Less than or equal to',
+    gt: 'Greater than',
+    gte: 'Greater than or equal to',
+    dateIs: 'Date is',
+    dateIsNot: 'Date is not',
+    dateBefore: 'Date is before',
+    dateAfter: 'Date is after',
+    clear: 'Clear',
+    apply: 'Apply',
+    matchAll: 'Match All',
+    matchAny: 'Match Any',
+    addRule: 'Add Rule',
+    removeRule: 'Remove Rule',
+    accept: 'Yes',
+    reject: 'No',
+    choose: 'Choose',
+    upload: 'Upload',
+    cancel: 'Cancel',
+    dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+    dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    dayNamesMin: ["Su","Mo","Tu","We","Th","Fr","Sa"],
+    monthNames: ["January","February","March","April","May","June","July","August","September","October","November","December"],
+    monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun","Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+    today: 'Today',
+    weekHeader: 'Wk',
+    firstDayOfWeek: 0,
+    dateFormat: 'mm/dd/yy',
+    weak: 'Weak',
+    medium: 'Medium',
+    strong: 'Strong',
+    passwordPrompt: 'Enter a password',
+    emptyFilterMessage: 'No results found',
+    emptyMessage: 'No available options'
+}
+
+</code></pre>
         </div>
     </div>
 </template>