@mozaic-ds/web-components 1.0.0-alpha.0 → 1.0.0-alpha.2

package/public/components/datatable/datatable-default-selection-label.nested.svelte

@@ -1,56 +0,0 @@
-<script lang="ts">
-  import type { SelectionParams } from './datatable.types';
-
-  export let itemsSelection: boolean;
-  export let selectionParams: SelectionParams | undefined;
-  export let showSelectionCount: boolean;
-</script>
-
-<div class="mc-datatable__topbar-selection">
-  {#if itemsSelection && showSelectionCount && selectionParams != null}
-    <div class="center-selection-label">
-      {#if selectionParams?.allSelected}
-        {#if selectionParams?.excludedIdsFromSelection.length > 0}
-          <span
-            ><b
-              >{selectionParams?.totalItems -
-                selectionParams?.excludedIdsFromSelection.length}
-              {selectionParams?.selectedLabel || 'selected'}</b
-            >
-          </span>
-        {:else}
-          <span
-            ><b
-              >{selectionParams?.totalItems +
-                ' ' +
-                selectionParams?.selectedLabel || 'selected'}</b
-            >
-          </span>
-        {/if}
-      {:else}
-        <span
-          ><b
-            >{selectionParams?.idsSelected.length}
-            {selectionParams?.selectedLabel || 'selected'}</b
-          >
-        </span>
-      {/if}
-    </div>
-  {/if}
-</div>
-
-<style lang="scss">
-  .mc-datatable__topbar-selection {
-    margin-left: 1rem;
-  }
-
-  .center-selection-label {
-    text-align: center;
-  }
-
-  .center-selection-label span {
-    line-height: 2;
-    display: inline-block;
-    vertical-align: middle;
-  }
-</style>

package/public/components/datatable/datatable-default-selection.nested.svelte

@@ -1,85 +0,0 @@
-<script lang="ts">
-  import { createEventDispatcher } from 'svelte';
-  // @ts-ignore Need to use internal Svelte function
-  import { get_current_component } from 'svelte/internal';
-  import { EventHandler } from '../../utilities/EventHandler';
-  import type { SelectionParams } from './datatable.types';
-
-  export let itemsSelection: boolean;
-  export let selectionParams: SelectionParams | undefined;
-  export let showSelectionCount: boolean;
-  export let allItems: boolean;
-
-  let eventHandler = new EventHandler(
-    get_current_component(),
-    createEventDispatcher(),
-  );
-
-  function emitEvent(name: string, detail?: CustomEvent['detail']) {
-    eventHandler.dispatch(name, detail || {});
-  }
-</script>
-
-<div class="mc-datatable__topbar-selection">
-  {#if itemsSelection && showSelectionCount && selectionParams != null && (selectionParams?.idsSelected.length || selectionParams?.allSelected)}
-    <div class="center-selection-label">
-      {#if selectionParams?.idsSelected.length < selectionParams.totalItems && allItems && !selectionParams?.allSelected}
-        <!-- All page selected -->
-        <span
-          ><b
-            >{selectionParams?.idsSelected.length}
-            {selectionParams?.selectedLabel || 'selected'}</b
-          >
-          {selectionParams?.rowsOnPageLabel || 'rows on the page. '}-
-          <a href="/" on:click|preventDefault={() => emitEvent('select-all')}
-            >{selectionParams?.selectAllLabel || 'Select all'}
-            {selectionParams?.totalItems}
-            {selectionParams?.rowsOfTableLabel || 'rows of the table'}</a
-          >
-        </span>
-      {:else if selectionParams?.allSelected}
-        {#if selectionParams?.excludedIdsFromSelection.length > 0}
-          <span
-            ><b
-              >{selectionParams?.totalItems -
-                selectionParams?.excludedIdsFromSelection.length}
-              {selectionParams?.selectedLabel || 'selected'}</b
-            >
-            {selectionParams?.rowsOnPageLabel || 'rows on the page. '}-
-            <a href="/" on:click|preventDefault={() => emitEvent('select-all')}
-              >{selectionParams?.selectAllLabel || 'Select all'}
-              {selectionParams?.totalItems}
-              {selectionParams?.rowsOfTableLabel || 'rows of the table'}</a
-            >
-          </span>
-        {:else}
-          <span
-            >{selectionParams?.rowsSelectedLabel ||
-              'All rows are selected in the table.'} -
-            <a
-              href="/"
-              on:click|preventDefault={() => emitEvent('clear-selection')}
-              >{selectionParams?.clearSelectionLabel || 'Clear selection'}</a
-            >
-          </span>
-        {/if}
-      {/if}
-    </div>
-  {/if}
-</div>
-
-<style lang="scss">
-  .mc-datatable__topbar-selection {
-    width: 100%;
-    background-color: white;
-    border-radius: 4px;
-  }
-
-  .center-selection-label {
-    text-align: center;
-  }
-
-  .center-selection-label span {
-    line-height: 2;
-  }
-</style>

package/public/components/datatable/datatable.types.d.ts

@@ -1,170 +0,0 @@
-export type TableOptions = {
-    dataTableId: string;
-    loading?: boolean;
-    showTopbarAction?: boolean;
-    showTopbarEdition?: boolean;
-    showFilterTags?: boolean;
-    filterTags?: Filter[];
-    showFooter?: boolean;
-    showColumnHeaders?: boolean;
-    itemsLabel?: string;
-    pageLabel?: string;
-    resetFiltersLabel?: string;
-    removeFilterLabel?: string;
-    rowsPerPageLabel?: string;
-    itemsSelection?: boolean;
-    showItemsCount?: boolean;
-    useOnePageSorting?: boolean;
-    optionsButton?: boolean;
-    hideOptionsButton?: Array<string>;
-    e2eAttributeSuffix?: string;
-    sortedParams?: SortParams;
-    heightToBeRemoved?: number;
-    showSelectionCount?: boolean;
-    selectionParams?: SelectionParams;
-    disableSelection?: boolean;
-    searchPlaceholder?: string;
-    showAllPages?: boolean;
-    itemsPerPageOptions?: Array<number>;
-    activateSettings?: boolean;
-    applyButtonSettingsLabel?: string;
-    resetButtonSettingsLabel?: string;
-    fixedFirstColumn?: boolean;
-    fixedFirstColumnLabel?: string;
-    searchValue?: string;
-    clickableRow?: boolean;
-    toggleLabel?: string;
-    showToggle?: boolean;
-    toggleValue?: boolean;
-    hideDownloadButton?: boolean;
-    disabledEdit?: boolean;
-    disabledDownload?: boolean;
-    filterLabel?: string;
-    fixCheckbox?: boolean;
-    hideSettingsCol?: Array<string>;
-    layerBodyTitleSettingsLabel?: string;
-    layerColumnTitleSettingsLabel?: string;
-    layerTitleSettingsLabel?: string;
-    filterTagsMax?: number;
-    filterReduceLabel?: string;
-    filterShowLabel?: string;
-};
-export type TableBodyDatas = {
-    headDatas: HeadData[];
-    bodyDatas: BodyData[];
-};
-export type HeadData = {
-    id: string;
-    label: string;
-    sortable?: boolean;
-    sortColumn?: string;
-    cellsFormat: CellsFormat;
-    textAlign?: string;
-    fixedColumn?: boolean;
-    hideColumn?: boolean;
-    width?: string;
-};
-export type BodyData = {
-    id: string;
-    selected?: boolean;
-    expanded?: boolean;
-    disableSelection?: boolean;
-    subRow?: SubRow;
-    cells: Cells;
-};
-export type CellsFormat = 'Text' | 'Number' | 'Image' | 'Badge' | 'Link' | 'LinkWithoutRedirect' | 'CheckBox' | 'IconButton' | 'CustomText' | 'ProgressBar' | 'FileFormat' | 'InputText' | 'Button';
-export type Cells = {
-    [key: string]: CellValue;
-};
-export type CellValue = string | number | Image | Badge | Link | ProgressBar | Button | IconButton | CustomText | SubRow | FileFormat | InputText | string[];
-export type Image = {
-    src: string;
-    style?: string;
-};
-export type Badge = {
-    content: string;
-    theme?: 'info' | 'success' | 'warning' | 'danger' | 'neutral';
-};
-export type Link = {
-    text: string;
-    href: string;
-};
-export type Button = {
-    label?: string;
-    theme?: string;
-    iconname?: string;
-    iconmode?: string;
-    size?: string;
-    bordered?: boolean;
-    disabled?: boolean;
-};
-export type InputText = {
-    placeholder?: string;
-    value?: string;
-    type?: 'text';
-    name?: string;
-    min?: string;
-    max?: string;
-    rightalign?: boolean;
-    isvalid?: boolean;
-    isinvalid?: boolean;
-    disabled?: boolean;
-};
-export type ProgressBar = {
-    value: string;
-    displaypercentage: boolean;
-    size: string;
-    branded?: boolean;
-    labelOnLeft?: boolean;
-};
-export type FileFormat = {
-    documentName: string;
-    documentNameTooltip: string;
-    date?: string;
-    loader?: string;
-    style?: string;
-};
-export type IconButton = {
-    svg: string;
-    function?: string;
-};
-export type CustomText = CustomTextItem[];
-export type CustomTextItem = {
-    text: string;
-    style?: string;
-};
-export type SubRow = {
-    headDatas: HeadData[];
-    bodyDatas: BodyData[];
-    expanded?: boolean;
-};
-export type TableFooterDatas = {
-    currentPage?: number;
-    totalItems?: number;
-    itemsPerPage?: number;
-};
-export type SortParams = {
-    columnId: string;
-    direction: SortDirection;
-};
-export type SortDirection = 'na' | 'asc' | 'desc';
-export type Filter = {
-    label: string;
-    id: string;
-};
-export interface AllItemsCheckbox extends HTMLElement {
-    indeterminate: boolean;
-}
-export type SelectionParams = {
-    totalItems: number;
-    allSelected: boolean;
-    excludedIdsFromSelection: string[];
-    idsSelected: string[];
-    selectedLabel?: string;
-    rowsOnPageLabel?: string;
-    rowsOfTableLabel?: string;
-    selectAllLabel?: string;
-    rowsSelectedLabel?: string;
-    clearSelectionLabel?: string;
-};
-//# sourceMappingURL=datatable.types.d.ts.map

package/public/components/datatable/datatable.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"datatable.types.d.ts","sourceRoot":"","sources":["../../../src/components/datatable/datatable.types.ts"],"names":[],"mappings":"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"}