@zeedhi/common 1.118.0 → 1.120.0

package/dist/zd-common.umd.js

@@ -4335,6 +4335,13 @@
   });
   InputFactory.register('ZdDate', Date$1);
 
+  const ERROR_MAP = {
+      invalid_range: 'VALIDATION_INVALID_RANGE',
+      incomplete_range: 'VALIDATION_INVALID_DATE',
+      empty: 'VALIDATION_INVALID_DATE',
+      invalid_date: 'VALIDATION_INVALID_DATE',
+      none: '',
+  };
   class DateRange extends TextInput {
       /* istanbul ignore next */
       /**
@@ -4343,6 +4350,10 @@
         */
       constructor(props) {
           super(props);
+          /**
+            * Restricts which dates can be selected.
+          */
+          this.allowedDates = undefined;
           /**
            * Input auto complete.
            */
@@ -4410,6 +4421,7 @@
           this.parserFn = core.FormatterParserProvider.getParser('ZdDateRange');
           this.previousHint = '';
           this.previousPersistentHint = false;
+          this.allowedDates = this.getInitValue('allowedDates', props.allowedDates, this.allowedDates);
           this.appendIcon = this.getInitValue('appendIcon', props.appendIcon, 'calendar');
           this.autocomplete = this.getInitValue('autocomplete', props.autocomplete, this.autocomplete);
           this.dateFormat = this.getInitValue('dateFormat', props.dateFormat, this.dateFormat);
@@ -4449,7 +4461,7 @@
        * Character that will separate the two dates
        */
       get splitter() {
-          return core.I18n.translate(this.internalSplitter);
+          return ` ${core.I18n.translate(this.internalSplitter).trim()} `;
       }
       set splitter(splitter) {
           this.internalSplitter = splitter;
@@ -4512,36 +4524,79 @@
           return format.replace(/[A-Za-z]/gi, '#');
       }
       setDateValue(displayValue) {
-          const lastValue = this.displayValue;
-          const values = this.splitValues(displayValue);
-          if (this.isValidDateArray(this.displayFormat, values)) {
+          const lastDisplayValue = this.displayValue;
+          const values = this.parser(displayValue);
+          const validation = this.isValidDateArray(values);
+          if (validation.isValid) {
               this.internalDisplayValue = displayValue;
               this.internalValue = this.parser(displayValue);
               this.dateError = false;
-              if (lastValue !== this.displayValue)
+              if (lastDisplayValue !== this.displayValue) {
                   this.change(this.value);
+              }
           }
-          else {
-              if (!displayValue) {
-                  this.internalDisplayValue = displayValue;
-                  this.internalValue = [];
-                  if (lastValue !== this.displayValue)
-                      this.change(this.value);
+          else if (validation.errorType === 'empty') {
+              this.internalDisplayValue = '';
+              this.internalValue = [];
+              if (lastDisplayValue !== this.displayValue) {
+                  this.change(this.value);
               }
-              this.dateError = !!displayValue;
           }
-          this.value = this.internalValue; // forces value accessor to be called if necessary
+          else {
+              this.dateError = validation.errorType;
+          }
+          this.value = this.internalValue;
       }
       /**
        * Faz a validação do array de datas
-       * @param format o formato da data
-       * @param values o array de datas
+       * @param values o array de datas formatadas de acordo com o dateFormat
        * @returns true se todos os valores forem validados
        * */
-      isValidDateArray(format, values) {
-          if (!values || values.length < 2)
-              return false;
-          return values.every((value) => this.isValidDate(value, format));
+      isValidDateArray(values) {
+          if (!values || values.length === 0 || values.every((value) => !value)) {
+              return { isValid: false, errorType: 'empty' };
+          }
+          if (values.length === 1 && values[0] !== '') {
+              return { isValid: false, errorType: 'incomplete_range' };
+          }
+          const invalidRange = !this.isAllowedRange(values);
+          if (invalidRange) {
+              return { isValid: false, errorType: 'invalid_range' };
+          }
+          const allDatesValid = values.every((value) => this.isValidDate(value, this.dateFormat));
+          if (!allDatesValid) {
+              return { isValid: false, errorType: 'invalid_date' };
+          }
+          return { isValid: true, errorType: 'none' };
+      }
+      isAllowedDate(value, format) {
+          if (this.allowedDates === undefined)
+              return true;
+          const dateStr = core.dayjs(value, format).format(this.dateFormat);
+          if (this.allowedDates instanceof Function) {
+              return this.allowedDates(dateStr);
+          }
+          return this.allowedDates.includes(dateStr);
+      }
+      /**
+       * Checks if a range is allowed
+       * @param value range to be checked, must be in dateFormat
+       */
+      isAllowedRange(value) {
+          if (!this.allowedDates)
+              return true;
+          const startDate = core.dayjs(value[0], this.dateFormat);
+          const endDate = core.dayjs(value[1], this.dateFormat);
+          let currentDate = startDate;
+          while (currentDate.isBefore(endDate) || currentDate.isSame(endDate)) {
+              const dateToCheck = currentDate.format(this.dateFormat);
+              const isAllowed = this.isAllowedDate(dateToCheck, this.dateFormat);
+              if (!isAllowed) {
+                  return false;
+              }
+              currentDate = currentDate.add(1, 'day');
+          }
+          return true;
       }
       splitValues(value) {
           let splitedValue = [];
@@ -4568,6 +4623,9 @@
           const isValidMax = !maxDate || date.isBefore(maxDate) || date.isSame(maxDate);
           if (!isValidMax)
               return false;
+          if (!this.isAllowedDate(value, format)) {
+              return false;
+          }
           return true;
       }
       isValidFormatDate(value, format, strict = true) {
@@ -4612,7 +4670,10 @@
           return parsedValue.sort((a, b) => (core.dayjs(a, this.dateFormat).isAfter(core.dayjs(b, this.dateFormat)) ? 1 : -1));
       }
       dateValidation() {
-          return !this.dateError || core.I18n.translate('VALIDATION_INVALID_DATE');
+          if (this.dateError) {
+              return core.I18n.translate(ERROR_MAP[this.dateError]);
+          }
+          return true;
       }
       click(event, element) {
           const clickEvent = event || new MouseEvent('click');
@@ -4658,7 +4719,7 @@
         */
       removeDateMask() {
           if (isUndefined__default["default"](this.getInitialMask()) || !this.value || this.dateError
-              || !this.isValidDateArray(this.dateFormat, this.value)) {
+              || !this.isValidDateArray(this.value).isValid) {
               return;
           }
           this.mask = '';
@@ -12667,9 +12728,6 @@
           return this.checkboxAllValue;
       }
       set checkboxAll(value) {
-          if (this.showCheckboxAll) {
-              this.disabled = value;
-          }
           this.checkboxAllValue = value;
       }
       /**
@@ -14919,6 +14977,10 @@
            * Nudge the content to the top
            */
           this.top = false;
+          /**
+           * Render the label as HTML
+           */
+          this.html = false;
           this.bottom = this.getInitValue('bottom', props.bottom, this.bottom);
           this.color = this.getInitValue('color', props.color, this.color);
           this.disabled = this.getInitValue('disabled', props.disabled, this.disabled);
@@ -14932,6 +14994,7 @@
           this.openOnHover = this.getInitValue('openOnHover', props.openOnHover, this.openOnHover);
           this.right = this.getInitValue('right', props.right, this.right);
           this.top = this.getInitValue('top', props.top, this.top);
+          this.html = this.getInitValue('html', props.html, this.html);
           this.createAccessors();
       }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.118.0",
+  "version": "1.120.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "b1005c93ef3831b5126015bde85a4c470c44ccfa"
+  "gitHead": "72115bb43c1a824c34f1ab524a9af273cba17723"
 }

package/types/components/zd-apex-chart/apex-chart.d.ts

@@ -27,7 +27,7 @@ export declare class ApexChart extends ComponentRender implements IApexChart {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Chart options. See <a href=\"https://apexcharts.com/docs/options/\"
      * target=\"_blank\" alt=\"Apex Charts API Reference\">Apex Chart API

package/types/components/zd-apex-chart/interfaces.d.ts

@@ -40,7 +40,7 @@ export interface IApexChart extends IComponentRender {
     height?: string | number;
     minHeight?: string | number;
     maxHeight?: string | number;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
     width?: string | number;
     minWidth?: string | number;
     maxWidth?: string | number;

package/types/components/zd-card/card.d.ts

@@ -76,7 +76,7 @@ export declare class Card extends ComponentRender implements ICard {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Removes card elevation shadow and adds a thin border
      */

package/types/components/zd-card/interfaces.d.ts

@@ -23,7 +23,7 @@ export interface ICard extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
     width?: number | string;
     maxWidth?: number | string;
     minWidth?: number | string;

package/types/components/zd-carousel/carousel.d.ts

@@ -53,7 +53,7 @@ export declare class Carousel extends ComponentRender implements ICarousel {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Configures the carousel as infinite (the slide after the last one is the first slide, and vice-versa)
      */

package/types/components/zd-carousel/interfaces.d.ts

@@ -41,5 +41,5 @@ export interface ICarousel extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
 }

package/types/components/zd-code-editor/code-editor.d.ts

@@ -26,7 +26,7 @@ export declare class CodeEditor extends ComponentRender implements ICodeEditor {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Defines the component width. Possible values for this property can be
      * <samp>'auto', '100%', '400px' or 400</samp>

package/types/components/zd-code-editor/interfaces.d.ts

@@ -6,7 +6,7 @@ export interface ICodeEditor extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
     width?: number | string;
     maxWidth?: number | string;
     minWidth?: number | string;

package/types/components/zd-col/col.d.ts

@@ -28,7 +28,7 @@ export declare class Col extends ComponentRender implements ICol {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Creates a new Col.
      * @param props Col properties

package/types/components/zd-col/interfaces.d.ts

@@ -12,5 +12,5 @@ export interface ICol extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
 }

package/types/components/zd-container/container.d.ts

@@ -7,7 +7,7 @@ export declare class Container extends ComponentRender implements IContainer {
     /**
      * Adds height 100% to container.
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Sets the height for the component.
      */

package/types/components/zd-container/interfaces.d.ts

@@ -4,7 +4,7 @@ export interface IContainer extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
     width?: number | string;
     maxWidth?: number | string;
     minWidth?: number | string;

package/types/components/zd-dashboard/dashboard.d.ts

@@ -38,7 +38,7 @@ export declare class Dashboard extends ComponentRender implements IDashboard {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Defines the component width. Possible values for this property can be
      * <samp>'auto', '100%', '400px' or 400</samp>

package/types/components/zd-dashboard/interfaces.d.ts

@@ -22,7 +22,7 @@ export interface IDashboard extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
     width?: number | string;
     maxWidth?: number | string;
     minWidth?: number | string;

package/types/components/zd-date/date-range.d.ts

@@ -1,6 +1,17 @@
 import { IDateRange, IDateEvents } from './interfaces';
 import { TextInput } from '../zd-text-input/text-input';
+declare const ERROR_MAP: {
+    readonly invalid_range: "VALIDATION_INVALID_RANGE";
+    readonly incomplete_range: "VALIDATION_INVALID_DATE";
+    readonly empty: "VALIDATION_INVALID_DATE";
+    readonly invalid_date: "VALIDATION_INVALID_DATE";
+    readonly none: "";
+};
 export declare class DateRange extends TextInput implements IDateRange {
+    /**
+      * Restricts which dates can be selected.
+    */
+    allowedDates?: ((date: string) => boolean) | string[];
     /**
      * Input auto complete.
      */
@@ -72,7 +83,7 @@ export declare class DateRange extends TextInput implements IDateRange {
      */
     helperValue?: string;
     protected isoFormat: string;
-    protected dateError: boolean;
+    protected dateError: false | keyof typeof ERROR_MAP;
     protected formatterFn: Function;
     protected parserFn: Function;
     protected initialMask?: string;
@@ -102,11 +113,19 @@ export declare class DateRange extends TextInput implements IDateRange {
     setDateValue(displayValue: string): void;
     /**
      * Faz a validação do array de datas
-     * @param format o formato da data
-     * @param values o array de datas
+     * @param values o array de datas formatadas de acordo com o dateFormat
      * @returns true se todos os valores forem validados
      * */
-    isValidDateArray(format: string, values?: string[]): boolean;
+    isValidDateArray(values: string[]): {
+        isValid: boolean;
+        errorType: keyof typeof ERROR_MAP;
+    };
+    private isAllowedDate;
+    /**
+     * Checks if a range is allowed
+     * @param value range to be checked, must be in dateFormat
+     */
+    isAllowedRange(value: string[]): boolean;
     private splitValues;
     isValidDate(value: string, format: string, strict?: boolean): boolean;
     isValidFormatDate(value: string, format: string, strict?: boolean): boolean;
@@ -150,3 +169,4 @@ export declare class DateRange extends TextInput implements IDateRange {
     change(event?: Event, element?: any): void;
     getMaskValue(): any;
 }
+export {};

package/types/components/zd-form/form.d.ts

@@ -38,7 +38,7 @@ export declare class Form extends ComponentRender implements IForm {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Defines the component width. Possible values for this property can be
      * <samp>'auto', '100%', '400px' or 400</samp>

package/types/components/zd-form/interfaces.d.ts

@@ -25,7 +25,7 @@ export interface IForm extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
     width?: number | string;
     maxWidth?: number | string;
     minWidth?: number | string;

package/types/components/zd-frame/frame.d.ts

@@ -33,7 +33,7 @@ export declare class Frame extends ComponentRender implements IFrame {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Defines the component width. Possible values for this property can be
      * <samp>'auto', '100%', '400px' or 400</samp>

package/types/components/zd-frame/interfaces.d.ts

@@ -17,7 +17,7 @@ export interface IFrame extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
     width?: number | string;
     maxWidth?: number | string;
     minWidth?: number | string;

package/types/components/zd-grid/grid.d.ts

@@ -58,7 +58,7 @@ export declare class Grid extends Iterable implements IGrid {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Defines the component width. Possible values for this property can be
      * <samp>'auto', '100%', '400px' or 400</samp>

package/types/components/zd-grid/interfaces.d.ts

@@ -28,7 +28,7 @@ export interface IGrid extends IIterable {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
     width?: number | string;
     maxWidth?: number | string;
     minWidth?: number | string;

package/types/components/zd-image/image.d.ts

@@ -41,7 +41,7 @@ export declare class Image extends ComponentRender implements IImage {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Defines the component width. Possible values for this property can be
      * <samp>'auto', '100%', '400px' or 400</samp>

package/types/components/zd-image/interfaces.d.ts

@@ -14,7 +14,7 @@ export interface IImage extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
     width?: number | string;
     maxWidth?: number | string;
     minWidth?: number | string;

package/types/components/zd-iterable-component-render/interfaces.d.ts

@@ -11,7 +11,7 @@ export interface IIterableComponentRender extends IIterable {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
     width?: number | string;
     maxWidth?: number | string;
     minWidth?: number | string;

package/types/components/zd-iterable-component-render/iterable-component-render.d.ts

@@ -52,7 +52,7 @@ export declare class IterableComponentRender extends Iterable implements IIterab
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Defines the component width. Possible values for this property can be
      * <samp>'auto', '100%', '400px' or 400</samp>

package/types/components/zd-list/interfaces.d.ts

@@ -15,7 +15,7 @@ export interface IList extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
     width?: number | string;
     maxWidth?: number | string;
     minWidth?: number | string;

package/types/components/zd-list/list.d.ts

@@ -59,7 +59,7 @@ export declare class List extends ComponentRender implements IList {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Defines the component width. Possible values for this property can be
      * <samp>'auto', '100%', '400px' or 400</samp>

package/types/components/zd-master-detail/interfaces.d.ts

@@ -6,5 +6,5 @@ export interface IMasterDetail extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
 }

package/types/components/zd-master-detail/master-detail.d.ts

@@ -31,7 +31,7 @@ export declare class MasterDetail extends ComponentRender implements IMasterDeta
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Creates a new Master Detail.
      * @param props Master detail properties

package/types/components/zd-row/interfaces.d.ts

@@ -10,5 +10,5 @@ export interface IRow extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
 }

package/types/components/zd-row/row.d.ts

@@ -34,7 +34,7 @@ export declare class Row extends ComponentRender implements IRow {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Creates a new Row.
      * @param props Row properties

package/types/components/zd-selectable-list/interfaces.d.ts

@@ -8,7 +8,7 @@ export interface ISelectableList extends IList {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
     width?: number | string;
     maxWidth?: number | string;
     minWidth?: number | string;

package/types/components/zd-selectable-list/selectable-list.d.ts

@@ -42,7 +42,7 @@ export declare class SelectableList extends List implements ISelectableList {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Defines the component width. Possible values for this property can be
      * <samp>'auto', '100%', '400px' or 400</samp>

package/types/components/zd-table/interfaces.d.ts

@@ -9,7 +9,7 @@ export interface ITable extends IIterable {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
 }
 export interface ITableCaption {
     label?: string;

package/types/components/zd-table/table.d.ts

@@ -34,7 +34,7 @@ export declare class Table extends Iterable implements ITable {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Creates a new Table.
      * @param table Table properties

package/types/components/zd-tabs/interfaces.d.ts

@@ -21,6 +21,6 @@ export interface ITabs extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
     touchless?: boolean;
 }

package/types/components/zd-tabs/tabs.d.ts

@@ -26,7 +26,7 @@ export declare class Tabs extends ComponentRender implements ITabs {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Disable touch support.
      */

package/types/components/zd-textarea/interfaces.d.ts

@@ -18,5 +18,5 @@ export interface ITextarea extends ITextInput {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
 }

package/types/components/zd-textarea/textarea.d.ts

@@ -66,7 +66,7 @@ export declare class Textarea extends TextInput implements ITextarea {
     /**
      * Set component height to fill all space available
      */
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     /**
      * Create a new Textarea.
      * @param props Textarea properties

package/types/components/zd-tooltip/interfaces.d.ts

@@ -16,4 +16,5 @@ export interface ITooltip extends IComponentRender {
     openOnHover?: boolean;
     right?: boolean;
     top?: boolean;
+    html?: boolean;
 }