@dcs-tech/ui 0.2.0 → 0.3.0

package/dist/types/shared-web-ui/src/DataTable/labels.d.ts

@@ -0,0 +1,618 @@
+import type { DataTableSummaryAnyChart } from './types';
+export declare const DEFAULT_DATA_TABLE_LABELS: {
+    toolbar: string;
+    search: string;
+    searchPlaceholder: string;
+    closeSearch: string;
+    quickFilter: string;
+    quickFilterOn: (name: string) => string;
+    closeQuickFilter: string;
+    quickFilterAll: string;
+    quickFilterGroup: string;
+    savedFilterGroup: string;
+    searchShortcutHint: string;
+    selectRows: string;
+    stopSelecting: string;
+    columns: string;
+    cardFieldsButton: string;
+    listFieldsButton: string;
+    columnFilters: string;
+    layout: string;
+    layoutCurrent: (layout: string) => string;
+    layoutTable: string;
+    layoutCards: string;
+    layoutSplit: string;
+    expandAllCards: string;
+    collapseAllCards: string;
+    sort: string;
+    sortOn: string;
+    filters: string;
+    filtersOn: (n: string) => string;
+    showFilterRow: string;
+    hideFilterRow: string;
+    rowsInfo: (total: string) => string;
+    rowsInfoFiltered: (shown: string, total: string) => string;
+    viewN: (n: string) => string;
+    viewCountCounting: string;
+    viewCountFailed: string;
+    scrollBack: string;
+    scrollForward: string;
+    statusRow: string;
+    rowNoun: string;
+    statusAll: (count: string, noun: string) => string;
+    statusSome: (count: string, noun: string) => string;
+    statusDefaultSort: (column: string, order: string) => string;
+    statusDefaultSortTitle: (column: string, order: string) => string;
+    clear: string;
+    clearAllChips: string;
+    selectingHint: string;
+    chipEmpty: string;
+    bulkActions: string;
+    selectedCount: (n: string) => string;
+    allMatchingSelected: (n: string) => string;
+    selectAll: string;
+    selectAllCount: (n: string) => string;
+    selectAllMatching: (n: string) => string;
+    clearSelection: string;
+    sortAsc: string;
+    sortDesc: string;
+    sortAscNumber: string;
+    sortDescNumber: string;
+    sortAscDate: string;
+    sortDescDate: string;
+    removeSort: (column: string) => string;
+    removeFilter: (column: string) => string;
+    bulkNeedsAtLeast: (n: string) => string;
+    bulkAtMost: (n: string) => string;
+    bulkNoEligible: string;
+    bulkNotEligible: string;
+    bulkNotForAllMatching: string;
+    bulkConfirmTitle: (action: string, n: string) => string;
+    bulkConfirmCount: (n: string) => string;
+    bulkConfirmSkipped: (n: string) => string;
+    bulkConfirm: string;
+    bulkRunning: string;
+    bulkResult: (done: string, skipped: string) => string;
+    bulkResultDone: (done: string) => string;
+    bulkFailed: string;
+    undo: string;
+    undone: string;
+    undoFailed: string;
+    dismiss: string;
+    dataTable: string;
+    selectAllRows: string;
+    selectRow: (n: string) => string;
+    open: string;
+    moreActions: string;
+    actions: string;
+    expandRow: string;
+    collapseRow: string;
+    showMore: string;
+    showLess: string;
+    total: string;
+    yes: string;
+    no: string;
+    empty: string;
+    loading: string;
+    loadError: string;
+    rowsHidden: string;
+    retry: string;
+    devAction: string;
+    devActionTooltip: string;
+    rowMenu: (title: string) => string;
+    copyCell: string;
+    copyCellShort: string;
+    copyRow: string;
+    copyRowShort: string;
+    copySelected: (n: string) => string;
+    copySelectedShort: string;
+    copied: string;
+    copiedRows: (n: string) => string;
+    copyFailed: string;
+    selectRowMenu: string;
+    unselectRowMenu: string;
+    filterOnly: (value: string) => string;
+    filterAdd: (value: string) => string;
+    filterHide: (value: string) => string;
+    filterOnlyShort: string;
+    filterAddShort: string;
+    filterHideShort: string;
+    filterBy: string;
+    filterByShort: string;
+    openInNewTab: string;
+    openInNewTabShort: string;
+    closeEsc: string;
+    back: string;
+    closeDetail: string;
+    detailEmpty: string;
+    detailList: string;
+    detailPrevious: string;
+    detailNext: string;
+    detailPosition: (n: string, count: string) => string;
+    columnMenu: (column: string) => string;
+    sortWith: (order: string) => string;
+    hideColumn: string;
+    filterByColumn: string;
+    filterColumn: (column: string) => string;
+    filterColumnActive: (column: string) => string;
+    autoFitColumn: string;
+    pinLeft: string;
+    pinRight: string;
+    unpin: string;
+    filterRow: string;
+    filterRowContains: string;
+    filterRowMin: string;
+    filterRowMax: string;
+    filterRowFrom: string;
+    filterRowTo: string;
+    filterRowAny: string;
+    clearFilterRow: string;
+    columnFilterAnyOf: string;
+    columnFilterNoneOf: string;
+    columnFilterSearch: string;
+    columnFilterNoMatches: string;
+    gridKeysHint: string;
+    shortcutsTitle: string;
+    shortcutsSubtitle: string;
+    shortcutsNavigation: string;
+    shortcutsSelecting: string;
+    shortcutsRow: string;
+    shortcutsActions: string;
+    shortcutsTable: string;
+    kbMove: string;
+    kbHomeEnd: string;
+    kbFirstLast: string;
+    kbPage: string;
+    kbOpen: string;
+    kbExpand: string;
+    kbToggle: string;
+    kbRange: string;
+    kbSelectPage: string;
+    kbCopyCell: string;
+    kbCopyRow: string;
+    kbEscape: string;
+    kbSearch: string;
+    kbMenu: string;
+    kbHelp: string;
+    kbFilterOnly: string;
+    kbFilterHide: string;
+    selectionCleared: string;
+    groupButton: string;
+    groupButtonOn: (columns: string) => string;
+    groupMenu: string;
+    groupNone: string;
+    groupMaxDepth: (n: string) => string;
+    groupByColumn: (column: string) => string;
+    ungroupColumn: (column: string) => string;
+    groupedBy: string;
+    groupThenBy: string;
+    groupLevel: (column: string) => string;
+    groupRemoveLevel: (column: string) => string;
+    expandAllGroups: string;
+    collapseAllGroups: string;
+    groupEmpty: string;
+    groupContinued: string;
+    groupRows: (n: string) => string;
+    groupExpand: (group: string) => string;
+    groupCollapse: (group: string) => string;
+    groupShowAll: (n: string, group: string) => string;
+    groupShowingFirst: (shown: string, total: string) => string;
+    groupLoadError: string;
+    selectGroup: (group: string) => string;
+    groupSelected: (n: string, group: string) => string;
+    viewMenu: (view: string) => string;
+    shareView: string;
+    shareTitle: string;
+    shareSubtitle: string;
+    shareName: string;
+    shareWith: string;
+    shareNoAudiences: string;
+    shareSubmit: string;
+    shareDone: string;
+    shareFailed: string;
+    sharedBy: (name: string) => string;
+    sharedByYou: string;
+    sharedReadOnly: string;
+    stopSharing: string;
+    saveCopy: string;
+    copySaved: (name: string) => string;
+    copyName: (name: string) => string;
+    pageAll: string;
+    pageAllRows: (n: string) => string;
+    pageRange: (from: string, to: string, total: string) => string;
+    pageNoRows: string;
+    pageOf: (n: string, count: string) => string;
+    firstPage: string;
+    previousPage: string;
+    nextPage: string;
+    lastPage: string;
+    goToPage: string;
+    goToPageInput: string;
+    perPage: string;
+    rowsPerPage: string;
+    display: string;
+    fontSize: string;
+    density: string;
+    densityCompact: string;
+    densityDefault: string;
+    densityComfortable: string;
+    fontS: string;
+    fontM: string;
+    fontL: string;
+    fontXL: string;
+    columnWidth: string;
+    widthCompact: string;
+    widthFit: string;
+    widthWide: string;
+    actionDisplay: string;
+    shortcutsHint: string;
+    devTools: string;
+    on: string;
+    off: string;
+    manageViews: string;
+    columnSettings: string;
+    columnSettingsHint: string;
+    columnsTab: string;
+    actionsTab: string;
+    searchColumns: string;
+    showAll: string;
+    showNone: string;
+    alwaysShown: string;
+    pinnedLeft: string;
+    pinnedRight: string;
+    notPinned: string;
+    showActionColumn: string;
+    actionDisplayMode: string;
+    actionDisplayModeCard: string;
+    actionDisplayModeHint: string;
+    modeIcon: string;
+    modeLabel: string;
+    modeIconLabel: string;
+    modeLabelIcon: string;
+    reset: string;
+    cancel: string;
+    save: string;
+    apply: string;
+    close: string;
+    delete: string;
+    clearAll: string;
+    listEmpty: string;
+    moveUp: string;
+    moveDown: string;
+    sortTitle: string;
+    sortHint: string;
+    sortBy: string;
+    sortThenBy: string;
+    sortColumn: string;
+    sortAscendingHint: string;
+    sortDescendingHint: string;
+    sortRemoveLevel: string;
+    sortAddLevel: string;
+    filterTitle: string;
+    filterHint: string;
+    filterDefaultGroup: string;
+    filterConditionCount: (n: string, count: number) => string;
+    filterLoadSaved: string;
+    filterUpdateSaved: string;
+    savedFilterOffName: (name: string) => string;
+    savedFilterOffColumn: (column: string) => string;
+    savedFilterOffOperator: (column: string) => string;
+    savedFilterOffValue: (column: string) => string;
+    filterSaveAsNew: string;
+    filterSaveName: string;
+    filterJson: string;
+    filterAnd: string;
+    filterOr: string;
+    filterNot: string;
+    filterRemoveGroup: string;
+    filterAddCondition: string;
+    filterAddGroup: string;
+    filterColumnPlaceholder: string;
+    filterOperator: string;
+    filterEnabled: string;
+    filterRemoveCondition: string;
+    filterValue: string;
+    filterFrom: string;
+    filterTo: string;
+    filterRangeSeparator: string;
+    filterCount: string;
+    filterCommaValues: string;
+    filterTrue: string;
+    filterFalse: string;
+    filterRangeBoth: (from: string, to: string) => string;
+    filterRangeFrom: (from: string) => string;
+    filterRangeUntil: (to: string) => string;
+    date: string;
+    dateFrom: string;
+    dateTo: string;
+    op_contains: string;
+    op_not_contains: string;
+    op_starts_with: string;
+    op_ends_with: string;
+    op_equals: string;
+    op_not_equals: string;
+    op_regex: string;
+    op_is_empty: string;
+    op_is_not_empty: string;
+    op_gt: string;
+    op_gte: string;
+    op_lt: string;
+    op_lte: string;
+    op_between: string;
+    op_not_between: string;
+    op_in_range: string;
+    op_not_in_range: string;
+    op_before: string;
+    op_after: string;
+    op_is_true: string;
+    op_is_false: string;
+    op_is: string;
+    op_is_not: string;
+    op_is_any_of: string;
+    op_is_not_any_of: string;
+    op_includes: string;
+    op_not_includes: string;
+    op_includes_any: string;
+    op_includes_all: string;
+    op_includes_only: string;
+    op_length_equals: string;
+    op_length_gt: string;
+    op_length_gte: string;
+    op_length_lt: string;
+    op_length_lte: string;
+    op_length_between: string;
+    op_length_not_between: string;
+    summary: string;
+    summaryHeaderStrip: string;
+    summaryFooterStrip: string;
+    summaryOthers: string;
+    summaryCount: string;
+    summaryMonth: string;
+    summaryDay: string;
+    summaryStep: string;
+    summaryRest: string;
+    summaryNothing: string;
+    summaryLegend: string;
+    summaryChip: string;
+    summaryCounting: string;
+    summaryFailed: string;
+    summaryByColumn: (column: string) => string;
+    summaryLeastBy: (n: string, byColumn: string) => string;
+    summaryKindValue: string;
+    summaryKindRatio: string;
+    summaryKindBreakdown: string;
+    summaryKindTrend: string;
+    summaryKindFunnel: string;
+    summaryChartDonut: string;
+    summaryChartPie: string;
+    summaryChartBars: string;
+    summaryChartStacked: string;
+    summaryChartTreemap: string;
+    summaryChartColumns: string;
+    summaryChartLine: string;
+    summaryChartArea: string;
+    summaryChartGrouped: string;
+    summaryChartNumber: string;
+    summaryChartNumberTrend: string;
+    summaryChartShort: Partial<Record<DataTableSummaryAnyChart, string>>;
+    summaryChartBar: string;
+    summaryChartGauge: string;
+    summaryChartRing: string;
+    summaryChartCalendar: string;
+    summaryChartFunnel: string;
+    summaryMonths: (n: string, count: number) => string;
+    summaryYears: (n: string, count: number) => string;
+    summaryDays: (n: string, count: number) => string;
+    summaryVsPrevious: (n: string, period: "month" | "day") => string;
+    summaryDeltaUp: string;
+    summaryDeltaDown: string;
+    summaryDeltaSame: string;
+    summaryDeltaNew: string;
+    summaryOfTotal: (value: string, total: string) => string;
+    summaryShareOf: (share: string, total: string) => string;
+    summaryMoreValues: (n: string) => string;
+    summaryLess: string;
+    summaryMore: string;
+    summaryBusiest: string;
+    summaryFunnelOfFirst: string;
+    summaryFunnelDrop: string;
+    summaryShowTop: (n: string) => string;
+    summaryShowLeast: (n: string) => string;
+    summaryShowAll: string;
+    summaryWidthQuarter: string;
+    summaryWidthHalf: string;
+    summaryWidthFull: string;
+    summaryWidthAuto: (best: string) => string;
+    summaryWidthBetter: (best: string) => string;
+    summarySeeAll: (n: string) => string;
+    summaryAllOf: (title: string, n: string) => string;
+    summaryLoading: string;
+    summaryImageMenu: string;
+    summaryImageDownload: string;
+    summaryImageCopy: string;
+    summaryImageShare: string;
+    summaryImageCopied: string;
+    summaryImageFailed: string;
+    export: string;
+    exportTitle: string;
+    exportSettings: string;
+    exportRowsAll: (n: string) => string;
+    exportRowsSelected: (n: string) => string;
+    exportDownloadAs: (format: string) => string;
+    exportDownload: string;
+    exportShare: string;
+    exportPreview: string;
+    exportPrint: string;
+    exportFormat: string;
+    exportIncludeTotals: string;
+    exportIncludeSummary: string;
+    exportIncludeContext: string;
+    exportWorking: string;
+    exportFailed: string;
+    exportCustomizeColumns: string;
+    exportTemplateRows: (rows: string, total: string) => string;
+    exportHideMore: string;
+    exportMoreTemplates: (n: string, count: number) => string;
+    exportPreviewTitle: (label: string) => string;
+    exportPreviewRows: (shown: string, total: string) => string;
+    exportTableData: string;
+    exportPreviewLoadFailed: string;
+    exportLoadFailed: string;
+    exportGenerationFailed: string;
+    exportValidationFailed: string;
+    exportCapped: (shown: string, total: string) => string;
+    exportBusiness: string;
+    exportAddress: string;
+    exportPhone: string;
+    exportTaxNo: string;
+    exportFiltersLabel: string;
+    exportSearchLabel: string;
+    exportRowsLabel: string;
+    exportRowsTotal: (n: string) => string;
+    exportRowsFiltered: (n: string) => string;
+    exportRowsExported: (n: string) => string;
+    exportSummaryLabel: string;
+    exportItems: (n: string) => string;
+    exportGenerated: (date: string) => string;
+    exportGeneratedOn: (date: string) => string;
+    exportGeneratedFrom: string;
+    exportPage: (page: string, pages: string) => string;
+    exportHtmlSearch: string;
+    exportThemeLight: string;
+    exportThemeDark: string;
+    exportThemeSystem: string;
+    exportRecent: string;
+    exportRecentData: string;
+    exportDateLine: (date: string) => string;
+    esmTitle: string;
+    esmSubtitle: string;
+    esmTemplateSubtitle: string;
+    esmColumnsTab: string;
+    esmPageTab: string;
+    esmDataTab: string;
+    esmTemplateColumns: string;
+    esmExportColumns: string;
+    esmColumnsVisible: string;
+    esmColumnsCustom: string;
+    esmHidden: string;
+    esmColumnsSelected: (n: string, total: string) => string;
+    esmPageSize: string;
+    esmOrientation: string;
+    esmFontSize: string;
+    esmMargins: string;
+    esmAuto: string;
+    esmLetter: string;
+    esmLegal: string;
+    esmTabloid: string;
+    esmPortrait: string;
+    esmLandscape: string;
+    esmMarginDefault: string;
+    esmMarginCompact: string;
+    esmMarginTight: string;
+    esmDataOptions: string;
+    esmIncludeTotals: string;
+    esmIncludeBusiness: string;
+    esmIncludeContext: string;
+    esmContextFilters: string;
+    esmContextSearch: string;
+    esmContextSelection: string;
+    esmContextRows: string;
+    manageTitle: string;
+    manageSubtitle: string;
+    manageDefaultView: string;
+    manageTemplates: string;
+    manageTemplatesOf: (view: string) => string;
+    manageNoTemplates: string;
+    manageUpfront: string;
+    manageMore: string;
+    manageResetConfirm: string;
+    manageResetYes: string;
+    manageReset: string;
+    manageLoading: string;
+    manageSections: string;
+    manageSummaryChart: string;
+    manageSummaryShow: string;
+    manageSummaryWidth: string;
+    manageSummaryStripOn: (strip: string) => string;
+    manageSummaryCardOn: (title: string) => string;
+    manageSummaryTitle: (title: string) => string;
+    manageSummaryRename: (title: string) => string;
+    manageSummaryPeriod: string;
+    manageSummaryCopy: (n: string) => string;
+    manageSummaryMore: (title: string) => string;
+    manageSummaryMoveTo: (strip: string) => string;
+    manageSummaryPlacementsFull: (n: string) => string;
+    manageMoveUp: (title: string) => string;
+    manageMoveDown: (title: string) => string;
+    manageSummaryAddConfirm: string;
+    manageSummaryAddFull: (n: string) => string;
+    manageSummaryAbove: string;
+    manageSummaryBelow: string;
+    manageSummaryStripShows: (strip: string, where: string) => string;
+    manageSummaryStripOff: (strip: string) => string;
+    manageSummaryDragHint: string;
+    manageSummaryEdit: (title: string) => string;
+    manageSummaryDuplicate: string;
+    manageSummaryRemove: string;
+    manageSummaryTurnOff: string;
+    manageSummaryAddTo: (strip: string) => string;
+    manageSummaryWhat: string;
+    manageSummaryName: string;
+    manageSummaryHasCard: string;
+    manageSummaryAddCopy: string;
+    manageSummaryAlready: (column: string) => string;
+    exportSummaryCards: string;
+    exportSummaryShown: string;
+    exportSummaryChosen: string;
+    exportSummaryNone: string;
+    exportSummaryShownHint: string;
+    exportSummaryChosenTitle: (name: string) => string;
+    exportSummaryChosenHint: string;
+    exportSummaryCardOn: (title: string) => string;
+    cardFieldsTitle: string;
+    cardFieldsSubtitle: string;
+    listFieldsTitle: string;
+    listFieldsSubtitle: string;
+    partTitle: string;
+    partTitleHint: string;
+    partSubtitle: string;
+    partSubtitleHint: string;
+    partBadge: string;
+    partBadgeHint: string;
+    partDetails: string;
+    partDetailsHint: (n: string) => string;
+    partMore: string;
+    partMoreHint: string;
+    partListTitleHint: string;
+    partListSubtitleHint: (n: string) => string;
+    partListBadgeHint: string;
+    cardNotOnCard: string;
+    cardNotOnCardTouch: string;
+    cardAllOnCard: string;
+    listNotInList: string;
+    listNotInListTouch: string;
+    listAllInList: string;
+    fieldsDropHere: string;
+    fieldsRemove: (field: string) => string;
+    fieldsAdd: string;
+    fieldsLivePreview: string;
+    cardPreviewCard: string;
+    cardPreviewExpanded: string;
+    cardPreviewHint: string;
+    listPreviewHint: string;
+    fieldsTab: string;
+    previewTab: string;
+    fieldsResetDefault: string;
+    prefsChanged: (what: string) => string;
+    prefsColumnsGone: (n: string, count: number) => string;
+    prefsFiltersOff: (n: string, count: number) => string;
+    prefsSettingsReset: (n: string, count: number) => string;
+};
+export type DataTableLabels = typeof DEFAULT_DATA_TABLE_LABELS;
+export type DataTableLabelKey = keyof DataTableLabels;
+export declare function resolveLabels(overrides?: Partial<DataTableLabels>): DataTableLabels;
+export interface TableFormat {
+    locale?: string;
+    number: (n: number) => string;
+}
+export declare function createFormat(locale?: string): TableFormat;

