@paperless/core 0.1.0-alpha.43 → 0.1.0-alpha.430

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

@@ -1,13 +1,30 @@
+import { Placement, Strategy } from '@floating-ui/dom';
 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: 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
    */
@@ -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
    */
@@ -25,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

@@ -0,0 +1,68 @@
+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 input group
+   */
+  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 _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

@@ -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,139 @@
+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;
+  /**
+   * 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 _queryChanged;
+  private _inputRef;
+  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

@@ -0,0 +1,21 @@
+export declare class Stepper {
+  /**
+   * The currently active step
+   */
+  activeStep: number;
+  /**
+   * 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;
+  componentDidRender(): 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,101 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { IconVariant } from '../../../components';
+import { QuickFilter } from '../../../types/table';
+export type templateFunc = () => string;
+export 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 the edit button is loading
+   */
+  editLoading: boolean;
+  /**
+   * The edit button icon
+   */
+  editIcon: IconVariant;
+  /**
+   * The edit button text if changed
+   */
+  editText: string;
+  /**
+   * 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;
+  private _hasCustomFilterSlot;
+  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;
+}