@paperless/core 0.1.0-alpha.99 → 1.3.0

package/dist/types/components/helpers/table-column/table-column.component.d.ts

@@ -0,0 +1,42 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { TableColumnSizes } from '../../../types/table';
+export declare class TableColumn {
+  /**
+   * The path of the value of the item you want to display
+   */
+  path: string;
+  /**
+   * The type of the column
+   */
+  type: 'td' | 'th';
+  /**
+   * The name of the column
+   */
+  name: string;
+  /**
+   * Wether the column should use the slot
+   */
+  useSlot: boolean;
+  /**
+   * Wether the column should have a checkbox
+   */
+  hasCheckbox: boolean;
+  /**
+   * The alignment of the column
+   */
+  align: 'start' | 'center' | 'end';
+  /**
+   * Wether the column is the last in the row
+   */
+  isLast: boolean;
+  /**
+   * The sizes of the column
+   */
+  sizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;
+  /**
+   * Event to let the table know it has to re render
+   */
+  tableDefinitionChanged: EventEmitter<boolean>;
+  componentDidUpdate(): void;
+  render(): void;
+}

package/dist/types/components/molecules/attachment/attachment.component.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class Attachment {
+  /**
+   * The variant of the button
+   */
+  mode: 'read' | 'write';
+  /**
+   * Wether the attachment is uploading/loading
+   */
+  loading: boolean;
+  /**
+   * The error to show
+   */
+  error: string;
+  /**
+   * Event when download is pressed
+   */
+  download: EventEmitter<any>;
+  /**
+   * Wether the attachment is downloading
+   */
+  downloading: boolean;
+  /**
+   * Event when delete is pressed
+   */
+  delete: EventEmitter<any>;
+  render(): any;
+}

package/dist/types/components/molecules/calendar/calendar.component.d.ts

@@ -0,0 +1,76 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class Calendar {
+  /**
+   * The variant of the button
+   */
+  variant: 'default' | 'embedded';
+  /**
+   * The current value
+   */
+  value?: Date | 'string';
+  /**
+   * Wether to automatically preselect today
+   */
+  preselectToday: boolean;
+  /**
+   * Disabled dates
+   */
+  disabledDates?: Array<Date | 'string'> | string;
+  /**
+   * Min date
+   */
+  minDate: Date | 'string';
+  /**
+   * Max date
+   */
+  maxDate: Date | 'string';
+  /**
+   * Wether to disable the weekends
+   */
+  disableWeekends: boolean;
+  /**
+   * The mode of the datepicker
+   */
+  mode: 'year' | 'month' | 'day';
+  /**
+   * Event when the value changes
+   */
+  valueChange: EventEmitter<any>;
+  /**
+   * The host element
+   */
+  private _el;
+  private _today;
+  private _view;
+  private _viewDate;
+  private _value;
+  private _minDate;
+  private _maxDate;
+  private _disabledDates;
+  private _weekDays;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  private _parseValue;
+  private _parseMinDate;
+  private _parseMaxDate;
+  private _parseDisabledDates;
+  render(): any;
+  private _getView;
+  private _getDayView;
+  private _getMonthView;
+  private _getYearView;
+  private _setYear;
+  private _setMonth;
+  private _changeMonth;
+  private _changeYear;
+  private _setValue;
+  private _generateDaysInMonth;
+  private _isDisabledDay;
+  private _generateMonths;
+  private _generateYears;
+  private _scrollYearIntoView;
+  private _changeView;
+  private _canChangeView;
+  private _canSetAmount;
+  private _getAutomaticMax;
+}

package/dist/types/components/molecules/content-slider/content-slider.component.d.ts

