@paperless/core 0.1.0-alpha.99 → 1.3.0

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;
+}

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;
+}

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

@@ -11,28 +11,48 @@ export declare class Modal {
   /**
    * The Header of the modal
    */
-  header: string;
+  header?: string;
   /**
    * Wether to show the modal or not
    */
   show: boolean;
   /**
-   * Wether to show the close on mobile in the header
+   * Wether to apply blur to the backdrop
    */
-  showMobileClose: boolean;
+  applyBlur: boolean;
+  /**
+   * Wether to show the close button in the header
+   */
+  showClose: boolean;
   /**
    * Wether to show the footer on mobile
    */
   showMobileFooter: boolean;
+  /**
+   * Wether to hide the modal when the backdrop is clicked
+   */
+  backdropClickClose: boolean;
+  /**
+   * Wether we should scroll lock the body
+   */
+  scrollLock: boolean;
   /**
    * Close click event
    */
-  close: EventEmitter<MouseEvent>;
+  closeClicked: EventEmitter<MouseEvent>;
+  /**
+   * Closed event
+   */
+  closed: EventEmitter<null>;
   /**
    * The host element
    */
   private _el;
   private _hasFooterSlot;
+  private _hasHeaderSlot;
+  private _closing;
   componentWillLoad(): void;
   render(): any;
+  private _backdropClick;
+  close(ev: MouseEvent): void;
 }

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

@@ -0,0 +1,240 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { IconVariant } from '../../../components';
+import { QuickFilter, RowClickEvent } from '../../../types/table';
+import { buttonTemplateFunc } from '../../molecules/table-header/table-header.component';
+export type templateFunc = () => string;
+export declare class Table {
+  /**
+   * The items to be fed to the table
+   */
+  items: string;
+  /**
+   * Wether data is loading
+   */
+  loading: boolean;
+  /**
+   * Wether the header should show loading state
+   */
+  headerLoading: boolean;
+  /**
+   * Wether the footer should show loading state
+   */
+  footerLoading: boolean;
+  /**
+   * The amount of loading rows to show
+   */
+  amountOfLoadingRows: number;
+  /**
+   * Wether to enable selection
+   */
+  enableRowSelection: boolean;
+  /**
+   * Wether to enable row clicking
+   */
+  enableRowClick: boolean;
+  /**
+   * The current selection of items
+   */
+  selectedRows: any[];
+  /**
+   * Event whenever the current selection changes
+   */
+  selectedRowsChange: EventEmitter<any>;
+  /**
+   * The key to determine if a row is selected
+   */
+  selectionKey: string;
+  /**
+   * A key to determine if a row can be selected
+   */
+  canSelectKey: string;
+  /**
+   * Event whenever a row is clicked
+   */
+  rowClick: EventEmitter<RowClickEvent>;
+  /**
+   * Event whenever a row is selected
+   */
+  rowSelected: EventEmitter<any>;
+  /**
+   * Event whenever a row is deselected
+   */
+  rowDeselected: EventEmitter<any>;
+  /**
+   * Event when the table has rendered
+   */
+  hasRendered: EventEmitter<number>;
+  /** START HEADER */
+  /**
+   * Wether to show the header
+   */
+  enableHeader: boolean;
+  /**
+   * Quick filters to show
+   */
+  quickFilters: QuickFilter[];
+  /**
+   * Active quick filter identifier
+   */
+  activeQuickFilterIdentifier: string;
+  /**
+   * Wether to show the search input
+   */
+  enableSearch: boolean;
+  /**
+   * 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
+   */
+  editButtonLoading: boolean;
+  /**
+   * The edit button icon
+   */
+  editButtonIcon: IconVariant;
+  /**
+   * The edit button text if changed
+   */
+  editButtonText: string;
+  /**
+   * 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>;
+  /** START FOOTER */
+  /**
+   * Wether to show the header
+   */
+  enableFooter: boolean;
+  /**
+   * Wether to enable page size select
+   */
+  enablePageSize: boolean;
+  /**
+   * Wether to enable pagination
+   */
+  enablePagination: boolean;
+  /**
+   * Wether to enable export
+   */
+  enableExport: 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;
+  emptyStateHeader: templateFunc;
+  emptyStateContent: templateFunc;
+  emptyStateAction: templateFunc;
+  /**
+   * Wether to enable empty state action
+   */
+  enableEmptyStateAction: boolean;
+  emptyStateFilteredHeader: templateFunc;
+  emptyStateFilteredContent: templateFunc;
+  /**
+   * Event whenever the empty state is clicked
+   */
+  emptyStateActionClick: EventEmitter<null>;
+  /**
+   * The host element
+   */
+  private _el;
+  /**
+   * Locales used for this component
+   */
+  private _locales;
+  private _columns;
+  private _items;
+  private _ctrlDown;
+  private _hasCustomFilterSlot;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  render(): any;
+  private _setLocales;
+  onTableDefinitionUpdated(): void;
+  keyDown({ key }: {
+    key: any;
+  }): void;
+  keyUp({ key }: {
+    key: any;
+  }): void;
+  visibilityChange(): void;
+  private _parseItems;
+  private _generateColumns;
+  private _getHeader;
+  private _getRows;
+  private _getRowColumns;
+  private _getLoadingColumns;
+  private _getCheckbox;
+  private _getEmptyState;
+  private _selectAllChange;
+  private _checkboxChange;
+  private _getCheckedValue;
+  private _getSelectionValue;
+  private _selectionContains;
+  private _selectionContainsAll;
+  private _selectionIndeterminate;
+  private _rowClick;
+  private _findRow;
+  private _findRowAction;
+}