@economic/taco 2.3.0 → 2.4.1

package/dist/components/Header/components/Agreement/types.d.ts

@@ -9,5 +9,5 @@ export declare type Agreement = {
     isAdministrator?: boolean;
     isDeveloper?: boolean;
     statuses?: any[];
-    secure: boolean;
+    secure?: boolean;
 };

package/dist/components/Menu/Context.d.ts

@@ -4,6 +4,7 @@ export declare const MenuContext: React.Context<{
     registerIndentation: () => void;
     minWidth?: number | undefined;
     setMinWidth: (width: number) => void;
+    open: () => void;
     close: () => void;
 } | undefined>;
 export declare const useCurrentMenu: () => {
@@ -11,5 +12,6 @@ export declare const useCurrentMenu: () => {
     registerIndentation: () => void;
     minWidth?: number | undefined;
     setMinWidth: (width: number) => void;
+    open: () => void;
     close: () => void;
 } | undefined;

package/dist/components/Menu/components/Item.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { IconName } from '../../Icon/Icon';
 import { DialogProps } from '../../Dialog/Dialog';
 import { PopoverProps } from '../../Popover/Popover';
+import { KeyDownHandlerOptions } from '../../../utils/keyboard';
 export declare const Icon: ({ name }: {
     name: any;
 }) => JSX.Element;
@@ -16,7 +17,7 @@ export declare type MenuItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, '
     icon?: IconName;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     popover?: (props: Partial<PopoverProps>) => JSX.Element;
-    shortcut?: string;
+    shortcut?: string | KeyDownHandlerOptions;
     subMenu?: any;
 };
 export declare const Item: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
@@ -25,6 +26,6 @@ export declare const Item: React.ForwardRefExoticComponent<Pick<React.HTMLAttrib
     icon?: "account-preview" | "accounting-year-cancel" | "accounting-year" | "accounting" | "arrow-bottom" | "arrow-down" | "arrow-end" | "arrow-left" | "arrow-right" | "arrow-start" | "arrow-top" | "arrow-up" | "attach-auto" | "attach-cancel" | "attach" | "autotext-insert" | "autotext" | "basic-tabs" | "basic" | "bell-solid" | "book" | "booking" | "budget" | "calendar" | "cash-account" | "cash-reports" | "chat-solid" | "chat" | "chevron-down-double" | "chevron-down-solid" | "chevron-down" | "chevron-left-double" | "chevron-left-solid" | "chevron-left" | "chevron-right-double" | "chevron-right-solid" | "chevron-right" | "chevron-up-double" | "chevron-up-solid" | "chevron-up" | "circle-close" | "circle-minus" | "circle-plus" | "circle-tick" | "clamp-open" | "clamp" | "close" | "column-freeze" | "column-unfreeze" | "columns" | "connection-enable" | "connection-revoke" | "contacts" | "copy" | "courses" | "credit" | "delete-permanently" | "delete" | "depecriate" | "developer" | "distribution-template" | "document-approve" | "document-create-entry" | "document-cut" | "document-error" | "document-isolate-page" | "document-merge" | "document-move" | "document-preview" | "document-received" | "document-rejected-request" | "document-split" | "document-time" | "document" | "download" | "drag" | "e-copedia" | "e-signature" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "entries-on-account" | "entries-open" | "entries-warning" | "entry-type-customer-invoice" | "entry-type-customer-payment" | "entry-type-journal-entry" | "entry-type-manual-customer-invoice" | "entry-type-supplier-invoice" | "entry-type-supplier-payment" | "envelope-approved" | "envelope" | "expand-view" | "expenses" | "export-to-excel" | "export-to-pdf" | "export" | "eye-off" | "eye-on" | "filter-solid" | "filter" | "font-size" | "graph-solid" | "hash" | "height-extra-tall" | "height-medium" | "height-short" | "height-tall" | "home" | "images" | "import" | "inbox-einvoicing" | "inbox-scanning" | "inbox-smart" | "inbox" | "info" | "inventory-matrix" | "inventory" | "journal-pro" | "layout-both" | "layout-first" | "layout-last" | "layout-none" | "layout" | "ledger-card-customer-reminder" | "ledger-card-manual-customer-invoice" | "ledger-card-obsolete-stock" | "ledger-card-opening-entry" | "ledger-card-reserved-entry" | "ledger-card-shrinkage-pilferage" | "ledger-card-stock-adjustment" | "ledger-card-transferred-opening-entry" | "ledger-card" | "lightbulb" | "line" | "list-bulleted" | "list-search" | "list" | "lock-open" | "log-out" | "log" | "market" | "match-amount" | "match-entries" | "menu" | "mileage" | "modal-resize" | "modal-shrink" | "more-solid" | "more" | "move" | "navigation-list" | "note-follow-up" | "note-read" | "note" | "numbers" | "partner-api" | "period" | "person-change" | "person-minus" | "person-plus" | "person-tick" | "play" | "plus-minus" | "print" | "process-payment" | "product-ledger-card" | "profile" | "project-cards" | "projects" | "question-mark" | "quicklinks" | "rating-bankruptcy" | "rating-payment-problems" | "reconciled" | "refresh" | "report-solid" | "report" | "restore" | "rotate-left" | "rotate-right" | "sales" | "search-bold" | "search" | "secure-tick" | "secure" | "settings-solid" | "settings" | "shortcuts" | "show-all" | "show-less" | "show-more" | "show-template" | "sliders" | "smartpay" | "sort-by" | "star-solid" | "star" | "subscriptions" | "system-entries" | "tag" | "template-override" | "templates" | "thumb-both" | "thumb-down-solid" | "thumb-down" | "thumb-up-solid" | "thumb-up" | "tick-bold" | "tick" | "time" | "transfer-cancel" | "transfer-locked" | "transfer" | "undo" | "undock" | "unreconciled" | "warning" | "webshop" | "website" | "workflow-template-basic" | "workflow" | "zoom" | undefined;
     onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
     popover?: ((props: Partial<PopoverProps>) => JSX.Element) | undefined;
-    shortcut?: string | undefined;
+    shortcut?: string | KeyDownHandlerOptions | undefined;
     subMenu?: any;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Provider/Localization.d.ts

@@ -330,6 +330,15 @@ export declare const defaultLocalisationTexts: {
                 isAllOf: string;
                 isEmpty: string;
                 isNotEmpty: string;
+                isBefore: string;
+                isAfter: string;
+                isOnOrBefore: string;
+                isOnOrAfter: string;
+                isLessThanOrEqualTo: string;
+                isGreaterThanOrEqualTo: string;
+                hasAnyOf: string;
+                hasAllOf: string;
+                hasNoneOf: string;
             };
             conditions: {
                 and: string;
@@ -397,6 +406,9 @@ export declare const defaultLocalisationTexts: {
             expandRow: string;
             collapseRow: string;
         };
+        otherOptions: {
+            tooltip: string;
+        };
     };
     searchInput: {
         button: string;

package/dist/components/Provider/Provider.d.ts

@@ -1,9 +1,14 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Localization } from './Localization';
+export declare type TacoSettings = {
+    uniqueUserIdentifier: string;
+};
+export declare const TacoContext: React.Context<TacoSettings>;
 export declare type ProviderProps = {
     /** Content would be your application */
     children?: any;
     /** Define localized texts and formatted data in your application */
     localization?: Localization;
+    settings: TacoSettings;
 };
 export declare const Provider: (props: ProviderProps) => JSX.Element;