@@ -7,6 +7,10 @@ export declare class ContentSlider {
    * Wether to disable dragging the content
    */
   disableDrag: boolean;
+  /**
+   * Wether to disable auto centering the content
+   */
+  disableAutoCenter: boolean;
   /**
    * Wether to disable clicking the indicator scrolls content
    */
@@ -18,27 +22,32 @@ export declare class ContentSlider {
   private _visibleIndex;
   private _outerHeight;
   private _totalWidth;
-  private _scrollHandlerTimeout;
   private _sliderRef;
   private _innerSliderRef;
   private _items;
   private _innerSliderResizeObserver;
   private _startX;
+  private _startMouseX;
+  private _lastMouseX;
+  private _lastIndex;
+  private _shouldCheckLocation;
   private _dragging;
   componentWillRender(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   render(): any;
-  private _setInnerSliderReft;
-  private _handleScroll;
   private _mouseDownHandler;
   private _mouseMoveHandler;
-  private _checkBoundary;
+  private _transitionEndHandler;
   mouseUpHandler(): void;
   resizeHandler(): void;
+  private _setInnerSliderReft;
+  private _scrollTo;
+  private _checkBoundary;
   private _calculateIndicator;
+  private _checkLocation;
   private _isVisible;
-  private _scrollTo;
   private _calculateWidth;
   private _calculateHeight;
+  private _isMobile;
 }

package/dist/types/components/molecules/datepicker/datepicker.component.d.ts

@@ -0,0 +1,97 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class Datepicker {
+  /**
+   * The placeholder of the input
+   */
+  placeholder: string;
+  /**
+   * The current value
+   */
+  value: Date | null | undefined;
+  /**
+   * Wethter to automatically preselect today
+   */
+  preselectToday: boolean;
+  /**
+   * Disabled dates
+   */
+  disabledDates?: Array<Date | 'string'> | string;
+  /**
+   * Min date
+   */
+  minDate?: Date | 'string';
+  /**
+   * Max date
+   */
+  maxDate?: Date | 'string';
+  /**
+   * Wether to disable the weekends
+   */
+  disableWeekends: boolean;
+  /**
+   * The mode of the datepicker
+   */
+  mode: 'year' | 'month' | 'day';
+  /**
+   * Event when the value changes
+   */
+  valueChange: EventEmitter<any>;
+  /**
+   * The display & parse format to use
+   */
+  format: string;
+  /**
+   * The size of the input group used by the datepicker
+   */
+  size: 'small' | 'medium';
+  /**
+   * The prefix of the input group used by the datepicker
+   */
+  prefix: string;
+  /**
+   * The label of the input group used by the datepicker
+   */
+  label: string;
+  /**
+   * The helper of the input group used by the datepicker
+   */
+  helper: string;
+  /**
+   * Wether the field is required
+   */
+  required: boolean;
+  /**
+   * The helper of the input group used by the datepicker
+   */
+  error: string;
+  /**
+   * Wether the input group is disabled used by the datepicker
+   */
+  disabled: boolean;
+  /**
+   * The host element
+   */
+  private _el;
+  private _showDropdown;
+  private _value;
+  private _minDate;
+  private _maxDate;
+  private _disabledDates;
+  private _onInputTimeout;
+  private _defaultFormats;
+  get formattedDate(): string;
+  protected parseValue(value: string | Date): void;
+  protected parseMinDate(minDate: string | Date): void;
+  protected parseMaxDate(maxDate: string | Date): void;
+  protected parseDisabledDates(disabledDates: Array<string | Date> | string): void;
+  componentWillLoad(): void;
+  render(): any;
+  protected documentClickHandler({ target }: {
+    target: any;
+  }): void;
+  private _onFocus;
+  private _onBlur;
+  private _onInput;
+  private _setValue;
+  private _isDisabledDay;
+}

package/dist/types/components/molecules/dropdown/dropdown.component.d.ts

@@ -1,4 +1,4 @@
-import { Placement, PositioningStrategy } from '@popperjs/core';
+import { Placement, Strategy } from '@floating-ui/dom';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class Dropdown {
   /**
@@ -8,11 +8,23 @@ export declare class Dropdown {
   /**
    * The strategy of the popover placement
    */
-  strategy: PositioningStrategy;
+  strategy: Strategy;
   /**
    * Wether to show the dropdown menu
    */
   show: boolean;
+  /**
+   * Wether to automatically calculate the width of the menu based on the trigger
+   */
+  calculateWidth: boolean;
+  /**
+   * Wether to apply the max width
+   */
+  applyMaxWidth: boolean;
+  /**
+   * Wether to apply the full width
+   */
+  applyFullWidth: boolean;
   /**
    * Wether to automatically close the dropdown menu after clicking inside
    */
@@ -21,6 +33,14 @@ export declare class Dropdown {
    * Wether to automatically close the dropdown menu after clicking inside
    */
   disableTriggerClick: boolean;
+  /**
+   * Chevron position
+   */
+  chevronPosition: 'start' | 'end';
+  /**
+   * Chevron direction
+   */
+  chevronDirection: 'up' | 'down';
   /**
    * The host element
    */
@@ -30,18 +50,21 @@ export declare class Dropdown {
    */
   isOpen: EventEmitter<boolean>;
   private _loaded;
-  private _popper;
+  private _trigger;
   private _menu;
+  private _cleanup;
   componentShouldUpdate(): void;
+  disconnectedCallback(): void;
   render(): any;
   private _checkButton;
-  private _containerClickHandler;
-  private _triggerClickHandler;
+  protected onShowChange(show: any): void;
   protected documentClickHandler({ target }: {
     target: any;
   }): void;
+  private _containerClickHandler;
+  private _triggerClickHandler;
   private _load;
-  private _setOptions;
   private _show;
   private _hide;
+  private _update;
 }

package/dist/types/components/molecules/input-error/input-error.component.d.ts

@@ -0,0 +1,12 @@
+export declare class InputError {
+  /**
+   * The error to show
+   */
+  error: string;
+  /**
+   * Wether to force show the tooltip
+   */
+  forceShowTooltip: boolean;
+  private _showTooltip;
+  render(): any;
+}

package/dist/types/components/molecules/input-group/input-group.component.d.ts

@@ -1,6 +1,10 @@
-import { RotateOptions } from '../../../utils/types';
+import { RotateOptions } from '../../../types/tailwind';
 import { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';
 export declare class InputGroup {
+  /**
+   * The size of the input group
+   */
+  size: 'small' | 'medium';
   /**
    * The prefix of the input group
    */
@@ -10,7 +14,7 @@ export declare class InputGroup {
    */
   suffix: string;
   /**
-   * Icon of the navigation item
+   * Icon of the input group
    */
   icon: IconVariant;
   /**
@@ -21,6 +25,10 @@ export declare class InputGroup {
    * Icon rotate
    */
   iconRotate: RotateOptions;
+  /**
+   * Icon position
+   */
+  iconPosition: 'start' | 'end';
   /**
    * The label of the input group
    */
@@ -29,6 +37,10 @@ export declare class InputGroup {
    * The helper of the input group
    */
   helper: string;
+  /**
+   * Wether the field is required
+   */
+  required: boolean;
   /**
    * The helper of the input group
    */
@@ -41,13 +53,20 @@ export declare class InputGroup {
    * Wether the input group is focused
    */
   focused: boolean;
+  /**
+   * The method to use when focusing the input
+   */
+  focusMethod: 'focus' | 'click';
   /**
    * The host element
    */
   private _el;
-  private _showTooltip;
   private _forceShowTooltip;
+  componentWillRender(): void;
   render(): any;
   handleFocusIn(): void;
   handleFocusOut(): void;
+  private _setInputClasses;
+  private _getSlotInfo;
+  private _focusInput;
 }

package/dist/types/components/molecules/page-size-select/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultSize = 12;
+export declare const defaultSizeOptions: number[];

package/dist/types/components/molecules/page-size-select/page-size-select.component.d.ts

@@ -0,0 +1,50 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export type templateFunc = (value: number) => string;
+export declare class PageSizeSelect {
+  private _defaultButtonTemplate;
+  private _defaultItemTemplate;
+  /**
+   * The current page
+   */
+  size: number;
+  /**
+   * The available sizes
+   */
+  sizeOptions: number[];
+  /**
+   * Event whenever the size changes
+   */
+  sizeChange: EventEmitter<number>;
+  /**
+   * Chevron position
+   */
+  chevronPosition: 'start' | 'end';
+  /**
+   * The size of the button
+   */
+  buttonSize: 'small' | 'medium';
+  /**
+   * The template for the data view
+   */
+  buttonTemplate: templateFunc;
+  /**
+   * The template for the data view
+   */
+  itemTemplate: templateFunc;
+  /**
+   * The host element
+   */
+  private _el;
+  /**
+   * Wether to hide when there is only 1 page available
+   */
+  hidden: boolean;
+  /**
+   * Locales used for this component
+   */
+  private _locales;
+  componentWillLoad(): void;
+  render(): any;
+  private _setLocales;
+  private _changeSize;
+}

package/dist/types/components/molecules/pagination/pagination.component.d.ts

@@ -4,11 +4,18 @@ export declare class Pagination {
    * The current page
    */
   page: number;
+  /**
+   * Event whenever the page changes
+   */
   pageChange: EventEmitter<number>;
   /**
    * The amount of items per page
    */
   pageSize: number;
+  /**
+   * Wether to hide when there is only 1 page available
+   */
+  hideOnSinglePage: boolean;
   /**
    * The total amount of items
    */

package/dist/types/components/molecules/profile/profile.component.d.ts

@@ -12,8 +12,9 @@ export declare class Profile {
    */
   private _el;
   private _dropdownOpen;
+  componentWillRender(): void;
   render(): any;
   private _getContent;
-  private _generateAvatar;
+  private _updateAvatar;
   private _getIcon;
 }

package/dist/types/components/molecules/select/select.component.d.ts

@@ -0,0 +1,141 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { IconVariant } from '../../atoms/icon/icon.component';
+export declare class Select {
+  /**
+   * The items to show in the dropdown
+   */
+  items: string | any[];
+  /**
+   * Icon of the select box
+   */
+  icon: IconVariant;
+  /**
+   * The current query
+   */
+  query: string;
+  /**
+   * The placeholder of the input
+   */
+  placeholder: string;
+  /**
+   * The placeholder of the input when auto completing
+   */
+  autocompletePlaceholder: string;
+  /**
+   * The current value
+   */
+  value: any;
+  /**
+   * The key of the object to display
+   */
+  displayKey: string;
+  /**
+   * The key of the object to return
+   */
+  valueKey: string;
+  /**
+   * The key to identify an object
+   */
+  identifierKey: string;
+  /**
+   * The key of the object to display
+   */
+  queryKey?: string;
+  /**
+   * Wether to automatically select the first item
+   */
+  autoSelectFirst: boolean;
+  /**
+   * Wether to show the chevron or not
+   */
+  showChevron: boolean;
+  /**
+   * The maximum amount of items to display
+   */
+  maxDisplayedItems: number;
+  /**
+   * Wether to enable autocomplete
+   */
+  enableAutocomplete: boolean;
+  /**
+   * Wether to keep the query or not
+   */
+  keepQuery: boolean;
+  /**
+   * Wether the input uses async filtering
+   */
+  asyncFilter: boolean;
+  /**
+   * Wether to show loading items
+   */
+  loading: boolean;
+  /**
+   * Event when the query of the autocomplete changes
+   */
+  queryChange: EventEmitter<string>;
+  /**
+   * Event when the value changes
+   */
+  valueChange: EventEmitter<any>;
+  /**
+   * Event when the dropdown shows
+   */
+  dropdownShown: EventEmitter<any>;
+  /**
+   * The size of the input group used by the select
+   */
+  size: 'small' | 'medium';
+  /**
+   * The prefix of the input group used by the select
+   */
+  prefix: string;
+  /**
+   * The label of the input group used by the select
+   */
+  label: string;
+  /**
+   * The helper of the input group used by the select
+   */
+  helper: string;
+  /**
+   * Wether the field is required
+   */
+  required: boolean;
+  /**
+   * The helper of the input group used by the select
+   */
+  error: string;
+  /**
+   * Wether the input group is disabled used by the select
+   */
+  disabled: boolean;
+  /**
+   * The host element
+   */
+  private _el;
+  private _showDropdown;
+  private _selectedItem;
+  private _isAutoCompleting;
+  get _items(): any;
+  get _displayValue(): any;
+  get _placeholder(): string;
+  get _identifierKey(): string;
+  componentDidLoad(): void;
+  render(): any;
+  protected documentClickHandler({ target }: {
+    target: any;
+  }): void;
+  private _valueChange;
+  itemChanges(): void;
+  _showDropdownChanges(): void;
+  private _preselectItem;
+  private _selectValue;
+  private _onFocus;
+  private _onMouseDown;
+  private _onClick;
+  private _onBlur;
+  private _onChange;
+  private _checkvalue;
+  private _getItems;
+  private _getLoadingItems;
+}

package/dist/types/components/molecules/stepper/stepper.component.d.ts

@@ -7,12 +7,15 @@ export declare class Stepper {
    * The direction of the stepper
    */
   direction: 'horizontal' | 'vertical';
+  /**
+   * The position of the content in case of vertical direction
+   */
+  contentPosition: 'start' | 'end';
   /**
    * The host element
    */
   private _el;
-  private _steps;
-  componentWillRender(): void;
+  componentDidRender(): void;
   render(): any;
   private _generateSteps;
 }