package/dist/types/shared-web-ui/src/DataTable/layout/LayoutSwitcher.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DataTableLayout } from '../types';
+export declare const LAYOUT_ICONS: Record<DataTableLayout, React.ReactNode>;
+export declare function LayoutSwitcher({ layouts, layout, onChange }: {
+    layouts: DataTableLayout[];
+    layout: DataTableLayout;
+    onChange: (layout: DataTableLayout) => void;
+}): React.JSX.Element | null;
+export default LayoutSwitcher;

package/dist/types/shared-web-ui/src/DataTable/layout/layouts.d.ts

@@ -0,0 +1,20 @@
+import { type RefObject } from 'react';
+import type { DataTableView, DataTableDetailMode, DataTableLayout } from '../types';
+export declare const PHONE_MAX = 600;
+export declare const SPLIT_MIN = 768;
+export declare const WIDE_MIN = 1100;
+export type ContainerSize = 'phone' | 'tablet' | 'wide';
+export declare const ALL_LAYOUTS: DataTableLayout[];
+export declare function sizeOf(width: number): ContainerSize;
+export declare function resolveLayouts(config: Pick<DataTableView, 'layouts'>, opts: {
+    dynamicColumns: boolean;
+    allowed: (layout: DataTableLayout) => boolean;
+}): DataTableLayout[];
+export declare function viewLayouts(config: Pick<DataTableView, 'layouts' | 'rowMenu'>, opts: {
+    dynamicColumns: boolean;
+    allowed: (layout: DataTableLayout) => boolean;
+}): DataTableLayout[];
+export declare function pickLayout(layouts: DataTableLayout[], saved: DataTableLayout | undefined, defaultLayout: DataTableLayout | undefined): DataTableLayout;
+export declare function detailModeFor(layout: DataTableLayout, width: number): DataTableDetailMode;
+export declare function useElementWidth(ref: RefObject<HTMLElement | null>): number;
+export declare function useNodeWidth(node: HTMLElement | null): number;