package/dist/components/SearchInput2/SearchInput2.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { KeyDownHandlerOptions } from '../../utils/keyboard';
 interface CommonSearchInput2Props extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'onChange' | 'value'> {
-    onSearch: (value: string) => void;
+    loading?: boolean;
+    onChange: (value: string) => void;
     settingsContent?: JSX.Element;
     shortcut?: string | KeyDownHandlerOptions;
     value?: string;

package/dist/components/Spinner/Spinner.d.ts

@@ -3,7 +3,7 @@ import './Spinner.css';
 export declare type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & {
     /**
      * Define a delay in milliseconds after which the spinner is shown.
-     * Default value is `500`ms
+     * Default value is `350`ms
      */
     delay?: number;
     /** Define a text that will be displayed below spinner */
@@ -12,7 +12,7 @@ export declare type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & {
 export declare const Spinner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     /**
      * Define a delay in milliseconds after which the spinner is shown.
-     * Default value is `500`ms
+     * Default value is `350`ms
      */
     delay?: number | undefined;
     /** Define a text that will be displayed below spinner */

package/dist/components/Table2/types.d.ts

@@ -33,7 +33,7 @@ export declare type Table2ColumnControlProps = {
     className?: string;
     disabled?: boolean;
     invalid?: boolean;
-    onBlur: (newValue?: any) => Promise<void>;
+    onBlur: ((newValue?: any) => void) | ((newValue?: any) => Promise<void>);
     onFocus: React.FocusEventHandler;
     readOnly?: boolean;
     ref: React.RefObject<HTMLElement>;

package/dist/components/Table3/Table3.d.ts

@@ -10,4 +10,4 @@ declare type Table3WithStatics = (<TType = unknown>(props: Table3Props<TType> &
 export declare const Table3: Table3WithStatics;
 export { useTable3DataLoader } from './hooks/useTableDataLoader';
 export type { useTable3DataFetcher, useTable3DataOptions, useTable3DataFetcherValues as useTableDataValues, } from './hooks/useTableDataLoader';
-export type { Table3Ref, Table3Props, Table3Preset, Table3Settings, Table3SettingsAdapter, Table3RowHeight, Table3FilterComparator, Table3FilterHandler, Table3LoadPageHandler, Table3LoadAllHandler, Table3RowGotoHandler, Table3SortHandler, Table3Shortcuts, Table3ShortcutHandlerFn, Table3ShortcutHandlerObject, Table3FontSize, Table3SortDirection, Table3SortFn, Table3RowActionRenderer, Table3RowSelectionHandler, Table3RowExpansionRenderer, Table3RowDropHandler, Table3RowDragHandler, Table3RowClickHandler, Table3ColumnProps, Table3ColumnAlignment, Table3ColumnDataType, Table3ColumnHeaderMenu, Table3ColumnClassNameHandler, Table3ColumnFooterRenderer, Table3ColumnRenderer, Table3ColumnControlRenderer, Table3ColumnControlProps, } from './types';
+export type { Table3Ref, Table3Props, Table3Preset, Table3Settings, Table3SettingsHandler, Table3RowHeight, Table3FilterComparator, Table3FilterHandler, Table3LoadPageHandler, Table3LoadAllHandler, Table3RowGotoHandler, Table3SortHandler, Table3Shortcuts, Table3ShortcutHandlerFn, Table3ShortcutHandlerObject, Table3FontSize, Table3SortDirection, Table3SortFn, Table3RowActionRenderer, Table3RowSelectionHandler, Table3RowExpansionRenderer, Table3RowDropHandler, Table3RowDragHandler, Table3RowClickHandler, Table3ColumnProps, Table3ColumnAlignment, Table3ColumnDataType, Table3ColumnHeaderMenu, Table3ColumnClassNameHandler, Table3ColumnFooterRenderer, Table3ColumnRenderer, Table3ColumnControlRenderer, Table3ColumnControlProps, } from './types';

package/dist/components/Table3/components/columns/internal/Selection.d.ts

@@ -1,4 +1,3 @@
 import { DisplayColumnDef } from '@tanstack/react-table';
-import { Table3RowDragHandler } from '../../../types';
 export declare const COLUMN_ID = "__select";
-export declare function createRowSelectionColumn<TType = unknown>(onRowDrag?: Table3RowDragHandler<TType>): DisplayColumnDef<TType, unknown>;
+export declare function createRowSelectionColumn<TType = unknown>(hasDrag: boolean, hasExpansion: boolean): DisplayColumnDef<TType, unknown>;

package/dist/components/Table3/components/toolbar/Filter/filters/components/Filter.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Column as RTColumn, ColumnFiltersState } from '@tanstack/react-table';
-import { Table3ColumnControlRenderer, Table3FilterComparator, Table3Filter } from '../../../../../types';
+import { Table3Filter } from '../../../../../types';
 export declare type FilterProps<TType = unknown> = {
     allColumns: RTColumn<TType, unknown>[];
     filter: Table3Filter;
@@ -10,4 +10,3 @@ export declare type FilterProps<TType = unknown> = {
     onRemove: (columnId: string) => void;
 };
 export declare function Filter<TType = unknown>(props: FilterProps<TType>): JSX.Element;
-export declare function guessComparatorsBasedOnControl<TType = unknown>(instance?: JSX.Element, control?: Table3ColumnControlRenderer<TType>): Table3FilterComparator[];

package/dist/components/Table3/components/toolbar/Filter/filters/components/FilterComparator.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
+import { Column as RTColumn } from '@tanstack/react-table';
 import { Select2Props } from '../../../../../../Select2/Select2';
-import { Table3FilterComparator } from '../../../../../types';
-export declare type FilterComparatorProps = Omit<Select2Props, 'children'> & {
-    validComparators: Table3FilterComparator[];
+export declare type FilterComparatorProps<TType = unknown> = Omit<Select2Props, 'children'> & {
+    column?: RTColumn<TType, unknown>;
 };
-export declare function FilterComparator(props: FilterComparatorProps): JSX.Element;
+export declare function FilterComparator<TType = unknown>(props: FilterComparatorProps<TType>): JSX.Element;

package/dist/components/Table3/components/toolbar/Filter/filters/components/FilterValue.d.ts

@@ -2,7 +2,7 @@
 import { Column as RTColumn } from '@tanstack/react-table';
 import { Table3FilterComparator } from '../../../../../types';
 export declare type FilterValueProps<TType = unknown> = {
-    column: RTColumn<TType, unknown>;
+    column?: RTColumn<TType, unknown>;
     comparator: Table3FilterComparator;
     onChange: (value: any) => void;
     value: any;

package/dist/components/Table3/hooks/features/useColumnFreezing.d.ts

@@ -1,9 +1,10 @@
 import { Table } from '@tanstack/react-table';
 import React from 'react';
 import { Table3Options } from '../../types';
-export declare function getDefaultFrozenIndex(options: Table3Options, defaultFrozenIndex?: number): number | undefined;
+export declare function getFrozenInternalColumnCount(options: Table3Options): number;
 export declare function useColumnFreezing(defaultFrozenIndex: number | undefined, options: Table3Options): {
     isEnabled: boolean;
+    frozenInternalColumnCount: number;
     frozenColumnIndex: number | undefined;
     setFrozenColumnIndex: (index: number | undefined) => void;
     horizontallyScrolled: boolean;

package/dist/components/Table3/hooks/features/useCurrentRow.d.ts

@@ -4,6 +4,6 @@ declare type CurrentRowHandlerCallback = TableStrategy['scrollToIndex'];
 export declare function useCurrentRow(defaultCurrentRowIndex?: number | undefined): {
     currentRowIndex: number;
     setCurrentRowIndex: React.Dispatch<React.SetStateAction<number>>;
-    handleKeyDown: (event: React.KeyboardEvent, length: number, scrollToIndex: CurrentRowHandlerCallback) => void;
+    handleKeyDown: (event: KeyboardEvent, length: number, scrollToIndex: CurrentRowHandlerCallback) => void;
 };
 export {};

package/dist/components/Table3/hooks/features/useEditing.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Cell as RTCell } from '@tanstack/react-table';
-import { Table3Ref } from '../../types';
 import { IndicatorReason } from '../../components/columns/cell/Indicator';
 export declare enum SavingStateValue {
     Saving = "saving",
@@ -23,7 +22,7 @@ export declare function useEditing<TType = unknown>(isEnabled: boolean, onSave?:
     rowMoveReason: Record<string, IndicatorReason | null>;
     setRowMoveReason: React.Dispatch<React.SetStateAction<Record<string, IndicatorReason | null>>>;
     removeRowMoveReason: (columnId: string) => void;
-    handleKeyDown: (event: any, tableRef: React.RefObject<Table3Ref>) => void;
+    handleKeyDown: (event: KeyboardEvent) => void;
     handleBlur: (event: React.FocusEvent) => void;
     resetChange: (rowId: string) => void;
     savingStates: Record<string, SavingState> | null;

package/dist/components/Table3/hooks/features/usePauseHoverState.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 export declare function usePauseHoverState(): {
     isPaused: boolean;
     pause: React.Dispatch<React.SetStateAction<boolean>>;
-    handleKeyDown: (event: React.KeyboardEvent) => void;
+    handleKeyDown: (event: KeyboardEvent) => void;
 };

package/dist/components/Table3/hooks/features/useRowClick.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { Table3RowClickHandler } from '../../types';
 import { Table as RTable } from '@tanstack/react-table';
 export declare function useRowClick<TType = unknown>(onRowClick?: Table3RowClickHandler<TType>): {
-    handleKeyDown: <TType_1 = unknown>(event: React.KeyboardEvent, table: RTable<TType_1>) => void;
+    handleKeyDown: <TType_1 = unknown>(event: KeyboardEvent, table: RTable<TType_1>) => void;
     handleClick: Table3RowClickHandler<TType> | undefined;
 };

package/dist/components/Table3/hooks/features/useRowSelection.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Table as RTable } from '@tanstack/react-table';
 export declare function useRowSelection(): {
-    handleKeyDown: <TType = unknown>(event: React.KeyboardEvent, table: RTable<TType>) => void;
+    handleKeyDown: <TType = unknown>(event: KeyboardEvent, table: RTable<TType>) => void;
     lastSelectedRowIndex: React.MutableRefObject<number | undefined>;
 };

package/dist/components/Table3/hooks/features/useSettings.d.ts

@@ -0,0 +1,2 @@
+import { Table3Settings, Table3SettingsHandler } from '../../types';
+export declare function useSettings(id: string, defaultSettings: Table3Settings | undefined, onChangeSettings: Table3SettingsHandler | undefined): [Table3Settings, Table3SettingsHandler];

package/dist/components/Table3/hooks/listeners/useSettingsStateListener.d.ts

@@ -1,3 +1,3 @@
 import { Table as RTable } from '@tanstack/react-table';
-import { Table3SettingsAdapter } from '../../types';
-export declare function useSettingsStateListener<TType = unknown>(table: RTable<TType>, onChangeSettings: Table3SettingsAdapter | undefined): void;
+import { Table3SettingsHandler } from '../../types';
+export declare function useSettingsStateListener<TType = unknown>(table: RTable<TType>, onChangeSettings: Table3SettingsHandler | undefined): void;

package/dist/components/Table3/hooks/useTable.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RowData } from '@tanstack/react-table';
-import { Table3ColumnAlignment, Table3ColumnRenderer, Table3Props, Table3ColumnHeaderMenu, Table3ColumnControlRenderer, Table3ColumnDataType, Table3ColumnClassNameHandler, Table3ColumnFooterRenderer, TableStrategy } from '../types';
+import { Table3ColumnAlignment, Table3ColumnRenderer, Table3Props, Table3ColumnHeaderMenu, Table3ColumnControlRenderer, Table3ColumnDataType, Table3ColumnClassNameHandler, Table3ColumnFooterRenderer, TableStrategy, Table3FilterComparator } from '../types';
 import { useCurrentRow } from './features/useCurrentRow';
 import { usePauseHoverState } from './features/usePauseHoverState';
 import { useRowHeight } from './features/useRowHeight';
@@ -44,6 +44,7 @@ declare module '@tanstack/table-core' {
         enableOrdering: boolean;
         enableSearch: boolean;
         enableTruncate: boolean;
+        filters?: Table3FilterComparator[];
         footer?: Table3ColumnFooterRenderer;
         header: string;
         headerClassName?: string;

package/dist/components/Table3/types.d.ts

@@ -7,7 +7,7 @@ export declare type Table3ColumnRenderer<TValue = unknown, TType = unknown> = (v
 export declare type Table3ColumnFooterRenderer<TValue = unknown> = (values: TValue[]) => JSX.Element | string | number | null;
 export declare type Table3ColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);
 export declare type Table3ColumnAlignment = 'left' | 'center' | 'right';
-export declare type Table3ColumnDataType = 'auto' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';
+export declare type Table3ColumnDataType = 'auto' | 'number' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';
 export declare type Table3ColumnHeaderMenu = (props: Partial<MenuProps>) => JSX.Element;
 export declare type Table3ColumnControlProps = {
     className?: string;
@@ -20,7 +20,7 @@ export declare type Table3ColumnControlProps = {
     setValue: (value: any) => void;
     value: any;
 };
-export declare type Table3ColumnControlRenderer<TType = unknown> = ((props: Table3ColumnControlProps, row?: TType) => JSX.Element) | 'datepicker' | 'input' | 'switch';
+export declare type Table3ColumnControlRenderer<TType = unknown> = ((props: Table3ColumnControlProps, row?: TType) => JSX.Element) | 'datepicker' | 'input' | 'numberInput' | 'switch' | 'textarea';
 declare type ValueOf<T> = T[keyof T];
 export declare type Table3ColumnProps<TType = unknown> = ValueOf<{
     [K in keyof TType]: {
@@ -39,6 +39,7 @@ export declare type Table3ColumnProps<TType = unknown> = ValueOf<{
         enableSearch?: boolean;
         enableSorting?: boolean;
         enableTruncate?: boolean;
+        filters?: Table3FilterComparator[];
         footer?: Table3ColumnFooterRenderer;
         header: string;
         headerClassName?: string;
@@ -72,7 +73,7 @@ export declare type Table3Settings = {
     rowHeight?: Table3RowHeight;
     sorting?: SortingState;
 };
-export declare type Table3SettingsAdapter = (settings: Table3Settings) => void;
+export declare type Table3SettingsHandler = (settings: Table3Settings) => void | Promise<void>;
 export declare enum Table3FilterComparator {
     Contains = 0,
     DoesNotContain = 1,
@@ -81,11 +82,13 @@ export declare enum Table3FilterComparator {
     IsGreaterThan = 4,
     IsLessThan = 5,
     IsBetween = 6,
-    IsOneOf = 7,
-    IsNoneOf = 8,
-    IsAllOf = 9,
-    IsEmpty = 10,
-    IsNotEmpty = 11
+    IsEmpty = 7,
+    IsNotEmpty = 8,
+    IsLessThanOrEqualTo = 9,
+    IsGreaterThanOrEqualTo = 10,
+    HasAnyOf = 11,
+    HasAllOf = 12,
+    HasNoneOf = 13
 }
 export declare type Table3FilterValue = {
     comparator: Table3FilterComparator;
@@ -147,7 +150,7 @@ export declare type Table3CommonProps<TType = unknown> = Partial<Table3Options>
     emptyState?: () => JSX.Element | null;
     expandedRowRenderer?: Table3RowExpansionRenderer<TType>;
     id: string;
-    onChangeSettings?: Table3SettingsAdapter;
+    onChangeSettings?: Table3SettingsHandler;
     onRowClick?: Table3RowClickHandler<TType>;
     onRowDrag?: Table3RowDragHandler<TType>;
     onRowDrop?: Table3RowDropHandler<TType>;
@@ -259,11 +262,17 @@ export declare type Table3Texts = {
             isGreaterThan: string;
             isLessThan: string;
             isBetween: string;
-            isOneOf: string;
-            isNoneOf: string;
-            isAllOf: string;
             isEmpty: string;
             isNotEmpty: string;
+            isBefore: string;
+            isAfter: string;
+            isLessThanOrEqualTo: string;
+            isGreaterThanOrEqualTo: string;
+            isOnOrBefore: string;
+            isOnOrAfter: string;
+            hasAnyOf: string;
+            hasAllOf: string;
+            hasNoneOf: string;
         };
         conditions: {
             and: string;
@@ -316,5 +325,8 @@ export declare type Table3Texts = {
         excludeUnmatchedResults: string;
         placeholder: string;
     };
+    otherOptions: {
+        tooltip: string;
+    };
 };
 export {};

package/dist/components/Table3/util/columns.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="react" />
-import { Table as RTable } from '@tanstack/react-table';
+import { Header as RTHeader, Table as RTable } from '@tanstack/react-table';
+import { Table3ColumnDataType } from '../types';
 export declare const isInternalColumn: (id: string) => boolean;
-export declare const isFrozenColumn: <TType = unknown>(index: number, table: RTable<TType>) => boolean;
+export declare const isFrozenColumn: <TType = unknown>(header: RTHeader<TType, unknown>, table: RTable<TType>) => boolean;
 export declare const getCurrentRowCellElement: (index: number, table: HTMLElement) => Element | null;
 export declare function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, table: HTMLElement): void;
-export declare function isCellHighlighted(query: string, value: unknown, children: JSX.Element | string | null): boolean;
+export declare function isCellHighlighted(query: string, value: unknown, dataType?: Table3ColumnDataType): boolean;
+export declare function getCellValueAsString(value: unknown, dataType?: Table3ColumnDataType): string;

package/dist/esm/packages/taco/src/components/Menu/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../../../../src/components/Menu/Context.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const MenuContext = React.createContext<\n    | {\n          indented: boolean;\n          registerIndentation: () => void;\n          minWidth?: number;\n          setMinWidth: (width: number) => void;\n          close: () => void;\n      }\n    | undefined\n>(undefined);\n\nexport const useCurrentMenu = () => {\n    return React.useContext(MenuContext);\n};\n"],"names":["MenuContext","React","undefined","useCurrentMenu"],"mappings":";;MAEaA,WAAW,gBAAGC,aAAmB,CAS5CC,SAAS;MAEEC,cAAc,GAAG;EAC1B,OAAOF,UAAgB,CAACD,WAAW,CAAC;AACxC;;;;"}
+{"version":3,"file":"Context.js","sources":["../../../../../../../src/components/Menu/Context.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const MenuContext = React.createContext<\n    | {\n          indented: boolean;\n          registerIndentation: () => void;\n          minWidth?: number;\n          setMinWidth: (width: number) => void;\n          open: () => void;\n          close: () => void;\n      }\n    | undefined\n>(undefined);\n\nexport const useCurrentMenu = () => {\n    return React.useContext(MenuContext);\n};\n"],"names":["MenuContext","React","undefined","useCurrentMenu"],"mappings":";;MAEaA,WAAW,gBAAGC,aAAmB,CAU5CC,SAAS;MAEEC,cAAc,GAAG;EAC1B,OAAOF,UAAgB,CAACD,WAAW,CAAC;AACxC;;;;"}

package/dist/esm/packages/taco/src/components/Menu/Menu.js

@@ -35,6 +35,7 @@ const Menu = /*#__PURE__*/forwardRef(function Menu(externalProps, ref) {
     registerIndentation: () => setIndented(true),
     minWidth,
     setMinWidth: width => setMinWidth(width),
+    open: () => setOpen(true),
     close: () => setOpen(false)
   }), [indented, minWidth]);
   return /*#__PURE__*/createElement(MenuContext.Provider, {

package/dist/esm/packages/taco/src/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { MenuContext } from './Context';\nimport { Content, MenuContentProps } from './components/Content';\nimport { Item, MenuItemProps } from './components/Item';\nimport { Link, MenuLinkItemProps } from './components/Link';\nimport { Trigger, MenuTriggerProps } from './components/Trigger';\nimport { Checkbox, MenuCheckboxItemProps } from './components/Checkbox';\nimport { ForwardedMenuRadioGroupWithStatics, RadioGroup } from './components/RadioGroup';\nimport { Separator } from './components/Separator';\nimport { Header, MenuHeaderProps } from './components/Header';\nimport { SubMenu, MenuSubMenuProps } from './components/SubMenu';\n\nexport type MenuProps = {\n    children: React.ReactNode;\n    /** Set whether the menu is open by default or not  */\n    defaultOpen?: boolean;\n    /** Called when the menu opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the menu from outside the component  */\n    open?: boolean;\n    /** A trigger to be used for the menu, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n};\nexport type ForwardedMenuWithStatics = React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<MenuTriggerProps>;\n    Content: React.ForwardRefExoticComponent<MenuContentProps>;\n    Item: React.ForwardRefExoticComponent<MenuItemProps>;\n    Link: React.ForwardRefExoticComponent<MenuLinkItemProps>;\n    Checkbox: React.ForwardRefExoticComponent<MenuCheckboxItemProps>;\n    Separator: React.FunctionComponent;\n    Header: React.ForwardRefExoticComponent<MenuHeaderProps>;\n    RadioGroup: ForwardedMenuRadioGroupWithStatics;\n    SubMenu: React.ForwardRefExoticComponent<MenuSubMenuProps>;\n};\n\nexport const Menu = React.forwardRef<HTMLButtonElement, MenuProps>(function Menu(externalProps, ref) {\n    const { children, defaultOpen: defaultProp, onChange, open: prop, trigger, ...props } = externalProps;\n    const [indented, setIndented] = React.useState(false);\n    const [minWidth, setMinWidth] = React.useState<number | undefined>(undefined);\n\n    const [open, setOpen] = useControllableState<boolean>({\n        // uncontrolled\n        defaultProp,\n        // controlled\n        onChange,\n        prop,\n    });\n\n    const context = React.useMemo(\n        () => ({\n            indented,\n            registerIndentation: () => setIndented(true),\n            minWidth,\n            setMinWidth: (width: number) => setMinWidth(width),\n            close: () => setOpen(false),\n        }),\n        [indented, minWidth]\n    );\n\n    return (\n        <MenuContext.Provider value={context}>\n            <DropdownMenuPrimitive.Root {...props} modal={false} open={open} onOpenChange={setOpen}>\n                {trigger && <Trigger ref={ref}>{trigger}</Trigger>}\n                {children}\n            </DropdownMenuPrimitive.Root>\n        </MenuContext.Provider>\n    );\n}) as ForwardedMenuWithStatics;\nMenu.Trigger = Trigger;\nMenu.Content = Content;\nMenu.Item = Item;\nMenu.Link = Link;\nMenu.Checkbox = Checkbox;\nMenu.Separator = Separator;\nMenu.Header = Header;\nMenu.RadioGroup = RadioGroup;\nMenu.SubMenu = SubMenu;\n"],"names":["Menu","React","externalProps","ref","children","defaultOpen","defaultProp","onChange","open","prop","trigger","props","indented","setIndented","minWidth","setMinWidth","undefined","setOpen","useControllableState","context","registerIndentation","width","close","MenuContext","Provider","value","DropdownMenuPrimitive","modal","onOpenChange","Trigger","Content","Item","Link","Checkbox","Separator","Header","RadioGroup","SubMenu"],"mappings":";;;;;;;;;;;;;;MAqCaA,IAAI,gBAAGC,UAAgB,CAA+B,SAASD,IAAI,CAACE,aAAa,EAAEC,GAAG;EAC/F,MAAM;IAAEC,QAAQ;IAAEC,WAAW,EAAEC,WAAW;IAAEC,QAAQ;IAAEC,IAAI,EAAEC,IAAI;IAAEC,OAAO;IAAE,GAAGC;GAAO,GAAGT,aAAa;EACrG,MAAM,CAACU,QAAQ,EAAEC,WAAW,CAAC,GAAGZ,QAAc,CAAC,KAAK,CAAC;EACrD,MAAM,CAACa,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAc,CAAqBe,SAAS,CAAC;EAE7E,MAAM,CAACR,IAAI,EAAES,OAAO,CAAC,GAAGC,oBAAoB,CAAU;;IAElDZ,WAAW;;IAEXC,QAAQ;IACRE;GACH,CAAC;EAEF,MAAMU,OAAO,GAAGlB,OAAa,CACzB,OAAO;IACHW,QAAQ;IACRQ,mBAAmB,EAAE,MAAMP,WAAW,CAAC,IAAI,CAAC;IAC5CC,QAAQ;IACRC,WAAW,EAAGM,KAAa,IAAKN,WAAW,CAACM,KAAK,CAAC;IAClDC,KAAK,EAAE,MAAML,OAAO,CAAC,KAAK;GAC7B,CAAC,EACF,CAACL,QAAQ,EAAEE,QAAQ,CAAC,CACvB;EAED,oBACIb,cAACsB,WAAW,CAACC,QAAQ;IAACC,KAAK,EAAEN;kBACzBlB,cAACyB,IAA0B,oBAAKf,KAAK;IAAEgB,KAAK,EAAE,KAAK;IAAEnB,IAAI,EAAEA,IAAI;IAAEoB,YAAY,EAAEX;MAC1EP,OAAO,iBAAIT,cAAC4B,OAAO;IAAC1B,GAAG,EAAEA;KAAMO,OAAO,CAAW,EACjDN,QAAQ,CACgB,CACV;AAE/B,CAAC;AACDJ,IAAI,CAAC6B,OAAO,GAAGA,OAAO;AACtB7B,IAAI,CAAC8B,OAAO,GAAGA,OAAO;AACtB9B,IAAI,CAAC+B,IAAI,GAAGA,IAAI;AAChB/B,IAAI,CAACgC,IAAI,GAAGA,IAAI;AAChBhC,IAAI,CAACiC,QAAQ,GAAGA,QAAQ;AACxBjC,IAAI,CAACkC,SAAS,GAAGA,SAAS;AAC1BlC,IAAI,CAACmC,MAAM,GAAGA,MAAM;AACpBnC,IAAI,CAACoC,UAAU,GAAGA,UAAU;AAC5BpC,IAAI,CAACqC,OAAO,GAAGA,OAAO;;;;"}
+{"version":3,"file":"Menu.js","sources":["../../../../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { MenuContext } from './Context';\nimport { Content, MenuContentProps } from './components/Content';\nimport { Item, MenuItemProps } from './components/Item';\nimport { Link, MenuLinkItemProps } from './components/Link';\nimport { Trigger, MenuTriggerProps } from './components/Trigger';\nimport { Checkbox, MenuCheckboxItemProps } from './components/Checkbox';\nimport { ForwardedMenuRadioGroupWithStatics, RadioGroup } from './components/RadioGroup';\nimport { Separator } from './components/Separator';\nimport { Header, MenuHeaderProps } from './components/Header';\nimport { SubMenu, MenuSubMenuProps } from './components/SubMenu';\n\nexport type MenuProps = {\n    children: React.ReactNode;\n    /** Set whether the menu is open by default or not  */\n    defaultOpen?: boolean;\n    /** Called when the menu opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the menu from outside the component  */\n    open?: boolean;\n    /** A trigger to be used for the menu, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n};\nexport type ForwardedMenuWithStatics = React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<MenuTriggerProps>;\n    Content: React.ForwardRefExoticComponent<MenuContentProps>;\n    Item: React.ForwardRefExoticComponent<MenuItemProps>;\n    Link: React.ForwardRefExoticComponent<MenuLinkItemProps>;\n    Checkbox: React.ForwardRefExoticComponent<MenuCheckboxItemProps>;\n    Separator: React.FunctionComponent;\n    Header: React.ForwardRefExoticComponent<MenuHeaderProps>;\n    RadioGroup: ForwardedMenuRadioGroupWithStatics;\n    SubMenu: React.ForwardRefExoticComponent<MenuSubMenuProps>;\n};\n\nexport const Menu = React.forwardRef<HTMLButtonElement, MenuProps>(function Menu(externalProps, ref) {\n    const { children, defaultOpen: defaultProp, onChange, open: prop, trigger, ...props } = externalProps;\n    const [indented, setIndented] = React.useState(false);\n    const [minWidth, setMinWidth] = React.useState<number | undefined>(undefined);\n\n    const [open, setOpen] = useControllableState<boolean>({\n        // uncontrolled\n        defaultProp,\n        // controlled\n        onChange,\n        prop,\n    });\n\n    const context = React.useMemo(\n        () => ({\n            indented,\n            registerIndentation: () => setIndented(true),\n            minWidth,\n            setMinWidth: (width: number) => setMinWidth(width),\n            open: () => setOpen(true),\n            close: () => setOpen(false),\n        }),\n        [indented, minWidth]\n    );\n\n    return (\n        <MenuContext.Provider value={context}>\n            <DropdownMenuPrimitive.Root {...props} modal={false} open={open} onOpenChange={setOpen}>\n                {trigger && <Trigger ref={ref}>{trigger}</Trigger>}\n                {children}\n            </DropdownMenuPrimitive.Root>\n        </MenuContext.Provider>\n    );\n}) as ForwardedMenuWithStatics;\nMenu.Trigger = Trigger;\nMenu.Content = Content;\nMenu.Item = Item;\nMenu.Link = Link;\nMenu.Checkbox = Checkbox;\nMenu.Separator = Separator;\nMenu.Header = Header;\nMenu.RadioGroup = RadioGroup;\nMenu.SubMenu = SubMenu;\n"],"names":["Menu","React","externalProps","ref","children","defaultOpen","defaultProp","onChange","open","prop","trigger","props","indented","setIndented","minWidth","setMinWidth","undefined","setOpen","useControllableState","context","registerIndentation","width","close","MenuContext","Provider","value","DropdownMenuPrimitive","modal","onOpenChange","Trigger","Content","Item","Link","Checkbox","Separator","Header","RadioGroup","SubMenu"],"mappings":";;;;;;;;;;;;;;MAqCaA,IAAI,gBAAGC,UAAgB,CAA+B,SAASD,IAAI,CAACE,aAAa,EAAEC,GAAG;EAC/F,MAAM;IAAEC,QAAQ;IAAEC,WAAW,EAAEC,WAAW;IAAEC,QAAQ;IAAEC,IAAI,EAAEC,IAAI;IAAEC,OAAO;IAAE,GAAGC;GAAO,GAAGT,aAAa;EACrG,MAAM,CAACU,QAAQ,EAAEC,WAAW,CAAC,GAAGZ,QAAc,CAAC,KAAK,CAAC;EACrD,MAAM,CAACa,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAc,CAAqBe,SAAS,CAAC;EAE7E,MAAM,CAACR,IAAI,EAAES,OAAO,CAAC,GAAGC,oBAAoB,CAAU;;IAElDZ,WAAW;;IAEXC,QAAQ;IACRE;GACH,CAAC;EAEF,MAAMU,OAAO,GAAGlB,OAAa,CACzB,OAAO;IACHW,QAAQ;IACRQ,mBAAmB,EAAE,MAAMP,WAAW,CAAC,IAAI,CAAC;IAC5CC,QAAQ;IACRC,WAAW,EAAGM,KAAa,IAAKN,WAAW,CAACM,KAAK,CAAC;IAClDb,IAAI,EAAE,MAAMS,OAAO,CAAC,IAAI,CAAC;IACzBK,KAAK,EAAE,MAAML,OAAO,CAAC,KAAK;GAC7B,CAAC,EACF,CAACL,QAAQ,EAAEE,QAAQ,CAAC,CACvB;EAED,oBACIb,cAACsB,WAAW,CAACC,QAAQ;IAACC,KAAK,EAAEN;kBACzBlB,cAACyB,IAA0B,oBAAKf,KAAK;IAAEgB,KAAK,EAAE,KAAK;IAAEnB,IAAI,EAAEA,IAAI;IAAEoB,YAAY,EAAEX;MAC1EP,OAAO,iBAAIT,cAAC4B,OAAO;IAAC1B,GAAG,EAAEA;KAAMO,OAAO,CAAW,EACjDN,QAAQ,CACgB,CACV;AAE/B,CAAC;AACDJ,IAAI,CAAC6B,OAAO,GAAGA,OAAO;AACtB7B,IAAI,CAAC8B,OAAO,GAAGA,OAAO;AACtB9B,IAAI,CAAC+B,IAAI,GAAGA,IAAI;AAChB/B,IAAI,CAACgC,IAAI,GAAGA,IAAI;AAChBhC,IAAI,CAACiC,QAAQ,GAAGA,QAAQ;AACxBjC,IAAI,CAACkC,SAAS,GAAGA,SAAS;AAC1BlC,IAAI,CAACmC,MAAM,GAAGA,MAAM;AACpBnC,IAAI,CAACoC,UAAU,GAAGA,UAAU;AAC5BpC,IAAI,CAACqC,OAAO,GAAGA,OAAO;;;;"}

package/dist/esm/packages/taco/src/components/Menu/components/Content.js

@@ -1,6 +1,7 @@
-import { forwardRef, createElement } from 'react';
+import { forwardRef, useRef, Children, createRef, cloneElement, useEffect, createElement } from 'react';
 import cn from 'classnames';
 import { useMergedRef } from '../../../hooks/useMergedRef.js';
+import { createShortcutKeyDownHandler } from '../../../utils/keyboard.js';
 import { useCurrentMenu } from '../Context.js';
 import { Portal, Content as Content$1 } from '@radix-ui/react-dropdown-menu';
 
@@ -14,6 +15,35 @@ const Content = /*#__PURE__*/forwardRef(function MenuContent(props, ref) {
     ...otherProps
   } = props;
   const className = cn('border border-transparent rounded block outline-none p-1 yt-shadow wcag-white', props.className);
+  // attach refs to each child
+  const childrenRefs = useRef([]);
+  const childrenWithRefs = Children.toArray(props.children).filter(child => !!child) // remove falsey children
+  .map((child, index) => {
+    childrenRefs.current[index] = /*#__PURE__*/createRef();
+    return /*#__PURE__*/cloneElement(child, {
+      ref: childrenRefs.current[index]
+    });
+  });
+  // register any shortcuts attached to children
+  useEffect(() => {
+    const shortcuts = [];
+    childrenWithRefs.forEach((child, index) => {
+      if (child.props.shortcut) {
+        shortcuts.push(createShortcutKeyDownHandler(child.props.shortcut, event => {
+          event.preventDefault();
+          menu === null || menu === void 0 ? void 0 : menu.open();
+          setTimeout(() => {
+            var _childrenRefs$current, _childrenRefs$current2;
+            return (_childrenRefs$current = childrenRefs.current[index]) === null || _childrenRefs$current === void 0 ? void 0 : (_childrenRefs$current2 = _childrenRefs$current.current) === null || _childrenRefs$current2 === void 0 ? void 0 : _childrenRefs$current2.click();
+          }, 1);
+        }));
+      }
+    });
+    shortcuts.forEach(handler => document.addEventListener('keydown', handler));
+    return () => {
+      shortcuts.forEach(handler => document.removeEventListener('keydown', handler));
+    };
+  }, []);
   return /*#__PURE__*/createElement(Portal, null, /*#__PURE__*/createElement(Content$1, Object.assign({}, otherProps, {
     align: align,
     className: className,
@@ -24,7 +54,7 @@ const Content = /*#__PURE__*/forwardRef(function MenuContent(props, ref) {
       minWidth: menu === null || menu === void 0 ? void 0 : menu.minWidth
     },
     ref: internalRef
-  }), children));
+  }), childrenWithRefs));
 });
 
 export { Content };

package/dist/esm/packages/taco/src/components/Menu/components/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../../../../src/components/Menu/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'classnames';\nimport { Align, Placement } from '../../../types';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuContentProps = Omit<DropdownMenuPrimitive.DropdownMenuContentProps, 'children' | 'side'> & {\n    align?: Align;\n    children: React.ReactNode;\n    /** Set the position of the Menu relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\n\nexport const Content = React.forwardRef(function MenuContent(props: MenuContentProps, ref: React.Ref<HTMLDivElement>) {\n    const internalRef = useMergedRef<any>(ref);\n    const menu = useCurrentMenu();\n    const { align = 'start', children, placement: side, ...otherProps } = props;\n    const className = cn('border border-transparent rounded block outline-none p-1 yt-shadow wcag-white', props.className);\n\n    return (\n        <DropdownMenuPrimitive.Portal>\n            <DropdownMenuPrimitive.Content\n                {...otherProps}\n                align={align}\n                className={className}\n                data-taco=\"menu\"\n                side={side}\n                sideOffset={3}\n                style={{ minWidth: menu?.minWidth }}\n                ref={internalRef}>\n                {children}\n            </DropdownMenuPrimitive.Content>\n        </DropdownMenuPrimitive.Portal>\n    );\n});\n"],"names":["Content","React","MenuContent","props","ref","internalRef","useMergedRef","menu","useCurrentMenu","align","children","placement","side","otherProps","className","cn","DropdownMenuPrimitive","sideOffset","style","minWidth"],"mappings":";;;;;;MAcaA,OAAO,gBAAGC,UAAgB,CAAC,SAASC,WAAW,CAACC,KAAuB,EAAEC,GAA8B;EAChH,MAAMC,WAAW,GAAGC,YAAY,CAAMF,GAAG,CAAC;EAC1C,MAAMG,IAAI,GAAGC,cAAc,EAAE;EAC7B,MAAM;IAAEC,KAAK,GAAG,OAAO;IAAEC,QAAQ;IAAEC,SAAS,EAAEC,IAAI;IAAE,GAAGC;GAAY,GAAGV,KAAK;EAC3E,MAAMW,SAAS,GAAGC,EAAE,CAAC,+EAA+E,EAAEZ,KAAK,CAACW,SAAS,CAAC;EAEtH,oBACIb,cAACe,MAA4B,qBACzBf,cAACe,SAA6B,oBACtBH,UAAU;IACdJ,KAAK,EAAEA,KAAK;IACZK,SAAS,EAAEA,SAAS;iBACV,MAAM;IAChBF,IAAI,EAAEA,IAAI;IACVK,UAAU,EAAE,CAAC;IACbC,KAAK,EAAE;MAAEC,QAAQ,EAAEZ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEY;KAAU;IACnCf,GAAG,EAAEC;MACJK,QAAQ,CACmB,CACL;AAEvC,CAAC;;;;"}
+{"version":3,"file":"Content.js","sources":["../../../../../../../../src/components/Menu/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'classnames';\nimport { Align, Placement } from '../../../types';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { useCurrentMenu } from '../Context';\nimport { createShortcutKeyDownHandler } from '../../../utils/keyboard';\nimport { MenuItemProps } from './Item';\n\nexport type MenuContentProps = Omit<DropdownMenuPrimitive.DropdownMenuContentProps, 'children' | 'side'> & {\n    align?: Align;\n    children: React.ReactNode;\n    /** Set the position of the Menu relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\n\nexport const Content = React.forwardRef(function MenuContent(props: MenuContentProps, ref: React.Ref<HTMLDivElement>) {\n    const internalRef = useMergedRef<any>(ref);\n    const menu = useCurrentMenu();\n    const { align = 'start', children, placement: side, ...otherProps } = props;\n    const className = cn('border border-transparent rounded block outline-none p-1 yt-shadow wcag-white', props.className);\n\n    // attach refs to each child\n    const childrenRefs = React.useRef<React.RefObject<HTMLDivElement>[]>([]);\n    const childrenWithRefs = (React.Children.toArray(props.children) as React.ReactElement<MenuItemProps & { ref: any }>[])\n        .filter(child => !!child) // remove falsey children\n        .map((child, index) => {\n            childrenRefs.current[index] = React.createRef<HTMLDivElement>();\n            return React.cloneElement(child, { ref: childrenRefs.current[index] });\n        });\n\n    // register any shortcuts attached to children\n    React.useEffect(() => {\n        const shortcuts: ((event: KeyboardEvent) => void)[] = [];\n        childrenWithRefs.forEach((child, index) => {\n            if (child.props.shortcut) {\n                shortcuts.push(\n                    createShortcutKeyDownHandler(child.props.shortcut, event => {\n                        event.preventDefault();\n                        menu?.open();\n                        setTimeout(() => childrenRefs.current[index]?.current?.click(), 1);\n                    })\n                );\n            }\n        });\n\n        shortcuts.forEach(handler => document.addEventListener('keydown', handler));\n\n        return () => {\n            shortcuts.forEach(handler => document.removeEventListener('keydown', handler));\n        };\n    }, []);\n\n    return (\n        <DropdownMenuPrimitive.Portal>\n            <DropdownMenuPrimitive.Content\n                {...otherProps}\n                align={align}\n                className={className}\n                data-taco=\"menu\"\n                side={side}\n                sideOffset={3}\n                style={{ minWidth: menu?.minWidth }}\n                ref={internalRef}>\n                {childrenWithRefs}\n            </DropdownMenuPrimitive.Content>\n        </DropdownMenuPrimitive.Portal>\n    );\n});\n"],"names":["Content","React","MenuContent","props","ref","internalRef","useMergedRef","menu","useCurrentMenu","align","children","placement","side","otherProps","className","cn","childrenRefs","childrenWithRefs","toArray","filter","child","map","index","current","shortcuts","forEach","shortcut","push","createShortcutKeyDownHandler","event","preventDefault","open","setTimeout","click","handler","document","addEventListener","removeEventListener","DropdownMenuPrimitive","sideOffset","style","minWidth"],"mappings":";;;;;;;MAgBaA,OAAO,gBAAGC,UAAgB,CAAC,SAASC,WAAW,CAACC,KAAuB,EAAEC,GAA8B;EAChH,MAAMC,WAAW,GAAGC,YAAY,CAAMF,GAAG,CAAC;EAC1C,MAAMG,IAAI,GAAGC,cAAc,EAAE;EAC7B,MAAM;IAAEC,KAAK,GAAG,OAAO;IAAEC,QAAQ;IAAEC,SAAS,EAAEC,IAAI;IAAE,GAAGC;GAAY,GAAGV,KAAK;EAC3E,MAAMW,SAAS,GAAGC,EAAE,CAAC,+EAA+E,EAAEZ,KAAK,CAACW,SAAS,CAAC;;EAGtH,MAAME,YAAY,GAAGf,MAAY,CAAoC,EAAE,CAAC;EACxE,MAAMgB,gBAAgB,GAAIhB,QAAc,CAACiB,OAAO,CAACf,KAAK,CAACO,QAAQ,CAAwD,CAClHS,MAAM,CAACC,KAAK,IAAI,CAAC,CAACA,KAAK,CAAC;GACxBC,GAAG,CAAC,CAACD,KAAK,EAAEE,KAAK;IACdN,YAAY,CAACO,OAAO,CAACD,KAAK,CAAC,gBAAGrB,SAAe,EAAkB;IAC/D,oBAAOA,YAAkB,CAACmB,KAAK,EAAE;MAAEhB,GAAG,EAAEY,YAAY,CAACO,OAAO,CAACD,KAAK;KAAG,CAAC;GACzE,CAAC;;EAGNrB,SAAe,CAAC;IACZ,MAAMuB,SAAS,GAAuC,EAAE;IACxDP,gBAAgB,CAACQ,OAAO,CAAC,CAACL,KAAK,EAAEE,KAAK;MAClC,IAAIF,KAAK,CAACjB,KAAK,CAACuB,QAAQ,EAAE;QACtBF,SAAS,CAACG,IAAI,CACVC,4BAA4B,CAACR,KAAK,CAACjB,KAAK,CAACuB,QAAQ,EAAEG,KAAK;UACpDA,KAAK,CAACC,cAAc,EAAE;UACtBvB,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEwB,IAAI,EAAE;UACZC,UAAU,CAAC;YAAA;YAAA,gCAAMhB,YAAY,CAACO,OAAO,CAACD,KAAK,CAAC,oFAA3B,sBAA6BC,OAAO,2DAApC,uBAAsCU,KAAK,EAAE;aAAE,CAAC,CAAC;SACrE,CAAC,CACL;;KAER,CAAC;IAEFT,SAAS,CAACC,OAAO,CAACS,OAAO,IAAIC,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEF,OAAO,CAAC,CAAC;IAE3E,OAAO;MACHV,SAAS,CAACC,OAAO,CAACS,OAAO,IAAIC,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEH,OAAO,CAAC,CAAC;KACjF;GACJ,EAAE,EAAE,CAAC;EAEN,oBACIjC,cAACqC,MAA4B,qBACzBrC,cAACqC,SAA6B,oBACtBzB,UAAU;IACdJ,KAAK,EAAEA,KAAK;IACZK,SAAS,EAAEA,SAAS;iBACV,MAAM;IAChBF,IAAI,EAAEA,IAAI;IACV2B,UAAU,EAAE,CAAC;IACbC,KAAK,EAAE;MAAEC,QAAQ,EAAElC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEkC;KAAU;IACnCrC,GAAG,EAAEC;MACJY,gBAAgB,CACW,CACL;AAEvC,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Menu/components/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/Menu/components/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'classnames';\nimport { IconName } from '../../Icon/Icon';\nimport { Icon as IconPrimitive } from '../../Icon/Icon';\nimport { useCurrentMenu } from '../Context';\nimport { DialogProps } from '../../Dialog/Dialog';\nimport { Shortcut } from '../../Shortcut/Shortcut';\nimport { PopoverProps } from '../../Popover/Popover';\n\nexport const Icon = ({ name }) => (\n    <span className=\"absolute left-0 ml-1\">\n        <IconPrimitive className=\"-ml-px -mt-px !h-5 !w-5\" name={name} />\n    </span>\n);\n\nexport const useItemStyling = ({ disabled, indented, className }) => {\n    const menu = useCurrentMenu();\n\n    React.useEffect(() => {\n        if (indented && !menu?.indented) {\n            menu?.registerIndentation();\n        }\n    }, [indented]);\n\n    return cn(\n        'flex items-center justify-start h-8 pr-1.5 relative rounded w-full focus:outline-none group',\n        {\n            'pl-7': menu?.indented,\n            'pl-1.5': !menu?.indented,\n            'cursor-pointer text-black hover:wcag-grey-200 data-[highlighted]:wcag-grey-200': !disabled,\n            'cursor-not-allowed hover:bg-white text-grey-300': disabled,\n        },\n        className\n    );\n};\n\nexport type MenuItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    dialog?: (props: Partial<DialogProps>) => JSX.Element;\n    disabled?: boolean;\n    icon?: IconName;\n    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n    popover?: (props: Partial<PopoverProps>) => JSX.Element;\n    shortcut?: string;\n    subMenu?: any;\n};\n\nexport const Item = React.forwardRef(function MenuItem(props: MenuItemProps, ref: React.Ref<HTMLDivElement>) {\n    const { dialog, icon, onClick, popover, shortcut, subMenu, ...otherProps } = props;\n    const menu = useCurrentMenu();\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: !!icon,\n        className: props.className,\n    });\n\n    const disabled = props.disabled ?? props['aria-disabled'];\n\n    let handleClick;\n\n    // radix has a bug that does not disable clicks when disabled is set on items\n    if (disabled) {\n        handleClick = event => {\n            event.preventDefault();\n            event.stopPropagation();\n        };\n    }\n\n    if (subMenu) {\n        return (\n            <DropdownMenuPrimitive.Sub>\n                <DropdownMenuPrimitive.SubTrigger {...otherProps} className={className} onClick={handleClick} ref={ref}>\n                    {icon ? <Icon name={icon} /> : null}\n                    {props.children}\n                    <IconPrimitive className=\"-mr-1.5 ml-auto !h-5 !w-5\" name=\"chevron-right\" />\n                </DropdownMenuPrimitive.SubTrigger>\n                {subMenu()}\n            </DropdownMenuPrimitive.Sub>\n        );\n    }\n\n    const handleSelect = event => {\n        if (onClick) {\n            onClick(event);\n        }\n\n        if (props['aria-haspopup'] || typeof dialog === 'function' || typeof popover === 'function') {\n            event.preventDefault();\n        }\n    };\n\n    let button = (\n        <DropdownMenuPrimitive.Item {...otherProps} className={className} onClick={handleClick} onSelect={handleSelect} ref={ref}>\n            {icon ? <Icon name={icon} /> : null}\n            {props.children}\n            {shortcut ? (\n                <span className=\"ml-auto pl-5\">\n                    <Shortcut keys={shortcut} className=\"text-grey-700\" />\n                </span>\n            ) : null}\n        </DropdownMenuPrimitive.Item>\n    );\n\n    if (typeof dialog === 'function') {\n        button = dialog({ trigger: button, onClose: menu?.close });\n    } else if (typeof popover === 'function') {\n        button = popover({ trigger: button });\n    }\n\n    return button;\n});\n"],"names":["Icon","name","React","className","IconPrimitive","useItemStyling","disabled","indented","menu","useCurrentMenu","registerIndentation","cn","Item","MenuItem","props","ref","dialog","icon","onClick","popover","shortcut","subMenu","otherProps","handleClick","event","preventDefault","stopPropagation","DropdownMenuPrimitive","children","handleSelect","button","onSelect","Shortcut","keys","trigger","onClose","close"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/Menu/components/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'classnames';\nimport { IconName } from '../../Icon/Icon';\nimport { Icon as IconPrimitive } from '../../Icon/Icon';\nimport { useCurrentMenu } from '../Context';\nimport { DialogProps } from '../../Dialog/Dialog';\nimport { Shortcut } from '../../Shortcut/Shortcut';\nimport { PopoverProps } from '../../Popover/Popover';\nimport { KeyDownHandlerOptions } from '../../../utils/keyboard';\n\nexport const Icon = ({ name }) => (\n    <span className=\"absolute left-0 ml-1\">\n        <IconPrimitive className=\"-ml-px -mt-px !h-5 !w-5\" name={name} />\n    </span>\n);\n\nexport const useItemStyling = ({ disabled, indented, className }) => {\n    const menu = useCurrentMenu();\n\n    React.useEffect(() => {\n        if (indented && !menu?.indented) {\n            menu?.registerIndentation();\n        }\n    }, [indented]);\n\n    return cn(\n        'flex items-center justify-start h-8 pr-1.5 relative rounded w-full focus:outline-none group',\n        {\n            'pl-7': menu?.indented,\n            'pl-1.5': !menu?.indented,\n            'cursor-pointer text-black hover:wcag-grey-200 data-[highlighted]:wcag-grey-200': !disabled,\n            'cursor-not-allowed hover:bg-white text-grey-300': disabled,\n        },\n        className\n    );\n};\n\nexport type MenuItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    dialog?: (props: Partial<DialogProps>) => JSX.Element;\n    disabled?: boolean;\n    icon?: IconName;\n    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n    popover?: (props: Partial<PopoverProps>) => JSX.Element;\n    shortcut?: string | KeyDownHandlerOptions;\n    subMenu?: any;\n};\n\nexport const Item = React.forwardRef(function MenuItem(props: MenuItemProps, ref: React.Ref<HTMLDivElement>) {\n    const { dialog, icon, onClick, popover, shortcut, subMenu, ...otherProps } = props;\n    const menu = useCurrentMenu();\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: !!icon,\n        className: props.className,\n    });\n\n    const disabled = props.disabled ?? props['aria-disabled'];\n\n    let handleClick;\n\n    // radix has a bug that does not disable clicks when disabled is set on items\n    if (disabled) {\n        handleClick = event => {\n            event.preventDefault();\n            event.stopPropagation();\n        };\n    }\n\n    if (subMenu) {\n        return (\n            <DropdownMenuPrimitive.Sub>\n                <DropdownMenuPrimitive.SubTrigger {...otherProps} className={className} onClick={handleClick} ref={ref}>\n                    {icon ? <Icon name={icon} /> : null}\n                    {props.children}\n                    <IconPrimitive className=\"-mr-1.5 ml-auto !h-5 !w-5\" name=\"chevron-right\" />\n                </DropdownMenuPrimitive.SubTrigger>\n                {subMenu()}\n            </DropdownMenuPrimitive.Sub>\n        );\n    }\n\n    const handleSelect = event => {\n        if (onClick) {\n            onClick(event);\n        }\n\n        if (props['aria-haspopup'] || typeof dialog === 'function' || typeof popover === 'function') {\n            event.preventDefault();\n        }\n    };\n\n    let button = (\n        <DropdownMenuPrimitive.Item {...otherProps} className={className} onClick={handleClick} onSelect={handleSelect} ref={ref}>\n            {icon ? <Icon name={icon} /> : null}\n            {props.children}\n            {shortcut ? (\n                <span className=\"ml-auto pl-5\">\n                    <Shortcut keys={shortcut} className=\"text-grey-700\" />\n                </span>\n            ) : null}\n        </DropdownMenuPrimitive.Item>\n    );\n\n    if (typeof dialog === 'function') {\n        button = dialog({ trigger: button, onClose: menu?.close });\n    } else if (typeof popover === 'function') {\n        button = popover({ trigger: button });\n    }\n\n    return button;\n});\n"],"names":["Icon","name","React","className","IconPrimitive","useItemStyling","disabled","indented","menu","useCurrentMenu","registerIndentation","cn","Item","MenuItem","props","ref","dialog","icon","onClick","popover","shortcut","subMenu","otherProps","handleClick","event","preventDefault","stopPropagation","DropdownMenuPrimitive","children","handleSelect","button","onSelect","Shortcut","keys","trigger","onClose","close"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Provider/Localization.js

@@ -259,7 +259,16 @@ const defaultLocalisationTexts = {
         isNoneOf: 'Is none of',
         isAllOf: 'Is all of',
         isEmpty: 'Is empty',
-        isNotEmpty: 'Is not empty'
+        isNotEmpty: 'Is not empty',
+        isBefore: 'Is before',
+        isAfter: 'Is after',
+        isOnOrBefore: 'Is on or before',
+        isOnOrAfter: 'Is on or after',
+        isLessThanOrEqualTo: 'Is less than or equal to',
+        isGreaterThanOrEqualTo: 'Is greater than or equal to',
+        hasAnyOf: 'Has any of',
+        hasAllOf: 'Has all of',
+        hasNoneOf: 'Has none of'
       },
       conditions: {
         and: 'And',
@@ -326,6 +335,9 @@ const defaultLocalisationTexts = {
       selectAllRows: 'Select all rows',
       expandRow: 'Expand current row',
       collapseRow: 'Collapse current row'
+    },
+    otherOptions: {
+      tooltip: 'Other options'
     }
   },
   searchInput: {