@paperless/core 0.1.0-alpha.33 → 0.1.0-alpha.331

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

@@ -1,13 +1,30 @@
+import { Placement, PositioningStrategy } from '@popperjs/core';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class Dropdown {
   /**
    * The content of the dropdown menu
    */
-  placement: 'bottom' | 'top';
+  placement: Placement;
+  /**
+   * The strategy of the popover placement
+   */
+  strategy: PositioningStrategy;
   /**
    * 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
    */
@@ -16,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
    */
@@ -26,15 +51,17 @@ export declare class Dropdown {
   isOpen: EventEmitter<boolean>;
   private _loaded;
   private _popper;
+  private _trigger;
   private _menu;
   componentShouldUpdate(): 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;

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

@@ -0,0 +1,67 @@
+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
+   */
+  prefix: string;
+  /**
+   * The suffix of the input group
+   */
+  suffix: string;
+  /**
+   * Icon of the navigation item
+   */
+  icon: IconVariant;
+  /**
+   * Icon flip
+   */
+  iconFlip: IconFlipOptions;
+  /**
+   * Icon rotate
+   */
+  iconRotate: RotateOptions;
+  /**
+   * Icon position
+   */
+  iconPosition: 'start' | 'end';
+  /**
+   * The label of the input group
+   */
+  label: string;
+  /**
+   * The helper of the input group
+   */
+  helper: string;
+  /**
+   * Wether the field is required
+   */
+  required: boolean;
+  /**
+   * The helper of the input group
+   */
+  error: string;
+  /**
+   * Wether the input group is disabled
+   */
+  disabled: boolean;
+  /**
+   * Wether the input group is focused
+   */
+  focused: boolean;
+  /**
+   * The host element
+   */
+  private _el;
+  private _showTooltip;
+  private _forceShowTooltip;
+  componentWillRender(): void;
+  render(): any;
+  handleFocusIn(): void;
+  handleFocusOut(): void;
+  private _setInputClasses;
+}

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 declare 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

@@ -0,0 +1,20 @@
+export declare class Profile {
+  /**
+   * The variant of the profile
+   */
+  variant: 'company' | 'user';
+  /**
+   * The size of the profile avatar
+   */
+  size: 'small' | 'medium' | 'large';
+  /**
+   * The host element
+   */
+  private _el;
+  private _dropdownOpen;
+  componentWillRender(): void;
+  render(): any;
+  private _getContent;
+  private _updateAvatar;
+  private _getIcon;
+}

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

@@ -0,0 +1,115 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class Select {
+  /**
+   * The items to show in the dropdown
+   */
+  items: string | any[];
+  /**
+   * 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 of the object to display
+   */
+  queryKey?: string;
+  /**
+   * Wether to automatically select the first item
+   */
+  autoSelectFirst: boolean;
+  /**
+   * The maximum amount of items to display
+   */
+  maxDisplayedItems: number;
+  /**
+   * Wether to enable autocomplete
+   */
+  enableAutocomplete: 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>;
+  /**
+   * 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;
+  /**
+   * 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;
+  private _inputRef;
+  get _items(): any;
+  get _displayValue(): any;
+  get _placeholder(): string;
+  componentDidLoad(): void;
+  render(): any;
+  protected documentClickHandler({ target }: {
+    target: any;
+  }): void;
+  private _valueChange;
+  itemChanges(): 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

@@ -0,0 +1,18 @@
+export declare class Stepper {
+  /**
+   * The currently active step
+   */
+  activeStep: number;
+  /**
+   * The direction of the stepper
+   */
+  direction: 'horizontal' | 'vertical';
+  /**
+   * The host element
+   */
+  private _el;
+  private _steps;
+  componentWillRender(): void;
+  render(): any;
+  private _generateSteps;
+}

package/dist/types/components/molecules/table-cell/table-cell.component.d.ts

@@ -0,0 +1,42 @@
+import { TableDefinitionData, TableDefinitionTemplateFunc } from '../../../types';
+import { TableColumn } from '../../helpers/table-column/table-column.component';
+export declare class TableCell {
+  /**
+   * The variant of the column
+   */
+  variant: 'default' | 'loading' | 'header';
+  /**
+   * The index of the column
+   */
+  index: number;
+  /**
+   * The index of the row
+   */
+  rowIndex: number;
+  /**
+   * The definition of the table column
+   */
+  definition?: TableColumn;
+  /**
+   * The item in question
+   */
+  item: any;
+  /**
+   * The value of the column
+   */
+  value: any;
+  /**
+   * The checkbox to show
+   */
+  checkbox: any;
+  /**
+   * The template to show
+   */
+  template: TableDefinitionTemplateFunc;
+  get data(): TableDefinitionData | {
+    value: string;
+  };
+  render(): any;
+  private _getColumnClasses;
+  private _getSizes;
+}

package/dist/types/components/molecules/table-footer/table-footer.component.d.ts

@@ -0,0 +1,63 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class TableFooter {
+  /**
+   * Wether to enable page size select
+   */
+  enablePageSize: boolean;
+  /**
+   * Wether to enable pagination
+   */
+  enablePagination: boolean;
+  /**
+   * Wether to enable export
+   */
+  enableExport: boolean;
+  /**
+   * Wether we want to show loading state
+   */
+  loading: boolean;
+  /**
+   * The current page
+   */
+  page: number;
+  /**
+   * The total amount of items
+   */
+  total: number;
+  /**
+   * Event whenever the page changes
+   */
+  pageChange: EventEmitter<number>;
+  /**
+   * The amount of items per page
+   */
+  pageSize: number;
+  /**
+   * The options for the page size
+   */
+  pageSizeOptions: number[];
+  /**
+   * Event whenever the page changes
+   */
+  pageSizeChange: EventEmitter<number>;
+  /**
+   * Event whenever the page changes
+   */
+  export: EventEmitter<number>;
+  /**
+   * Wether to hide when there is only 1 page available
+   */
+  hideOnSinglePage: boolean;
+  /**
+   * The host element
+   */
+  private _el;
+  /**
+   * Locales used for this component
+   */
+  private _locales;
+  componentWillLoad(): void;
+  render(): any;
+  private _setLocales;
+  private _changePageSize;
+}

package/dist/types/components/molecules/table-header/table-header.component.d.ts

@@ -0,0 +1,87 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { QuickFilter } from '../../../types/table';
+export declare type templateFunc = () => string;
+export declare type buttonTemplateFunc = (amount: number) => string;
+export declare class TableHeader {
+  private _defaultFilterButtonTemplate;
+  private _defaultEditButtonTemplate;
+  /**
+   * Quick filters to show
+   */
+  quickFilters: QuickFilter[];
+  /**
+   * Active quick filter identifier
+   */
+  activeQuickFilterIdentifier: string;
+  /**
+   * Wether we want to show loading state
+   */
+  loading: boolean;
+  /**
+   * Wether to show the search input
+   */
+  enableSearch: boolean;
+  /**
+   * The amount of items that are selected
+   */
+  itemsSelectedAmount: number;
+  /**
+   * The query to show in the search bar
+   */
+  query: string;
+  /**
+   * Wether to show the filter button
+   */
+  enableFilter: boolean;
+  /**
+   * The amount of filters being selected
+   */
+  selectedFiltersAmount: number;
+  /**
+   * The template for the filter button text
+   */
+  filterButtonTemplate: templateFunc;
+  /**
+   * Wether to show the edit button
+   */
+  enableEdit: boolean;
+  /**
+   * Wether to enable the edit button
+   */
+  canEdit: boolean;
+  /**
+   * The template for the edit button text
+   */
+  editButtonTemplate: buttonTemplateFunc;
+  /**
+   * Event when one of the quick filters is clicked
+   */
+  quickFilter: EventEmitter<QuickFilter>;
+  /**
+   * Event when the query changes
+   */
+  queryChange: EventEmitter<string>;
+  /**
+   * Event when the filter button is clicked
+   */
+  filter: EventEmitter<null>;
+  /**
+   * Event when the edit button is clicked
+   */
+  edit: EventEmitter<null>;
+  /**
+   * The host element
+   */
+  private _el;
+  /**
+   * Locales used for this component
+   */
+  private _locales;
+  private _queryObserver;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  render(): any;
+  private _setLocales;
+  private _buttonTemplate;
+  private _getLabel;
+}

package/dist/types/components/molecules/table-row/table-row.component.d.ts

@@ -0,0 +1,11 @@
+export declare class TableRow {
+  /**
+   * Variant of the header
+   */
+  variant: 'default' | 'header';
+  /**
+   * Enable hover
+   */
+  enableHover: boolean;
+  render(): any;
+}

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

@@ -0,0 +1,39 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { RotateOptions } from '../../../types';
+import { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';
+export declare class Toast {
+  /**
+   * The variant of the toast
+   */
+  variant: 'positive' | 'unbiased' | 'negative';
+  /**
+   * The header of the toast
+   */
+  header?: string;
+  /**
+   * The content of the toast
+   */
+  content?: string;
+  /**
+   * Wether to enable the close button
+   */
+  enableAction: boolean;
+  /**
+   * Icon to show on the button
+   */
+  actionIcon: IconVariant;
+  /**
+   * Icon flip
+   */
+  actionIconFlip: IconFlipOptions;
+  /**
+   * Icon rotate
+   */
+  actionIconRotate: RotateOptions;
+  /**
+   * Button click event
+   */
+  action: EventEmitter<MouseEvent>;
+  render(): any;
+  private _onClick;
+}

package/dist/types/components/organisms/drawer/drawer.component.d.ts

@@ -0,0 +1,52 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class Drawer {
+  /**
+   * The Header of the drawer
+   */
+  header?: string;
+  /**
+   * Wether to show the drawer or not
+   */
+  show: boolean;
+  /**
+   * Wether to apply blur to the backdrop
+   */
+  applyBlur: boolean;
+  /**
+   * Wether to show the close on mobile in the header
+   */
+  showClose: boolean;
+  /**
+   * Wether to hide the drawer when the backdrop is clicked
+   */
+  backdropClickClose: boolean;
+  /**
+   * Wether the drawer can be closed
+   */
+  canClose: boolean;
+  /**
+   * Wether we should scroll lock the body
+   */
+  scrollLock: boolean;
+  /**
+   * Close click event
+   */
+  closeClicked: EventEmitter<{
+    event: MouseEvent;
+    canClose: boolean;
+  }>;
+  /**
+   * Closed event
+   */
+  closed: EventEmitter<null>;
+  /**
+   * The host element
+   */
+  private _el;
+  private _hasHeaderSlot;
+  private _closing;
+  componentWillLoad(): void;
+  render(): any;
+  private _backdropClick;
+  close(ev: MouseEvent): void;
+}