@zonos/amino 6.0.7 → 6.1.1

package/all.d.ts

@@ -19,6 +19,7 @@ import './components/cover-sheet/CoverSheetActions';
 import './components/currency/Currency';
 import './components/currency/DualCurrency';
 import './components/danger-zone/DangerZone';
+import './components/data-grid/DataGrid';
 import './components/dialog/alert/AlertContext';
 import './components/dialog/alert/AlertDialog';
 import './components/dialog/alert/useAlert';

package/amino.css

@@ -1,7 +1,5 @@
 @import url('https://rsms.me/inter/inter.css');
 
-/* Pivot table */
-@import url('pivot-table.css');
 /* Table night-theme overrides (avoids Tailwind dark: + arbitrary variant :is() warnings) */
 @import url('table-theme-overrides.css');
 /* Split react */

package/components/button/useRipple.d.ts

@@ -6,7 +6,7 @@ type RippleEventHandlers = {
 type Props = {
     disabled: boolean;
     rippleEnabled: boolean;
-    rippleRef: React.RefObject<RippleActions>;
+    rippleRef: React.RefObject<RippleActions | null>;
 };
 type Return = {
     /** Combines event handlers */

package/components/data-grid/DataGrid.d.ts

@@ -0,0 +1,87 @@
+import { type ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+/**
+ * A minimal data grid, built to cover exactly what `PivotTable` and
+ * `NestedDataTable` need: a CSS-grid layout with a sticky header, an optional
+ * frozen first column, click-to-sort, drag-to-resize, per-cell renderers and
+ * column spanning.
+ *
+ * It replaces `react-data-grid`, which amino carried at 100kB for these two
+ * components. The prop and type names mirror react-data-grid's so the wrapping
+ * components' public APIs did not have to change.
+ *
+ * Deliberately NOT implemented, because nothing in amino used them: row and
+ * column virtualization, cell selection, keyboard navigation, editing,
+ * copy/paste, row grouping and tree data. If a consumer ever needs a grid over
+ * thousands of rows, virtualization is the thing to add here first.
+ */
+export type SortDirection = 'ASC' | 'DESC';
+export type SortColumn = {
+    readonly columnKey: string;
+    readonly direction: SortDirection;
+};
+export type RenderSortStatusProps = {
+    priority: number | undefined;
+    sortDirection: SortDirection | undefined;
+};
+export type RenderCellProps<TRow> = {
+    column: CalculatedColumn<TRow>;
+    onRowChange: (row: TRow) => void;
+    row: TRow;
+    rowIdx: number;
+};
+export type ColSpanArgs<TRow> = {
+    row: TRow;
+    type: 'ROW';
+};
+/**
+ * `TSummaryRow` is unused — summary rows were a react-data-grid feature amino
+ * never rendered. The parameter stays so `ColumnProps<TRow, TSummaryRow>`, which
+ * consumers already import, keeps its arity.
+ */
+export type Column<TRow, TSummaryRow = unknown> = {
+    /** Extra class name for every cell in this column. */
+    cellClass?: string | ((row: TRow) => string | undefined);
+    /** Number of columns this cell should span, per row. */
+    colSpan?: (args: ColSpanArgs<TRow>) => number | undefined;
+    /** Pin the column to the start of the grid. */
+    frozen?: boolean;
+    /** Unique within a column set, and the row property the column reads. */
+    key: string;
+    /** @default 80 */
+    minWidth?: number;
+    name: ReactNode;
+    renderCell?: (props: RenderCellProps<TRow>) => ReactNode;
+    resizable?: boolean;
+    sortable?: boolean;
+    /** Pixels, or any valid grid track size. Defaults to `1fr`. */
+    width?: number | string;
+};
+/** A column with its defaults resolved. */
+export type CalculatedColumn<TRow, TSummaryRow = unknown> = Column<TRow, TSummaryRow> & {
+    idx: number;
+};
+export type DefaultColumnOptions<TRow, TSummaryRow = unknown> = Pick<Column<TRow, TSummaryRow>, 'minWidth' | 'resizable' | 'sortable' | 'width'>;
+export type Renderers<TRow, TSummaryRow = unknown> = {
+    renderSortStatus?: (props: RenderSortStatusProps) => ReactNode;
+};
+export type DataGridHandle = {
+    element: HTMLDivElement | null;
+};
+export type DataGridProps<TRow, TSummaryRow = unknown> = BaseProps & {
+    columns: readonly Column<TRow, TSummaryRow>[];
+    defaultColumnOptions?: DefaultColumnOptions<TRow, TSummaryRow>;
+    /** @default 40 */
+    headerRowHeight?: number;
+    onRowsChange?: (rows: TRow[], data: {
+        indexes: number[];
+    }) => void;
+    onSortColumnsChange?: (sortColumns: SortColumn[]) => void;
+    ref?: React.Ref<DataGridHandle>;
+    renderers?: Renderers<TRow, TSummaryRow>;
+    /** @default 45 */
+    rowHeight?: number | ((row: TRow) => number);
+    rows: readonly TRow[];
+    sortColumns?: readonly SortColumn[];
+};
+export declare const DataGrid: <TRow, TSummaryRow = unknown>({ className, columns: rawColumns, defaultColumnOptions, headerRowHeight, onRowsChange, onSortColumnsChange, ref, renderers, rowHeight, rows, sortColumns, style, }: DataGridProps<TRow, TSummaryRow>) => ReactNode;

package/components/data-grid/DataGrid.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../tslib.es6-cdc5f922.js"),n=require("react"),r=require("../../utils/cn.js"),o=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");var i="amino-grid-cell relative box-border flex min-w-0 items-center\n  overflow-hidden border-b border-e border-gray-200 px-amino-8 whitespace-nowrap\n  text-ellipsis";exports.DataGrid=function(t){var l=t.className,a=t.columns,s=t.defaultColumnOptions,u=t.headerRowHeight,d=void 0===u?40:u,c=t.onRowsChange,v=t.onSortColumnsChange,f=t.ref,m=t.renderers,g=t.rowHeight,p=void 0===g?45:g,y=t.rows,h=t.sortColumns,b=t.style,w=n.useRef(null),x=e.__read(n.useState({}),2),C=x[0],k=x[1],_=n.useMemo(function(){return a.map(function(n,r){var o,i;return e.__assign(e.__assign(e.__assign({},s),n),{idx:r,minWidth:null!==(i=null!==(o=n.minWidth)&&void 0!==o?o:null==s?void 0:s.minWidth)&&void 0!==i?i:80})})},[s,a]),z=n.useMemo(function(){var n,r,o,i,t={},l=0;try{for(var a=e.__values(_),s=a.next();!s.done;s=a.next()){var u=s.value;if(u.frozen){t[u.key]=l;var d=null!==(o=C[u.key])&&void 0!==o?o:u.width;l+="number"==typeof d?d:null!==(i=u.minWidth)&&void 0!==i?i:80}}}catch(e){n={error:e}}finally{try{s&&!s.done&&(r=a.return)&&r.call(a)}finally{if(n)throw n.error}}return t},[_,C]),S=_.map(function(e){var n,r,o,i;return o=null!==(n=C[e.key])&&void 0!==n?n:e.width,i=null!==(r=e.minWidth)&&void 0!==r?r:80,"number"==typeof o?"".concat(o,"px"):"string"==typeof o?o:"minmax(".concat(i,"px, 1fr)")}).join(" "),j=n.useCallback(function(e){if(v){var n=null==h?void 0:h.find(function(n){return n.columnKey===e}),r=function(e){return e?"ASC"===e?"DESC":void 0:"ASC"}(null==n?void 0:n.direction);v(r?[{columnKey:e,direction:r}]:[])}},[v,h]),N=n.useCallback(function(n,r){var o;n.preventDefault(),n.stopPropagation();var i=n.currentTarget.parentElement;if(i){var t=n.clientX,l=i.getBoundingClientRect().width,a=null!==(o=r.minWidth)&&void 0!==o?o:80,s=function(n){var o=Math.max(a,l+n.clientX-t);k(function(n){var i;return e.__assign(e.__assign({},n),((i={})[r.key]=o,i))})},u=function(){document.removeEventListener("pointermove",s),document.removeEventListener("pointerup",u)};document.addEventListener("pointermove",s),document.addEventListener("pointerup",u)}},[]),D=n.useCallback(function(n,r){if(c){var o=e.__spreadArray([],e.__read(y),!1);o[n]=r,c(o,{indexes:[n]})}},[c,y]),E=n.useCallback(function(e){w.current=e;var n={element:e};"function"==typeof f?f(n):f&&(f.current=n)},[f]),W=function(e){return o.jsx("div",{className:r.cn("amino-grid-resize-handle absolute inset-y-0 end-0 z-1 w-[10px]\n        cursor-col-resize touch-none","after:absolute after:inset-y-0 after:end-0 after:w-[2px]\n        after:bg-transparent after:transition-colors hover:after:bg-blue-400"),onClick:function(e){return e.stopPropagation()},onPointerDown:function(n){return N(n,e)},role:"presentation"})};return o.jsxs("div",{ref:E,"aria-colcount":_.length,"aria-rowcount":y.length+1,className:r.cn("amino-grid bg-gray-0 text-text-color relative z-0 box-border grid\n        auto-rows-min content-start overflow-auto border border-gray-200\n        text-sm",l),role:"grid",style:e.__assign({gridTemplateColumns:S},b),children:[o.jsx("div",{className:"amino-grid-header-row contents",role:"row",children:_.map(function(e){var n,t=null==h?void 0:h.findIndex(function(n){return n.columnKey===e.key}),l=void 0!==t&&t>=0?null==h?void 0:h[t]:void 0;return o.jsxs("div",{"aria-sort":l?"ASC"===l.direction?"ascending":"descending":void 0,className:r.cn(i,"amino-grid-header-cell gap-amino-4 sticky top-0 z-[2]","bg-gray-100 font-bold",e.frozen&&"amino-grid-cell-frozen z-[3]",e.sortable&&"amino-grid-header-cell-sortable cursor-pointer select-none\n                  focus-visible:outline-2 focus-visible:-outline-offset-2\n                  focus-visible:outline-blue-400"),onClick:e.sortable?function(){return j(e.key)}:void 0,onKeyDown:e.sortable?function(n){"Enter"!==n.key&&" "!==n.key||(n.preventDefault(),j(e.key))}:void 0,role:"columnheader",style:{height:d,insetInlineStart:e.frozen?z[e.key]:void 0},tabIndex:e.sortable?0:void 0,children:[o.jsx("span",{className:"amino-grid-header-cell-name grow overflow-hidden text-ellipsis",children:e.name}),e.sortable&&(null===(n=null==m?void 0:m.renderSortStatus)||void 0===n?void 0:n.call(m,{priority:l&&h&&h.length>1?(null!=t?t:0)+1:void 0,sortDirection:null==l?void 0:l.direction})),e.resizable&&W(e)]},e.key)})}),y.map(function(e,n){var t="function"==typeof p?p(e):p,l=0;return o.jsx("div",{className:"amino-grid-row group contents",role:"row",children:_.map(function(a){var s,u;if(l>0)return l-=1,null;var d=null===(s=a.colSpan)||void 0===s?void 0:s.call(a,{row:e,type:"ROW"}),c=!!d&&d>1;c&&(l=d-1);var v="function"==typeof a.cellClass?a.cellClass(e):a.cellClass;return o.jsxs("div",{className:r.cn(i,"group-hover:bg-gray-50",a.frozen&&"amino-grid-cell-frozen bg-gray-0 sticky z-1",c&&"amino-grid-cell-span items-start overflow-auto\n                      whitespace-normal",v),role:"gridcell",style:{gridColumn:c?"span ".concat(d):void 0,insetInlineStart:a.frozen?z[a.key]:void 0,minHeight:t},children:[a.renderCell?a.renderCell({column:a,onRowChange:function(e){return D(n,e)},row:e,rowIdx:n}):String(null!==(u=e[a.key])&&void 0!==u?u:""),a.resizable&&!c&&W(a)]},a.key)})},n)})]})};

package/components/filter/FilterWrapper.d.ts

@@ -4,7 +4,7 @@ type FilterWrapperProps = BaseProps & {
     active: boolean;
     children: ReactNode;
     dropDownOpen: boolean;
-    dropdownRef: RefObject<HTMLDivElement>;
+    dropdownRef: RefObject<HTMLDivElement | null>;
     dropdownTitle: string;
     filterText: string;
     handleApply: () => void;

package/components/input/Input.d.ts

@@ -1,11 +1,11 @@
-import type { ChangeEventHandler, InputHTMLAttributes, MutableRefObject } from 'react';
+import type { ChangeEventHandler, InputHTMLAttributes, RefObject } from 'react';
 import { type HelpTextProps } from "../help-text/HelpText";
 import { type FloatLabelInputProps } from "./input-type/_FloatLabelInput";
 type InputType = {
     /** Need to pass the ref here to preserve generics, as forwardRef doesn't allow it
      * @link https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
      */
-    inputRef?: MutableRefObject<HTMLInputElement | null>;
+    inputRef?: RefObject<HTMLInputElement | null>;
     /**
      * @default false
      */

package/components/input/input-simple/InputSimple.d.ts

@@ -1,11 +1,11 @@
-import type { ChangeEventHandler, InputHTMLAttributes, MutableRefObject } from 'react';
+import type { ChangeEventHandler, InputHTMLAttributes, RefObject } from 'react';
 import { type HelpTextProps } from "../../help-text/HelpText";
 import { type InputBaseProps } from './input-type/_InputBase';
 type InputType = {
     /** Need to pass the ref here to preserve generics, as forwardRef doesn't allow it
      * @link https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
      */
-    inputRef?: MutableRefObject<HTMLInputElement | null>;
+    inputRef?: RefObject<HTMLInputElement | null>;
     /**
      * @default false
      */

package/components/input/input-simple/input-type/_DateInput.d.ts

@@ -17,4 +17,4 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<import
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-simple/input-type/_InputBase.d.ts

@@ -121,5 +121,5 @@ export declare const InputBase: import("react").ForwardRefExoticComponent<BasePr
     value: string | null;
     /** An additional value that appears next to the input but cannot be changed by the input */
     valuePrefix?: ReactNode;
-} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/components/input/input-simple/input-type/_NumberInput.d.ts

@@ -18,4 +18,4 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<impo
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-simple/input-type/_PasswordInput.d.ts

@@ -17,4 +17,4 @@ export declare const PasswordInput: import("react").ForwardRefExoticComponent<im
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-simple/input-type/_TimeInput.d.ts

@@ -17,4 +17,4 @@ export declare const TimeInput: import("react").ForwardRefExoticComponent<import
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_DateInput.d.ts

@@ -17,4 +17,4 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<import
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_FloatLabelInput.d.ts

@@ -123,5 +123,5 @@ export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<
     value: string | null;
     /** An additional value that appears next to the input but cannot be changed by the input */
     valuePrefix?: ReactNode;
-} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/components/input/input-type/_NumberInput.d.ts

@@ -18,4 +18,4 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<impo
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_PasswordInput.d.ts

@@ -17,4 +17,4 @@ export declare const PasswordInput: import("react").ForwardRefExoticComponent<im
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_TimeInput.d.ts

@@ -17,4 +17,4 @@ export declare const TimeInput: import("react").ForwardRefExoticComponent<import
     type?: import("react").HTMLInputTypeAttribute;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/nested-data-table/NestedDataTable.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { Column } from 'react-data-grid';
+import type { Column } from "../data-grid/DataGrid";
 import type { BaseProps } from "../../types/BaseProps";
 import type { flattenRow } from "../../utils/flattenRow";
 type ColumnType<TRow> = Column<TRow, Record<string, unknown>>;

package/components/nested-data-table/NestedDataTable.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("../__amino__/TranslateAminoText.js"),t=require("../button/Button.js"),s=require("./_TableData.js"),i=require("../rest-state/RestState.js"),n=require("../text/Text.js"),a=require("../../utils/cn.js"),u=require("../../utils/translations/__amino__/translateAminoText.js"),l=require("../../utils/translations/AminoTranslationStore.js"),o=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../tslib.es6-cdc5f922.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("clsx"),require("tailwind-merge"),require("../../utils/getTestId.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");exports.NestedDataTable=function(c){var j=c.currentPage,q=c.customColumnCells,x=c.customFlattenRow,d=c.handlePagination,m=c.hasNextPage,g=c.hasPreviousPage,p=c.isFetching,h=c.loadingComponent,T=c.restState,b=c.style,C=c.tableData,v=c.title,_=l.useCurrentLanguage(),f=e.useMemo(function(){return Array.isArray(C)?C:[C]},[C]),R=!!d&&!!j&&C.length;return o.jsxs("div",{className:a.cn("h-full"),style:b,children:[o.jsxs("div",{className:a.cn("p-amino-8 flex items-center"),children:[!!v&&o.jsx(n.Text,{type:"header",children:v}),!!R&&o.jsxs("div",{className:a.cn("gap-amino-8 flex flex-1 items-center justify-end"),children:[o.jsx(t.Button,{disabled:1===j||!g,onClick:function(){g&&d(j-1)},outline:!0,children:o.jsx(r.TranslateAminoText,{text:"Previous page"})}),j,o.jsx(t.Button,{disabled:!m,onClick:function(){m&&d(j+1)},outline:!0,children:o.jsx(r.TranslateAminoText,{text:"Next page"})})]})]}),p?h?o.jsx(o.Fragment,{children:h}):o.jsx(i.RestState,{label:u.translateAminoText({languageCode:_,text:"Loading..."})}):0===f.length?T?o.jsx(o.Fragment,{children:T}):o.jsx(i.RestState,{label:u.translateAminoText({languageCode:_,text:"No data available."})}):o.jsx(s.TableData,{customColumnCells:q,customFlattenRow:x,tableDataArr:f})]})};
+"use strict";var e=require("react"),r=require("../__amino__/TranslateAminoText.js"),t=require("../button/Button.js"),s=require("./_TableData.js"),i=require("../rest-state/RestState.js"),n=require("../text/Text.js"),a=require("../../utils/cn.js"),u=require("../../utils/translations/__amino__/translateAminoText.js"),l=require("../../utils/translations/AminoTranslationStore.js"),o=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../tslib.es6-cdc5f922.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("clsx"),require("tailwind-merge"),require("../../utils/getTestId.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js"),require("../pivot-table/PivotTable.js"),require("../data-grid/DataGrid.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");exports.NestedDataTable=function(c){var j=c.currentPage,q=c.customColumnCells,x=c.customFlattenRow,d=c.handlePagination,m=c.hasNextPage,g=c.hasPreviousPage,p=c.isFetching,h=c.loadingComponent,T=c.restState,b=c.style,C=c.tableData,v=c.title,_=l.useCurrentLanguage(),f=e.useMemo(function(){return Array.isArray(C)?C:[C]},[C]),R=!!d&&!!j&&C.length;return o.jsxs("div",{className:a.cn("h-full"),style:b,children:[o.jsxs("div",{className:a.cn("p-amino-8 flex items-center"),children:[!!v&&o.jsx(n.Text,{type:"header",children:v}),!!R&&o.jsxs("div",{className:a.cn("gap-amino-8 flex flex-1 items-center justify-end"),children:[o.jsx(t.Button,{disabled:1===j||!g,onClick:function(){g&&d(j-1)},outline:!0,children:o.jsx(r.TranslateAminoText,{text:"Previous page"})}),j,o.jsx(t.Button,{disabled:!m,onClick:function(){m&&d(j+1)},outline:!0,children:o.jsx(r.TranslateAminoText,{text:"Next page"})})]})]}),p?h?o.jsx(o.Fragment,{children:h}):o.jsx(i.RestState,{label:u.translateAminoText({languageCode:_,text:"Loading..."})}):0===f.length?T?o.jsx(o.Fragment,{children:T}):o.jsx(i.RestState,{label:u.translateAminoText({languageCode:_,text:"No data available."})}):o.jsx(s.TableData,{customColumnCells:q,customFlattenRow:x,tableDataArr:f})]})};

package/components/nested-data-table/NestedDataTableHasura.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./NestedDataTable.js"),t=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js"),i=require("react/jsx-runtime");require("../__amino__/TranslateAminoText.js"),require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../tslib.es6-cdc5f922.js"),require("../../utils/translations/AminoTranslationStore.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("../button/Button.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge"),require("../../utils/getTestId.js"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../../utils/translations/__amino__/translateAminoText.js"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,n=s.query,o=s.setCachingKey,l=s.setQuery,q=s.tableData,c=s.title,j=e.useMemo(function(){return Array.isArray(q)?q:[q]},[q]),p=t.useHasuraGqlPagination({actionName:c,query:n,setCachingKey:o,setQuery:l}),d=p.currentPage,b=p.handlePagination;return i.jsx(r.NestedDataTable,{currentPage:d,customFlattenRow:u,handlePagination:b,isFetching:a,tableData:j,title:c})};
+"use strict";var e=require("react"),r=require("./NestedDataTable.js"),t=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js"),i=require("react/jsx-runtime");require("../__amino__/TranslateAminoText.js"),require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../tslib.es6-cdc5f922.js"),require("../../utils/translations/AminoTranslationStore.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("../button/Button.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge"),require("../../utils/getTestId.js"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../../utils/translations/__amino__/translateAminoText.js"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js"),require("../pivot-table/PivotTable.js"),require("../data-grid/DataGrid.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,n=s.query,o=s.setCachingKey,l=s.setQuery,q=s.tableData,c=s.title,j=e.useMemo(function(){return Array.isArray(q)?q:[q]},[q]),p=t.useHasuraGqlPagination({actionName:c,query:n,setCachingKey:o,setQuery:l}),d=p.currentPage,b=p.handlePagination;return i.jsx(r.NestedDataTable,{currentPage:d,customFlattenRow:u,handlePagination:b,isFetching:a,tableData:j,title:c})};

package/components/nested-data-table/_Filter.d.ts

@@ -1,4 +1,4 @@
-import type { Column } from 'react-data-grid';
+import type { Column } from "../data-grid/DataGrid";
 import type { RowWithIndex } from "../pivot-table/PivotTable";
 export declare const Filter: ({ columns, hiddenColumns, setHiddenColumns, }: {
     columns: Column<RowWithIndex, Record<string, unknown>>[];

package/components/nested-data-table/_Filter.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),t=require("../__amino__/TranslateAminoText.js"),i=require("../select/MultiSelect.js"),s=require("../../icons/FilterIcon.js"),n=require("../../utils/cn.js"),l=require("../../utils/hooks/useDropdown.js"),u=require("../../utils/translations/__amino__/translateAminoText.js"),a=require("../../utils/translations/AminoTranslationStore.js"),o=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("@floating-ui/react"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js");exports.Filter=function(c){var m=c.columns,d=c.hiddenColumns,q=c.setHiddenColumns,j=l.useDropdown(),x=j.floatingStyles,_=j.refs,f=j.setVisible,v=j.visibility,b=j.visible,g=j.wrapperRef,p=a.useCurrentLanguage(),h=r.useMemo(function(){return m.map(function(e){return{label:e.key,value:e.key}})},[m]);return o.jsxs("div",{ref:g,className:n.cn("relative"),children:[o.jsxs("button",{ref:_.setReference,className:n.cn("h-amino-size-sm px-amino-12 flex items-center justify-center","border-amino rounded-amino-6 border"),onClick:function(){return f(!b)},type:"button",children:[o.jsx(s.FilterIcon,{size:16})," ",o.jsx(t.TranslateAminoText,{text:"Filter --context: button text referencing filtering data"})]}),o.jsx("div",{ref:_.setFloating,className:n.cn("p-amino-16 bg-gray-0 rounded-amino-8 flex w-[300px] border\n          border-gray-200","shadow-[0_0_1px_var(--amino-gray-400)]","[&>div]:w-full","[&_.value-container]:overflow-x-auto","[&_.multi-value]:flex [&_.multi-value]:h-[22px]\n          [&_.multi-value]:items-center","[&_.multi-value_[role=button]]:flex\n          [&_.multi-value_[role=button]]:items-center\n          [&_.multi-value_[role=button]]:justify-center"),style:e.__assign(e.__assign({},x),{opacity:"visible"===v?1:0,zIndex:"visible"===v?1:-1}),children:o.jsx(i.MultiSelect,{hideSelectedOptions:!1,label:u.translateAminoText({languageCode:p,text:"Hide column"}),onChange:function(e){q(e.flatMap(function(e){return[e.value]}))},options:h,value:h.filter(function(e){return d.includes(e.value)})})})]})};
+"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),t=require("../__amino__/TranslateAminoText.js"),i=require("../select/MultiSelect.js"),n=require("../../icons/FilterIcon.js"),s=require("../../utils/cn.js"),l=require("../../utils/hooks/useDropdown.js"),a=require("../../utils/translations/__amino__/translateAminoText.js"),u=require("../../utils/translations/AminoTranslationStore.js"),o=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("@floating-ui/react"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js");exports.Filter=function(c){var m=c.columns,d=c.hiddenColumns,q=c.setHiddenColumns,j=l.useDropdown({floatingOptions:{transform:!1}}),x=j.floatingStyles,f=j.refs,_=j.setVisible,v=j.visibility,b=j.visible,g=j.wrapperRef,p=u.useCurrentLanguage(),h=r.useMemo(function(){return m.map(function(e){return{label:e.key,value:e.key}})},[m]);return o.jsxs("div",{ref:g,className:s.cn("relative"),children:[o.jsxs("button",{ref:f.setReference,className:s.cn("h-amino-size-sm px-amino-12 flex items-center justify-center","border-amino rounded-amino-6 border"),onClick:function(){return _(!b)},type:"button",children:[o.jsx(n.FilterIcon,{size:16})," ",o.jsx(t.TranslateAminoText,{text:"Filter --context: button text referencing filtering data"})]}),o.jsx("div",{ref:f.setFloating,className:s.cn("p-amino-16 bg-gray-0 rounded-amino-8 flex w-[300px] border\n          border-gray-200","shadow-[0_0_1px_var(--amino-gray-400)]","[&>div]:w-full","[&_.value-container]:overflow-x-auto","[&_.multi-value]:flex [&_.multi-value]:h-[22px]\n          [&_.multi-value]:items-center","[&_.multi-value_[role=button]]:flex\n          [&_.multi-value_[role=button]]:items-center\n          [&_.multi-value_[role=button]]:justify-center"),style:e.__assign(e.__assign({},x),{opacity:"visible"===v?1:0,zIndex:"visible"===v?1:-1}),children:o.jsx(i.MultiSelect,{hideSelectedOptions:!1,label:a.translateAminoText({languageCode:p,text:"Hide column"}),onChange:function(e){q(e.flatMap(function(e){return[e.value]}))},options:h,placeholder:a.translateAminoText({languageCode:p,text:"Search..."}),value:h.filter(function(e){return d.includes(e.value)})})})]})};

package/components/nested-data-table/_TableData.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { Column } from 'react-data-grid';
+import type { Column } from "../data-grid/DataGrid";
 import { type RowWithIndex } from "../pivot-table/PivotTable";
 import { flattenRow } from "../../utils/flattenRow";
 type ColumnType = Column<RowWithIndex, Record<string, unknown>>;

package/components/nested-data-table/_TableData.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),t=require("../button/Button.js"),i=require("./_Filter.js"),n=require("../pivot-table/PivotTable.js"),s=require("../tooltip/Tooltip.js"),a=require("../../icons/ChevronRightCircleIcon.js"),u=require("../../utils/cn.js"),o=require("../../utils/flattenRow.js"),l=require("../../utils/setupNestedData.js"),c=require("../../utils/truncateText.js"),d=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("clsx"),require("tailwind-merge"),require("../../utils/getTestId.js"),require("../__amino__/TranslateAminoText.js"),require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../utils/translations/AminoTranslationStore.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../../utils/translations/__amino__/translateAminoText.js"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip");var j=function(p){var q=p.customColumnCells,_=p.customFlattenRow,x=p.noFilter,m=p.tableDataArr,v=_||o.flattenRow,f=e.__read(r.useState([]),2),h=f[0],g=f[1],b=r.useCallback(function(){return m.map(function(e){var r=Object.entries(e).reduce(function(e,r){return v({currentVal:r,prev:e})},{});return l.setupNestedData(r)})},[v,m]),y=e.__read(r.useState(b()),2),C=y[0],T=y[1];r.useEffect(function(){m&&T(b())},[b,m]);var k=r.useCallback(function(r){var i=r.column,n=r.onRowChange,o=r.row,l=o[i.key];if(Array.isArray(l)){var p=0===l.length,x=o._expandedKey===i.key;return d.jsx("div",{className:u.cn("flex h-full items-center"),children:d.jsx(s.Tooltip,{disabled:!p,title:"This list has no items.",children:d.jsx(t.Button,{className:u.cn(x&&"[&_svg]:rotate-90","[&_svg]:transition-all [&_svg]:duration-300\n                  [&_svg]:ease-[ease]"),disabled:p,icon:d.jsx(a.ChevronRightCircleIcon,{}),onClick:function(){return n(e.__assign(e.__assign({},o),{_expandedKey:x?"":i.key}))},variant:"subtle"})})})}return o._expandedData&&o._expandedData.length>0?d.jsx(j,{customColumnCells:q,customFlattenRow:_,noFilter:!0,tableDataArr:o._expandedData}):"string"==typeof l?c.truncateText({addEllipsis:!0,length:40,text:l}):l},[q,_]),D=r.useMemo(function(){return Object.entries(C.find(Boolean)||{}).filter(function(r){var t=e.__read(r,1)[0];return"key"!==t&&!t.startsWith("_")}).flatMap(function(r){var t=e.__read(r,1)[0];return[{key:t,name:t,renderCell:(null==q?void 0:q[t])||k}]})},[q,k,C]),R=r.useMemo(function(){var r=D.filter(function(e){return!h.includes(e.key)});return r.map(function(t){return e.__assign(e.__assign({},t),{cellClass:function(e){return e._expandedKey===t.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?r.filter(function(e){return!e.key.startsWith("_")}).length:void 0}})})},[D,h]);return d.jsxs("div",{className:u.cn("[&_.expanding]:bg-gray-50","[&_&]:pt-amino-4 [&_&]:px-amino-12 [&_&]:pb-amino-24"),children:[d.jsx("div",{className:u.cn("mb-amino-12 flex items-center justify-end"),children:!x&&d.jsx(i.Filter,{columns:D,hiddenColumns:h,setHiddenColumns:g})}),d.jsx(n.PivotTable,{columns:R,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,r){var t=r.indexes[0],i=void 0!==t?e[t]:null;if(i&&void 0!==t){var n=i[i._expandedKey];if(n&&Array.isArray(n)){var s=e[t+1],a=(null==s?void 0:s._expandedData)&&s._expandedData.length>0,u=n[0],o="object"==typeof u&&u?n:n.map(function(e){return{item:e}});e.splice(t+1,a?1:0,{_expandedData:o,_expandedKey:""})}else e.splice(t+1,1);T(e)}},rowHeight:function(e){var r,t;return"ROW"===e.type&&(null===(t=null===(r=e.row)||void 0===r?void 0:r._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:C,tableHeight:"100%"})]})};exports.TableData=j;
+"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),t=require("../button/Button.js"),i=require("./_Filter.js"),n=require("../pivot-table/PivotTable.js"),s=require("../tooltip/Tooltip.js"),a=require("../../icons/ChevronRightCircleIcon.js"),u=require("../../utils/cn.js"),o=require("../../utils/flattenRow.js"),l=require("../../utils/setupNestedData.js"),c=require("../../utils/truncateText.js"),d=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("clsx"),require("tailwind-merge"),require("../../utils/getTestId.js"),require("../__amino__/TranslateAminoText.js"),require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../utils/translations/AminoTranslationStore.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../../utils/translations/__amino__/translateAminoText.js"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js"),require("../data-grid/DataGrid.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip");var j=function(q){var p=q.customColumnCells,_=q.customFlattenRow,x=q.noFilter,m=q.tableDataArr,f=_||o.flattenRow,v=e.__read(r.useState([]),2),h=v[0],g=v[1],b=r.useCallback(function(){return m.map(function(e){var r=Object.entries(e).reduce(function(e,r){return f({currentVal:r,prev:e})},{});return l.setupNestedData(r)})},[f,m]),y=e.__read(r.useState(b()),2),C=y[0],T=y[1];r.useEffect(function(){m&&T(b())},[b,m]);var k=r.useCallback(function(r){var i=r.column,n=r.onRowChange,o=r.row,l=o[i.key];if(Array.isArray(l)){var q=0===l.length,x=o._expandedKey===i.key;return d.jsx("div",{className:u.cn("flex h-full items-center"),children:d.jsx(s.Tooltip,{disabled:!q,title:"This list has no items.",children:d.jsx(t.Button,{className:u.cn(x&&"[&_svg]:rotate-90","[&_svg]:transition-all [&_svg]:duration-300\n                  [&_svg]:ease-[ease]"),disabled:q,icon:d.jsx(a.ChevronRightCircleIcon,{}),onClick:function(){return n(e.__assign(e.__assign({},o),{_expandedKey:x?"":i.key}))},variant:"subtle"})})})}return o._expandedData&&o._expandedData.length>0?d.jsx(j,{customColumnCells:p,customFlattenRow:_,noFilter:!0,tableDataArr:o._expandedData}):"string"==typeof l?c.truncateText({addEllipsis:!0,length:40,text:l}):l},[p,_]),D=r.useMemo(function(){return Object.entries(C.find(Boolean)||{}).filter(function(r){var t=e.__read(r,1)[0];return"key"!==t&&!t.startsWith("_")}).flatMap(function(r){var t=e.__read(r,1)[0];return[{key:t,name:t,renderCell:(null==p?void 0:p[t])||k}]})},[p,k,C]),R=r.useMemo(function(){var r=D.filter(function(e){return!h.includes(e.key)});return r.map(function(t){return e.__assign(e.__assign({},t),{cellClass:function(e){return e._expandedKey===t.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?r.filter(function(e){return!e.key.startsWith("_")}).length:void 0}})})},[D,h]);return d.jsxs("div",{className:u.cn("[&_.expanding]:bg-gray-50","[&_&]:pt-amino-4 [&_&]:px-amino-12 [&_&]:pb-amino-24"),children:[d.jsx("div",{className:u.cn("mb-amino-12 flex items-center justify-end"),children:!x&&d.jsx(i.Filter,{columns:D,hiddenColumns:h,setHiddenColumns:g})}),d.jsx(n.PivotTable,{columns:R,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,r){var t=r.indexes[0],i=void 0!==t?e[t]:null;if(i&&void 0!==t){var n=i[i._expandedKey];if(n&&Array.isArray(n)){var s=e[t+1],a=(null==s?void 0:s._expandedData)&&s._expandedData.length>0,u=n[0],o="object"==typeof u&&u?n:n.map(function(e){return{item:e}});e.splice(t+1,a?1:0,{_expandedData:o,_expandedKey:""})}else e.splice(t+1,1);T(e)}},rows:C,tableHeight:"100%"})]})};exports.TableData=j;

package/components/pivot-table/PivotTable.d.ts

@@ -1,4 +1,4 @@
-import { type Column, type DataGridProps } from 'react-data-grid';
+import { type Column, type DataGridProps } from "../data-grid/DataGrid";
 import type { BaseProps } from "../../types/BaseProps";
 export type KeyValue = string | number;
 type RowData = Record<string, unknown>;
@@ -23,10 +23,15 @@ export type NestedRowData = {
 export type RowWithIndex<Row extends RowData = RowData> = Row & {
     _itemIndex?: number;
 } & NestedRowData;
-type Props<TRow extends RowWithIndex, TSummaryRow, TRowKey extends KeyValue> = BaseProps & Omit<DataGridProps<TRow, TSummaryRow, TRowKey>, keyof OverrideProps<TRow, TSummaryRow>> & OverrideProps<TRow, TSummaryRow>;
+type Props<TRow extends RowWithIndex, TSummaryRow, 
+/**
+ * Retained for source compatibility with the react-data-grid-backed version
+ * of this component; the grid no longer keys rows by a caller-supplied type.
+ */
+TRowKey extends KeyValue = KeyValue> = BaseProps & Omit<DataGridProps<TRow, TSummaryRow>, keyof OverrideProps<TRow, TSummaryRow>> & OverrideProps<TRow, TSummaryRow>;
 /**
  * PivotTable component renders tabular data with advanced features like sorting, indexing, and custom renderers.
- * Built on top of react-data-grid with added functionality and styling consistent with Amino design.
+ * Built on top of amino's DataGrid with added functionality and styling consistent with Amino design.
  *
  * @example Basic usage
  * const columns = [

package/components/pivot-table/PivotTable.js

@@ -1 +1 @@
-"use strict";var r=require("../../_rollupPluginBabelHelpers-4522587c.js"),e=require("../../tslib.es6-cdc5f922.js"),n=require("react"),t=require("react-data-grid"),o=require("../../icons/ChevronDownIcon.js"),s=require("../../icons/ChevronUpIcon.js"),a=require("../../utils/addIndex.js"),i=require("../../utils/cn.js"),l=require("react/jsx-runtime");function u(r){return r&&r.__esModule?r:{default:r}}require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge");var d=u(t);exports.PivotTable=function(t){var u=t.columns,c=t.onSortColumnsChange,g=t.renderers,m=t.rows,_=t.sortColumns,h=void 0===_?[]:_,f=t.style,y=t.tableHeight,b=e.__rest(t,["columns","onSortColumnsChange","renderers","rows","sortColumns","style","tableHeight"]),x=n.useRef(null),p=e.__read(n.useState(h||[]),2),v=p[0],j=p[1],C=n.useCallback(function(r){var e=r.priority,n=r.sortDirection;return n?l.jsxs("span",{className:i.cn("flex h-full items-center justify-center"),children:["ASC"===n?l.jsx(s.ChevronUpIcon,{color:"gray900"}):l.jsx(o.ChevronDownIcon,{color:"gray900"}),l.jsx("span",{children:e})]}):null},[]),w=e.__assign({renderSortStatus:C},g),q=e.__spreadArray([{frozen:!0,key:"_itemIndex",name:"",sortable:!1,width:60}],e.__read(u),!1),I=n.useMemo(function(){if(0===v.length)return m.map(a.addIndex);return e.__spreadArray([],e.__read(m),!1).sort(function(r,e){var n=0;return v.some(function(t){var o,s=(o=t.columnKey,function(r,e){var n=r[o],t=e[o];switch(typeof n){case"boolean":return n===t?0:n?1:-1;case"string":return"string"==typeof t?n.localeCompare(t):0;case"number":return"number"==typeof t?n-t:0;default:return 0}}),a=s(r,e);return 0!==a?(n="ASC"===t.direction?a:-a,1):0}),n}).map(a.addIndex)},[m,v]);return l.jsx("div",{className:i.cn("amino-pivot-table relative","[&_.data-grid]:rounded-amino-8 [&_.data-grid]:h-full\n        [&_.data-grid]:bg-inherit","[&_.rdg-row]:bg-gray-0 [&_.rdg-row]:text-text-color","[&_.rdg-header-row]:text-text-color [&_.rdg-header-row]:bg-gray-100\n        [&_.rdg-header-row]:font-bold","[&_.rdg-summary-row]:text-text-color [&_.rdg-summary-row]:bg-gray-100\n        [&_.rdg-summary-row]:font-bold","[&_.rdg-cell]:border [&_.rdg-cell]:border-gray-200"),style:e.__assign({height:y||"calc(100vh - 145px)",minHeight:y||void 0},f),children:l.jsx(d.default,r._objectSpread2({ref:x,className:"data-grid",columns:q,onSortColumnsChange:c||j,renderers:w,rows:I,sortColumns:v},b))})};
+"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),r=require("../../tslib.es6-cdc5f922.js"),n=require("react"),s=require("../data-grid/DataGrid.js"),t=require("../../icons/ChevronDownIcon.js"),a=require("../../icons/ChevronUpIcon.js"),o=require("../../utils/addIndex.js"),i=require("../../utils/cn.js"),u=require("react/jsx-runtime");require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge");exports.PivotTable=function(l){var c=l.columns,d=l.onSortColumnsChange,m=l.renderers,h=l.rows,_=l.sortColumns,g=void 0===_?[]:_,p=l.style,f=l.tableHeight,j=r.__rest(l,["columns","onSortColumnsChange","renderers","rows","sortColumns","style","tableHeight"]),v=n.useRef(null),C=!!d,x=r.__read(n.useState(g),2),y=x[0],b=x[1],q=C?g:y,I=n.useCallback(function(e){var r=e.priority,n=e.sortDirection;return n?u.jsxs("span",{className:i.cn("flex h-full items-center justify-center"),children:["ASC"===n?u.jsx(a.ChevronUpIcon,{color:"gray900"}):u.jsx(t.ChevronDownIcon,{color:"gray900"}),u.jsx("span",{children:r})]}):null},[]),S=r.__assign({renderSortStatus:I},m),w=r.__spreadArray([{frozen:!0,key:"_itemIndex",name:"",sortable:!1,width:60}],r.__read(c),!1),D=n.useMemo(function(){if(0===q.length)return h.map(o.addIndex);return r.__spreadArray([],r.__read(h),!1).sort(function(e,r){var n=0;return q.some(function(s){var t,a=(t=s.columnKey,function(e,r){var n=e[t],s=r[t];switch(typeof n){case"boolean":return n===s?0:n?1:-1;case"string":return"string"==typeof s?n.localeCompare(s):0;case"number":return"number"==typeof s?n-s:0;default:return 0}}),o=a(e,r);return 0!==o?(n="ASC"===s.direction?o:-o,1):0}),n}).map(o.addIndex)},[h,q]);return u.jsx("div",{className:i.cn("amino-pivot-table relative","[&_.data-grid]:rounded-amino-8 [&_.data-grid]:h-full\n        [&_.data-grid]:bg-inherit"),style:r.__assign({height:f||"calc(100vh - 145px)",minHeight:f||void 0},p),children:u.jsx(s.DataGrid,e._objectSpread2({ref:v,className:"data-grid",columns:w,onSortColumnsChange:d||b,renderers:S,rows:D,sortColumns:q},j))})};

package/components/simple-table/SimpleTableRow.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("../checkbox/Checkbox.js"),r=require("../table/TableRowCollapse.js"),l=require("../tooltip/Tooltip.js"),i=require("../../utils/cn.js"),n=require("react/jsx-runtime");function o(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../../tslib.es6-cdc5f922.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("../button/Button.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../collapse/Collapse.js"),require("../table/TableCell.js"),require("../table/TableRow.js"),require("../../icons/ChevronUpIcon.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip");var d=o(e),s=800;exports.SimpleTableRow=function(o){var a,c,p=o.bordered,u=o.collapsible,h=o.CustomLinkComponent,f=o.getRowLink,w=o.headers,b=o.index,v=o.item,m=o.noHoverBackground,x=o.onRowClick,j=o.onRowHover,k=o.rowKey,q=o.selectable,C=e.useRef(null),g=function(e){var t=v[e.key],r=function(t){var r=d.default.Children.toArray(t).some(function(e){return!!d.default.isValidElement(e)&&/row-hover-show|cell-hover-show/.test(e.props.className)}),o=i.cn("truncate"===e.textWrapMethod&&!r&&"max-w-[var(--amino-cell-min-width)]\n          min-w-[var(--amino-cell-min-width)] [&>:first-child]:overflow-hidden\n          [&>:first-child]:text-ellipsis"),a={"--amino-cell-min-width":"".concat(e.minWidth||0,"px")},c=i.cn(e.noPadding&&"p-0!","normal"===e.textWrapMethod&&"whitespace-normal!"),p={textAlign:e.align||"start"},u=function(e){switch(e){case"center":return"bottom";case"end":return"bottom-end";default:return"bottom-start"}}(e.align);if(f&&!(null==q?void 0:q.anySelected)&&!e.disabledLink){var w=h||"a";return n.jsx("td",{className:o,style:a,children:n.jsx(l.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:s,enterNextDelay:s,placement:u,subtitle:t,children:n.jsx(w,{className:i.cn("p-amino-12 block h-full w-full content-center\n                  whitespace-nowrap",c),href:f(v),style:p,children:t})})})}return n.jsx("td",{className:o,style:a,children:n.jsx(l.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:s,enterNextDelay:s,placement:u,subtitle:t,children:n.jsx("span",{className:i.cn("p-amino-12 block h-full w-full content-center\n                whitespace-nowrap",c),style:p,children:t})})})};return e.renderCustom?n.jsx(n.Fragment,{children:r(e.renderCustom(t,v))}):n.jsx(n.Fragment,{children:r(String(t))})},y=function(){var r,l,i;return n.jsxs(n.Fragment,{children:[(null==q?void 0:q.enabled)&&n.jsx("td",{ref:C,children:(null===(r=null==q?void 0:q.renderCustomRowCheckbox)||void 0===r?void 0:r.call(q,v,b))||n.jsx(t.Checkbox,{checked:(null===(l=null==q?void 0:q.isRowChecked)||void 0===l?void 0:l.call(q,v,b))||!1,"data-testid":"amino--row-checkbox-".concat(k),disabled:(null===(i=null==q?void 0:q.isRowCheckboxDisabled)||void 0===i?void 0:i.call(q,v,b))||!1,onChange:function(e){var t;return null===(t=null==q?void 0:q.onRowCheckboxChange)||void 0===t?void 0:t.call(q,e,v,b)}})}),w.map(function(t){return n.jsx(e.Fragment,{children:g(t)},t.key)})]})};if((null==u?void 0:u.enabled)&&(null===(a=u.collapseContent)||void 0===a?void 0:a.length)){var R=u.collapseContent,T=u.expandedItemKeys,_=u.toggleItem,N=!T.includes(k),D=null===(c=null==R?void 0:R.find(function(e){return e.key===k}))||void 0===c?void 0:c.content;return n.jsx(r.TableRowCollapse,{className:i.cn("[&>td]:border-b-amino-subtle [&>td>:first-child]:p-amino-12\n          [&>td>:first-child.tooltip-wrapper>a]:p-amino-12\n          [&>td>:first-child.tooltip-wrapper>span]:p-amino-12 h-12\n          [&:not(:hover)_.row-hover-show]:invisible [&>td]:border-b [&>td]:p-0\n          [&>td>:first-child]:block [&>td>:first-child]:h-full\n          [&>td>:first-child]:w-full [&>td>:first-child]:content-center\n          [&>td>:first-child]:whitespace-nowrap\n          [&>td>:first-child.tooltip-wrapper]:p-0\n          [&>td>:first-child.tooltip-wrapper>a]:block\n          [&>td>:first-child.tooltip-wrapper>a]:h-full\n          [&>td>:first-child.tooltip-wrapper>a]:w-full\n          [&>td>:first-child.tooltip-wrapper>a]:content-center\n          [&>td>:first-child.tooltip-wrapper>a]:overflow-hidden\n          [&>td>:first-child.tooltip-wrapper>a]:text-ellipsis\n          [&>td>:first-child.tooltip-wrapper>span]:block\n          [&>td>:first-child.tooltip-wrapper>span]:h-full\n          [&>td>:first-child.tooltip-wrapper>span]:w-full\n          [&>td>:first-child.tooltip-wrapper>span]:content-center\n          [&>td>:first-child.tooltip-wrapper>span]:overflow-hidden\n          [&>td>:first-child.tooltip-wrapper>span]:text-ellipsis\n          [&>td>:first-child:not(:hover)_.cell-hover-show]:invisible",!m&&"hover:bg-hover",N&&"[&>td]:border-b-amino-subtle [&>td]:border-b",!N&&"[&_td]:border-b-amino-subtle [&_td]:border-b",D&&N&&"[&+tr>td]:border-0 [&+tr>td>:first-child]:p-0",p&&N&&"nth-last-2:rounded-bl-amino-12\n            [&:nth-last-child(2)_td:first-child]:rounded-bl-amino-12\n            [&:nth-last-child(2)_td:last-child]:rounded-br-amino-12"),collapsed:N,onToggleCollapse:function(){_(k),null==x||x(v)},rowContent:y(),rowKey:k,children:D},k)}var I=!!x||!!(null==q?void 0:q.anySelected)&&!!(null==q?void 0:q.onRowCheckboxChange);return n.jsx("tr",{className:i.cn("[&>td]:border-b-amino-subtle [&>td>:first-child]:p-amino-12\n        [&>td>:first-child.tooltip-wrapper>a]:p-amino-12\n        [&>td>:first-child.tooltip-wrapper>span]:p-amino-12 h-12\n        [&:not(:hover)_.row-hover-show]:invisible [&>td]:border-b [&>td]:p-0\n        [&>td>:first-child]:block [&>td>:first-child]:h-full\n        [&>td>:first-child]:w-full [&>td>:first-child]:content-center\n        [&>td>:first-child]:whitespace-nowrap\n        [&>td>:first-child.tooltip-wrapper]:p-0\n        [&>td>:first-child.tooltip-wrapper>a]:block\n        [&>td>:first-child.tooltip-wrapper>a]:h-full\n        [&>td>:first-child.tooltip-wrapper>a]:w-full\n        [&>td>:first-child.tooltip-wrapper>a]:content-center\n        [&>td>:first-child.tooltip-wrapper>a]:overflow-hidden\n        [&>td>:first-child.tooltip-wrapper>a]:text-ellipsis\n        [&>td>:first-child.tooltip-wrapper>span]:block\n        [&>td>:first-child.tooltip-wrapper>span]:h-full\n        [&>td>:first-child.tooltip-wrapper>span]:w-full\n        [&>td>:first-child.tooltip-wrapper>span]:content-center\n        [&>td>:first-child.tooltip-wrapper>span]:overflow-hidden\n        [&>td>:first-child.tooltip-wrapper>span]:text-ellipsis\n        [&>td>:first-child:not(:hover)_.cell-hover-show]:invisible",I&&"cursor-pointer",!m&&"hover:bg-hover"),"data-testid":"amino--row-".concat(k),onClick:function(e){var t,r,l,i;(null==q?void 0:q.anySelected)||(null===(t=C.current)||void 0===t?void 0:t.contains(e.target))?(null===(r=null==q?void 0:q.isRowCheckboxDisabled)||void 0===r?void 0:r.call(q,v,b))||(e.preventDefault(),null===(l=null==q?void 0:q.onRowCheckboxChange)||void 0===l||l.call(q,!(null===(i=null==q?void 0:q.isRowChecked)||void 0===i?void 0:i.call(q,v,b)),v,b)):null==x||x(v)},onMouseEnter:function(){return null==j?void 0:j(v)},children:y()},k)};
+"use strict";var e=require("react"),t=require("../checkbox/Checkbox.js"),r=require("../table/TableRowCollapse.js"),l=require("../tooltip/Tooltip.js"),i=require("../../utils/cn.js"),n=require("react/jsx-runtime");function o(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../../tslib.es6-cdc5f922.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("../button/Button.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../collapse/Collapse.js"),require("../table/TableCell.js"),require("../table/TableRow.js"),require("../../icons/ChevronUpIcon.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip");var d=o(e),s=800;exports.SimpleTableRow=function(o){var a,c,p=o.bordered,u=o.collapsible,h=o.CustomLinkComponent,f=o.getRowLink,w=o.headers,b=o.index,v=o.item,m=o.noHoverBackground,x=o.onRowClick,j=o.onRowHover,k=o.rowKey,q=o.selectable,C=e.useRef(null),g=function(e){var t=v[e.key],r=function(t){var r=d.default.Children.toArray(t).some(function(e){var t;return!!d.default.isValidElement(e)&&/row-hover-show|cell-hover-show/.test(null!==(t=e.props.className)&&void 0!==t?t:"")}),o=i.cn("truncate"===e.textWrapMethod&&!r&&"max-w-[var(--amino-cell-min-width)]\n          min-w-[var(--amino-cell-min-width)] [&>:first-child]:overflow-hidden\n          [&>:first-child]:text-ellipsis"),a={"--amino-cell-min-width":"".concat(e.minWidth||0,"px")},c=i.cn(e.noPadding&&"p-0!","normal"===e.textWrapMethod&&"whitespace-normal!"),p={textAlign:e.align||"start"},u=function(e){switch(e){case"center":return"bottom";case"end":return"bottom-end";default:return"bottom-start"}}(e.align);if(f&&!(null==q?void 0:q.anySelected)&&!e.disabledLink){var w=h||"a";return n.jsx("td",{className:o,style:a,children:n.jsx(l.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:s,enterNextDelay:s,placement:u,subtitle:t,children:n.jsx(w,{className:i.cn("p-amino-12 block h-full w-full content-center\n                  whitespace-nowrap",c),href:f(v),style:p,children:t})})})}return n.jsx("td",{className:o,style:a,children:n.jsx(l.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:s,enterNextDelay:s,placement:u,subtitle:t,children:n.jsx("span",{className:i.cn("p-amino-12 block h-full w-full content-center\n                whitespace-nowrap",c),style:p,children:t})})})};return e.renderCustom?n.jsx(n.Fragment,{children:r(e.renderCustom(t,v))}):n.jsx(n.Fragment,{children:r(String(t))})},y=function(){var r,l,i;return n.jsxs(n.Fragment,{children:[(null==q?void 0:q.enabled)&&n.jsx("td",{ref:C,children:(null===(r=null==q?void 0:q.renderCustomRowCheckbox)||void 0===r?void 0:r.call(q,v,b))||n.jsx(t.Checkbox,{checked:(null===(l=null==q?void 0:q.isRowChecked)||void 0===l?void 0:l.call(q,v,b))||!1,"data-testid":"amino--row-checkbox-".concat(k),disabled:(null===(i=null==q?void 0:q.isRowCheckboxDisabled)||void 0===i?void 0:i.call(q,v,b))||!1,onChange:function(e){var t;return null===(t=null==q?void 0:q.onRowCheckboxChange)||void 0===t?void 0:t.call(q,e,v,b)}})}),w.map(function(t){return n.jsx(e.Fragment,{children:g(t)},t.key)})]})};if((null==u?void 0:u.enabled)&&(null===(a=u.collapseContent)||void 0===a?void 0:a.length)){var R=u.collapseContent,T=u.expandedItemKeys,_=u.toggleItem,N=!T.includes(k),D=null===(c=null==R?void 0:R.find(function(e){return e.key===k}))||void 0===c?void 0:c.content;return n.jsx(r.TableRowCollapse,{className:i.cn("[&>td]:border-b-amino-subtle [&>td>:first-child]:p-amino-12\n          [&>td>:first-child.tooltip-wrapper>a]:p-amino-12\n          [&>td>:first-child.tooltip-wrapper>span]:p-amino-12 h-12\n          [&:not(:hover)_.row-hover-show]:invisible [&>td]:border-b [&>td]:p-0\n          [&>td>:first-child]:block [&>td>:first-child]:h-full\n          [&>td>:first-child]:w-full [&>td>:first-child]:content-center\n          [&>td>:first-child]:whitespace-nowrap\n          [&>td>:first-child.tooltip-wrapper]:p-0\n          [&>td>:first-child.tooltip-wrapper>a]:block\n          [&>td>:first-child.tooltip-wrapper>a]:h-full\n          [&>td>:first-child.tooltip-wrapper>a]:w-full\n          [&>td>:first-child.tooltip-wrapper>a]:content-center\n          [&>td>:first-child.tooltip-wrapper>a]:overflow-hidden\n          [&>td>:first-child.tooltip-wrapper>a]:text-ellipsis\n          [&>td>:first-child.tooltip-wrapper>span]:block\n          [&>td>:first-child.tooltip-wrapper>span]:h-full\n          [&>td>:first-child.tooltip-wrapper>span]:w-full\n          [&>td>:first-child.tooltip-wrapper>span]:content-center\n          [&>td>:first-child.tooltip-wrapper>span]:overflow-hidden\n          [&>td>:first-child.tooltip-wrapper>span]:text-ellipsis\n          [&>td>:first-child:not(:hover)_.cell-hover-show]:invisible",!m&&"hover:bg-hover",N&&"[&>td]:border-b-amino-subtle [&>td]:border-b",!N&&"[&_td]:border-b-amino-subtle [&_td]:border-b",D&&N&&"[&+tr>td]:border-0 [&+tr>td>:first-child]:p-0",p&&N&&"nth-last-2:rounded-bl-amino-12\n            [&:nth-last-child(2)_td:first-child]:rounded-bl-amino-12\n            [&:nth-last-child(2)_td:last-child]:rounded-br-amino-12"),collapsed:N,onToggleCollapse:function(){_(k),null==x||x(v)},rowContent:y(),rowKey:k,children:D},k)}var I=!!x||!!(null==q?void 0:q.anySelected)&&!!(null==q?void 0:q.onRowCheckboxChange);return n.jsx("tr",{className:i.cn("[&>td]:border-b-amino-subtle [&>td>:first-child]:p-amino-12\n        [&>td>:first-child.tooltip-wrapper>a]:p-amino-12\n        [&>td>:first-child.tooltip-wrapper>span]:p-amino-12 h-12\n        [&:not(:hover)_.row-hover-show]:invisible [&>td]:border-b [&>td]:p-0\n        [&>td>:first-child]:block [&>td>:first-child]:h-full\n        [&>td>:first-child]:w-full [&>td>:first-child]:content-center\n        [&>td>:first-child]:whitespace-nowrap\n        [&>td>:first-child.tooltip-wrapper]:p-0\n        [&>td>:first-child.tooltip-wrapper>a]:block\n        [&>td>:first-child.tooltip-wrapper>a]:h-full\n        [&>td>:first-child.tooltip-wrapper>a]:w-full\n        [&>td>:first-child.tooltip-wrapper>a]:content-center\n        [&>td>:first-child.tooltip-wrapper>a]:overflow-hidden\n        [&>td>:first-child.tooltip-wrapper>a]:text-ellipsis\n        [&>td>:first-child.tooltip-wrapper>span]:block\n        [&>td>:first-child.tooltip-wrapper>span]:h-full\n        [&>td>:first-child.tooltip-wrapper>span]:w-full\n        [&>td>:first-child.tooltip-wrapper>span]:content-center\n        [&>td>:first-child.tooltip-wrapper>span]:overflow-hidden\n        [&>td>:first-child.tooltip-wrapper>span]:text-ellipsis\n        [&>td>:first-child:not(:hover)_.cell-hover-show]:invisible",I&&"cursor-pointer",!m&&"hover:bg-hover"),"data-testid":"amino--row-".concat(k),onClick:function(e){var t,r,l,i;(null==q?void 0:q.anySelected)||(null===(t=C.current)||void 0===t?void 0:t.contains(e.target))?(null===(r=null==q?void 0:q.isRowCheckboxDisabled)||void 0===r?void 0:r.call(q,v,b))||(e.preventDefault(),null===(l=null==q?void 0:q.onRowCheckboxChange)||void 0===l||l.call(q,!(null===(i=null==q?void 0:q.isRowChecked)||void 0===i?void 0:i.call(q,v,b)),v,b)):null==x||x(v)},onMouseEnter:function(){return null==j?void 0:j(v)},children:y()},k)};

package/components/split-panel/SplitPanel.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),r=require("../../tslib.es6-cdc5f922.js"),i=require("react"),l=require("react-split-it"),t=require("../../utils/cn.js"),n=require("react/jsx-runtime");function s(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("tailwind-merge");var a=s(l),u=function(e){var i=e.childrenCount,l=e.sizes;if(0===l.length)return r.__spreadArray([1],r.__read(new Array(i-1).fill(0)),!1);if(l.length!==i){var t=Math.abs(i-l.length);return r.__spreadArray(r.__spreadArray([],r.__read(l),!1),r.__read(new Array(t).fill(1)),!1)}var n=l.reduce(function(e,r){return e+r},0);return l.map(function(e){return e/n})};exports.SplitPanel=function(l){var s=l.children,c=l.className,d=l.collapseAll,o=l.direction,_=l.gutterSize,f=void 0===_?3:_,p=l.onSetSizes,z=l.sizes,h=void 0===z?[1]:z,S=l.style,y=r.__rest(l,["children","className","collapseAll","direction","gutterSize","onSetSizes","sizes","style"]),v=i.Children.count(s),A=r.__read(i.useState(u({childrenCount:v,sizes:h})),1)[0];return i.useEffect(function(){if(1!==A[0]||d)d?null==p||p(r.__spreadArray([1],r.__read(new Array(v-1).fill(0)),!1)):null==p||p(u({childrenCount:v,sizes:A}));else{var e=1/v;null==p||p(new Array(v).fill(e))}},[v,d,A,p]),n.jsx("div",{className:t.cn("block size-full",c),style:S,children:n.jsx(a.default,e._objectSpread2(e._objectSpread2({direction:o,gutterSize:d?0:f,onSetSizes:p,sizes:u({childrenCount:v,sizes:h})},y),{},{children:s}))})};
+"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),r=require("../../tslib.es6-cdc5f922.js"),i=require("react"),l=require("./_Split.js"),s=require("../../utils/cn.js"),t=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");var n=function(e){var i=e.childrenCount,l=e.sizes;if(0===l.length)return r.__spreadArray([1],r.__read(new Array(i-1).fill(0)),!1);if(l.length!==i){var s=Math.abs(i-l.length);return r.__spreadArray(r.__spreadArray([],r.__read(l),!1),r.__read(new Array(s).fill(1)),!1)}var t=l.reduce(function(e,r){return e+r},0);return l.map(function(e){return e/t})};exports.SplitPanel=function(a){var u=a.children,c=a.className,d=a.collapseAll,o=a.direction,_=a.gutterSize,f=void 0===_?3:_,p=a.onSetSizes,S=a.sizes,z=void 0===S?[1]:S,h=a.style,y=r.__rest(a,["children","className","collapseAll","direction","gutterSize","onSetSizes","sizes","style"]),v=i.Children.count(u),A=r.__read(i.useState(n({childrenCount:v,sizes:z})),1)[0];return i.useEffect(function(){if(1!==A[0]||d)d?null==p||p(r.__spreadArray([1],r.__read(new Array(v-1).fill(0)),!1)):null==p||p(n({childrenCount:v,sizes:A}));else{var e=1/v;null==p||p(new Array(v).fill(e))}},[v,d,A,p]),t.jsx("div",{className:s.cn("block size-full",c),style:h,children:t.jsx(l.Split,e._objectSpread2(e._objectSpread2({direction:o,gutterSize:d?0:f,onSetSizes:p,sizes:n({childrenCount:v,sizes:z})},y),{},{children:u}))})};

package/components/split-panel/_Split.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Vendored from react-split-it@2.0.0 — MIT, © Gregg Tavares
+ * https://github.com/greggman/react-split-it
+ *
+ * The published package inlines a copy of React 17's JSX runtime, so the
+ * elements it creates carry `$$typeof: Symbol.for('react.element')`. React 19
+ * renamed that to `react.transitional.element` and throws
+ * "A React Element from an older version of React was rendered" on the
+ * gutter. The package was last released in 2022 and has no fix, so its source
+ * lives here instead.
+ *
+ * Ported to TypeScript and function components. The rendered DOM and class
+ * names are unchanged, so `src/styles/split-react.css` still applies.
+ *
+ * Deliberately dropped from upstream: the `computeNewSizesFn` prop and its
+ * alternative `moveGutters` strategy (nothing could reach them through
+ * `SplitPanel`'s props), and `propTypes`/`defaultProps`.
+ */
+import { type CSSProperties, type ReactNode } from 'react';
+export type SplitDirection = 'horizontal' | 'vertical';
+export type SplitProps = {
+    children: ReactNode;
+    /** @default 'split' */
+    className?: string;
+    /** @default 'horizontal' */
+    direction?: SplitDirection;
+    /** @default 'gutter' */
+    gutterClassName?: string;
+    /** @default 10 */
+    gutterSize?: number;
+    /**
+     * Minimum pane size in pixels.
+     * @default 10
+     */
+    minSize?: number;
+    /**
+     * When supplied, `Split` is controlled: it reports new sizes here and
+     * renders whatever `sizes` prop it is given back.
+     */
+    onSetSizes?: (sizes: number[]) => void;
+    /** @default 'pane' */
+    paneClassName?: string;
+    sizes?: number[];
+    style?: CSSProperties;
+};
+export declare const Split: ({ children, className, direction, gutterClassName, gutterSize, minSize, onSetSizes, paneClassName, sizes: propSizes, style, }: SplitProps) => ReactNode;

package/components/split-panel/_Split.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../tslib.es6-cdc5f922.js"),t=require("react"),n=require("../../utils/cn.js"),r=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");var i=function(e){return"horizontal"===e?{clientAxis:"clientX",clientSize:"clientWidth"}:{clientAxis:"clientY",clientSize:"clientHeight"}},s=function(e){var t=e.reduce(function(e,t){return e+t},0);return e.map(function(e){return e/t})},o=function(e){return new Array(e).fill(1/e)},u=function(e,t){var n,r;return"touches"in e?null!==(r=null===(n=e.touches[0])||void 0===n?void 0:n[t])&&void 0!==r?r:0:e[t]},c=function(e){var n=e.className,i=e.onMouseDownAndTouchStart,s=e.style,o=t.useRef(null);return t.useEffect(function(){var e=o.current;if(e)return e.addEventListener("mousedown",i,{passive:!1}),e.addEventListener("touchstart",i,{passive:!1}),function(){e.removeEventListener("mousedown",i),e.removeEventListener("touchstart",i)}},[i]),r.jsx("div",{ref:o,className:n,style:s})};exports.Split=function(a){var l=a.children,d=a.className,v=void 0===d?"split":d,m=a.direction,f=void 0===m?"horizontal":m,S=a.gutterClassName,h=void 0===S?"gutter":S,p=a.gutterSize,z=void 0===p?10:p,g=a.minSize,E=void 0===g?10:g,x=a.onSetSizes,_=a.paneClassName,L=void 0===_?"pane":_,y=a.sizes,N=a.style,A=t.Children.count(l),j=t.useRef(null),C=e.__read(t.useState(function(){return y?x?y:s(y):o(A)}),2),q=C[0],w=C[1],P=e.__read(t.useState(!1),2),b=P[0],D=P[1],M=e.__read(t.useState(-1),2),R=M[0],k=M[1],T=!!x,B=T&&null!=y?y:q,H=t.useRef({mouseStart:0,prevPaneNdx:0,startSizes:B}),O=t.useRef({direction:f,gutterSize:z,minSize:E,onSetSizes:x,sizes:B});t.useEffect(function(){O.current={direction:f,gutterSize:z,minSize:E,onSetSizes:x,sizes:B}});var V=t.useCallback(function(t){var n,r;t.preventDefault();var s=O.current,o=s.direction,c=s.gutterSize,a=s.minSize,l=s.onSetSizes,d=H.current,v=d.mouseStart,m=d.prevPaneNdx,f=d.startSizes,S=i(o),h=S.clientAxis,p=S.clientSize,z=(f.length-1)*c,g=(null!==(r=null===(n=j.current)||void 0===n?void 0:n[p])&&void 0!==r?r:0)-z;if(!(g<=0)){var E=function(t){var n,r,i=t.delta,s=t.minSize,o=t.prevPaneNdx,u=t.startSizes,c=null!==(n=u[o])&&void 0!==n?n:0,a=c+(null!==(r=u[o+1])&&void 0!==r?r:0),l=Math.min(Math.max(s,c+i),a-s);return e.__spreadArray(e.__spreadArray(e.__spreadArray([],e.__read(u.slice(0,o)),!1),[l,a-l],!1),e.__read(u.slice(o+2)),!1)}({delta:(u(t,h)-v)/g,minSize:a/g,prevPaneNdx:m,startSizes:f});l?l(E):w(E)}},[]),W=t.useCallback(function(){document.removeEventListener("mousemove",V),document.removeEventListener("mouseup",W),document.removeEventListener("touchmove",V),document.removeEventListener("touchend",W),D(!1)},[V]),X=t.useCallback(function(e){var t;e.preventDefault();var n=O.current,r=n.direction,s=n.sizes,o=i(r).clientAxis,c=e.currentTarget,a=null===(t=null==c?void 0:c.parentElement)||void 0===t?void 0:t.children,l=((a?Array.prototype.indexOf.call(a,c):-1)-1)/2;H.current={mouseStart:u(e,o),prevPaneNdx:l,startSizes:s.slice()},D(!0),k(l),document.addEventListener("mousemove",V,{passive:!1}),document.addEventListener("mouseup",W),document.addEventListener("touchmove",V,{passive:!1}),document.addEventListener("touchend",W)},[V,W]);t.useEffect(function(){return function(){document.removeEventListener("mousemove",V),document.removeEventListener("mouseup",W),document.removeEventListener("touchmove",V),document.removeEventListener("touchend",W)}},[V,W]),t.useEffect(function(){T||w(function(e){return e.length===A?e:A<e.length?s(e.slice(0,A)):o(A)})},[T,A]);var Y={flexBasis:z?"".concat(z,"px"):"0"},F=[],G=0;return t.Children.forEach(l,function(e){var i;t.isValidElement(e)&&(G>0&&F.push(r.jsx(c,{className:n.cn(h,"".concat(h,"-").concat(f),b&&G===R+1&&"".concat(h,"-dragging")),onMouseDownAndTouchStart:X,style:Y},"gutter".concat(F.length))),F.push(r.jsx("div",{className:n.cn(L,b&&"".concat(L,"-dragging")),style:{flexBasis:"".concat(100*(null!==(i=B[G])&&void 0!==i?i:0),"%")},children:e},"pane".concat(F.length))),G+=1)}),r.jsxs("div",{ref:j,className:n.cn(v,"".concat(v,"-").concat(f),b&&"".concat(v,"-dragging")),style:e.__assign(e.__assign({},N),b&&{userSelect:"none"}),children:[F,b&&r.jsx("style",{children:"iframe { pointer-events: none !important; }"})]})};

package/components/switch/Switch.d.ts

@@ -13,7 +13,9 @@ export type SwitchProps = BaseProps & {
     labelIcon?: ReactNode;
     onChange: (checked: boolean) => void;
     subtitle?: ReactNode;
+    /** Icon rendered at the left end of the track. */
     switchIconLeft?: ReactNode;
+    /** Icon rendered at the right end of the track. */
     switchIconRight?: ReactNode;
 };
 /**