@likable-hair/svelte 3.0.21 → 3.0.23

package/dist/components/composed/list/PaginatedTable.svelte

@@ -14,7 +14,7 @@ export let headers = [], items = [], sortedBy = void 0, sortDirection = void 0,
   { label: "20", value: 20 },
   { label: "50", value: 50 },
   { label: "100", value: 100 }
-], hideRowsPerPage = false, totalElements = void 0, rowsPerPage = 20, filters = [], searchBarColumns = void 0;
+], hideRowsPerPage = false, totalElements = void 0, rowsPerPage = 20, filters = [], searchBarColumns = void 0, lang = "en";
 let searchBarInput, searchText = void 0;
 let dispatch = createEventDispatcher();
 let rowsPerPageSelection = [];
@@ -73,6 +73,7 @@ function handleFiltersChange() {
       bind:filters
       on:applyFilter={handleFiltersChange}
       on:removeFilter={handleFiltersChange}
+      {lang}
     >
   </Filters>
 </div>

package/dist/components/composed/list/PaginatedTable.svelte.d.ts

@@ -23,6 +23,7 @@ declare const __propDef: {
         rowsPerPage?: number | undefined;
         filters?: ComponentProps<Filters>['filters'];
         searchBarColumns?: string[] | undefined;
+        lang?: "it" | "en" | undefined;
     };
     events: {
         sort: CustomEvent<{

package/dist/components/simple/dates/DatePicker.css

@@ -6,4 +6,5 @@
   --date-picker-default-header-color: rgb(var(--global-color-grey-50));
   --date-picker-default-box-shadow: 0 4px 6px -1px rgb(var(--global-color-contrast-300), .1),
     0 2px 4px -2px rgb(var(--global-color-contrast-300), .1);
+  --date-picker-default-overflow: hidden;
 }

package/dist/components/simple/dates/DatePicker.svelte

@@ -173,6 +173,10 @@ function handleMonthChange() {
       --date-picker-box-shadow,
       var(--date-picker-default-box-shadow)
     );
+    overflow: var(
+      --date-picker-overflow,
+      var(--date-picker-default-overflow)
+    );
   }
 
   .header {

package/dist/components/simple/dates/DatePickerTextField.svelte

@@ -59,8 +59,11 @@ onMount(() => {
     inputElement,
     maskFactoryArgs
   );
+  if (!!selectedDate) {
+    mask.value = DateTime.fromJSDate(selectedDate).toFormat(pattern);
+  }
 });
-function handleInputChange() {
+function handleInputChange(event) {
   setTimeout(() => {
     const typedValue = mask.value;
     if (!!typedValue) {
@@ -111,7 +114,7 @@ function handleMonthSelect() {
     <SimpleTextField
       bind:value={mask.value}
       on:focus={() => handleTextFieldFocus(mAndDown)}
-      on:keypress={handleInputChange}
+      on:keydown={handleInputChange}
       bind:input={inputElement}
       bind:placeholder
     >

package/dist/utils/filters/builder.js

@@ -16,7 +16,7 @@ export default class Builder {
         return this.applyWhereClause('orNot', first, second, third);
     }
     applyWhereClause(logicalOperator, first, second, third) {
-        if (!!third) {
+        if (third !== undefined) {
             if (!!second && typeof first == 'string' && typeof second == 'string') {
                 this.modifiers.push({
                     method: 'where',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair",
-  "version": "3.0.21",
+  "version": "3.0.23",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",