package/dist/types/shared-web-ui/src/DataTable/layout/scrollArea.d.ts

@@ -0,0 +1,2 @@
+export declare const SCROLL_AREA_Y = "dt-scroll-area scroll-fade-y scroll-gutter";
+export declare const SCROLL_AREA_XY = "dt-scroll-area scroll-fade-x scroll-fade-y scroll-gutter";

package/dist/types/shared-web-ui/src/DataTable/layout/useFillHeight.d.ts

@@ -0,0 +1,11 @@
+import { type DependencyList, type RefObject } from 'react';
+export declare const MIN_ROWS_HEIGHT = 320;
+export declare function fillHeight(viewport: number, chrome: number, below: number, min?: number): number;
+export declare function nextHeight(prev: number | null, next: number): number | null;
+export declare function scrollParent(el: HTMLElement, current?: HTMLElement | null): HTMLElement | null;
+export declare function viewportOf(scroller: HTMLElement | null): {
+    top: number;
+    height: number;
+};
+export declare function coveredTop(scroller: HTMLElement | null, own: HTMLElement): number;
+export declare function useFillHeight(areaRef: RefObject<HTMLElement | null>, startRef: RefObject<HTMLElement | null>, belowRef: RefObject<HTMLElement | null>, deps: DependencyList, outside?: ReadonlyArray<RefObject<HTMLElement | null>>): number | null;