@zonos/amino 6.0.6 → 6.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/all.d.ts +2 -0
- package/amino.css +0 -2
- package/components/button/useRipple.d.ts +1 -1
- package/components/data-grid/DataGrid.d.ts +87 -0
- package/components/data-grid/DataGrid.js +1 -0
- package/components/filter/FilterWrapper.d.ts +1 -1
- package/components/input/Input.d.ts +2 -2
- package/components/input/input-simple/InputSimple.d.ts +2 -2
- package/components/input/input-simple/input-type/_DateInput.d.ts +1 -1
- package/components/input/input-simple/input-type/_InputBase.d.ts +1 -1
- package/components/input/input-simple/input-type/_NumberInput.d.ts +1 -1
- package/components/input/input-simple/input-type/_PasswordInput.d.ts +1 -1
- package/components/input/input-simple/input-type/_TimeInput.d.ts +1 -1
- package/components/input/input-type/_DateInput.d.ts +1 -1
- package/components/input/input-type/_FloatLabelInput.d.ts +1 -1
- package/components/input/input-type/_NumberInput.d.ts +1 -1
- package/components/input/input-type/_PasswordInput.d.ts +1 -1
- package/components/input/input-type/_TimeInput.d.ts +1 -1
- package/components/nested-data-table/NestedDataTable.d.ts +1 -1
- package/components/nested-data-table/NestedDataTable.js +1 -1
- package/components/nested-data-table/NestedDataTableHasura.js +1 -1
- package/components/nested-data-table/_Filter.d.ts +1 -1
- package/components/nested-data-table/_Filter.js +1 -1
- package/components/nested-data-table/_TableData.d.ts +1 -1
- package/components/nested-data-table/_TableData.js +1 -1
- package/components/pivot-table/PivotTable.d.ts +8 -3
- package/components/pivot-table/PivotTable.js +1 -1
- package/components/select/CountryMultiSelect.js +1 -1
- package/components/select/CountrySelect.js +1 -1
- package/components/simple-table/SimpleTableRow.js +1 -1
- package/components/split-panel/SplitPanel.js +1 -1
- package/components/split-panel/_Split.d.ts +46 -0
- package/components/split-panel/_Split.js +1 -0
- package/components/tooltip/Tooltip.d.ts +1 -1
- package/icons/flag-icon/FlagIcon.js +1 -1
- package/icons/flags/XK.d.ts +7 -0
- package/icons/flags/XK.js +1 -0
- package/icons/flags/_FlagIndex.d.ts +1 -0
- package/package.json +4 -6
- package/table-theme-overrides.css +7 -0
- package/utils/hooks/useCountryOptions.d.ts +2 -2
- package/utils/hooks/useDropdown.d.ts +1 -1
- package/utils/hooks/useHeightAdjustTextarea.d.ts +2 -2
- package/utils/hooks/usePrevious.js +1 -1
- package/pivot-table.css +0 -483
- package/tsconfig.tsbuildinfo +0 -1
package/all.d.ts
CHANGED
|
@@ -19,6 +19,7 @@ import './components/cover-sheet/CoverSheetActions';
|
|
|
19
19
|
import './components/currency/Currency';
|
|
20
20
|
import './components/currency/DualCurrency';
|
|
21
21
|
import './components/danger-zone/DangerZone';
|
|
22
|
+
import './components/data-grid/DataGrid';
|
|
22
23
|
import './components/dialog/alert/AlertContext';
|
|
23
24
|
import './components/dialog/alert/AlertDialog';
|
|
24
25
|
import './components/dialog/alert/useAlert';
|
|
@@ -587,6 +588,7 @@ import './icons/flags/VN';
|
|
|
587
588
|
import './icons/flags/VU';
|
|
588
589
|
import './icons/flags/WF';
|
|
589
590
|
import './icons/flags/WS';
|
|
591
|
+
import './icons/flags/XK';
|
|
590
592
|
import './icons/flags/YE';
|
|
591
593
|
import './icons/flags/YT';
|
|
592
594
|
import './icons/flags/ZA';
|
package/amino.css
CHANGED
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import type { BaseProps } from "../../types/BaseProps";
|
|
3
|
+
/**
|
|
4
|
+
* A minimal data grid, built to cover exactly what `PivotTable` and
|
|
5
|
+
* `NestedDataTable` need: a CSS-grid layout with a sticky header, an optional
|
|
6
|
+
* frozen first column, click-to-sort, drag-to-resize, per-cell renderers and
|
|
7
|
+
* column spanning.
|
|
8
|
+
*
|
|
9
|
+
* It replaces `react-data-grid`, which amino carried at 100kB for these two
|
|
10
|
+
* components. The prop and type names mirror react-data-grid's so the wrapping
|
|
11
|
+
* components' public APIs did not have to change.
|
|
12
|
+
*
|
|
13
|
+
* Deliberately NOT implemented, because nothing in amino used them: row and
|
|
14
|
+
* column virtualization, cell selection, keyboard navigation, editing,
|
|
15
|
+
* copy/paste, row grouping and tree data. If a consumer ever needs a grid over
|
|
16
|
+
* thousands of rows, virtualization is the thing to add here first.
|
|
17
|
+
*/
|
|
18
|
+
export type SortDirection = 'ASC' | 'DESC';
|
|
19
|
+
export type SortColumn = {
|
|
20
|
+
readonly columnKey: string;
|
|
21
|
+
readonly direction: SortDirection;
|
|
22
|
+
};
|
|
23
|
+
export type RenderSortStatusProps = {
|
|
24
|
+
priority: number | undefined;
|
|
25
|
+
sortDirection: SortDirection | undefined;
|
|
26
|
+
};
|
|
27
|
+
export type RenderCellProps<TRow> = {
|
|
28
|
+
column: CalculatedColumn<TRow>;
|
|
29
|
+
onRowChange: (row: TRow) => void;
|
|
30
|
+
row: TRow;
|
|
31
|
+
rowIdx: number;
|
|
32
|
+
};
|
|
33
|
+
export type ColSpanArgs<TRow> = {
|
|
34
|
+
row: TRow;
|
|
35
|
+
type: 'ROW';
|
|
36
|
+
};
|
|
37
|
+
/**
|
|
38
|
+
* `TSummaryRow` is unused — summary rows were a react-data-grid feature amino
|
|
39
|
+
* never rendered. The parameter stays so `ColumnProps<TRow, TSummaryRow>`, which
|
|
40
|
+
* consumers already import, keeps its arity.
|
|
41
|
+
*/
|
|
42
|
+
export type Column<TRow, TSummaryRow = unknown> = {
|
|
43
|
+
/** Extra class name for every cell in this column. */
|
|
44
|
+
cellClass?: string | ((row: TRow) => string | undefined);
|
|
45
|
+
/** Number of columns this cell should span, per row. */
|
|
46
|
+
colSpan?: (args: ColSpanArgs<TRow>) => number | undefined;
|
|
47
|
+
/** Pin the column to the start of the grid. */
|
|
48
|
+
frozen?: boolean;
|
|
49
|
+
/** Unique within a column set, and the row property the column reads. */
|
|
50
|
+
key: string;
|
|
51
|
+
/** @default 80 */
|
|
52
|
+
minWidth?: number;
|
|
53
|
+
name: ReactNode;
|
|
54
|
+
renderCell?: (props: RenderCellProps<TRow>) => ReactNode;
|
|
55
|
+
resizable?: boolean;
|
|
56
|
+
sortable?: boolean;
|
|
57
|
+
/** Pixels, or any valid grid track size. Defaults to `1fr`. */
|
|
58
|
+
width?: number | string;
|
|
59
|
+
};
|
|
60
|
+
/** A column with its defaults resolved. */
|
|
61
|
+
export type CalculatedColumn<TRow, TSummaryRow = unknown> = Column<TRow, TSummaryRow> & {
|
|
62
|
+
idx: number;
|
|
63
|
+
};
|
|
64
|
+
export type DefaultColumnOptions<TRow, TSummaryRow = unknown> = Pick<Column<TRow, TSummaryRow>, 'minWidth' | 'resizable' | 'sortable' | 'width'>;
|
|
65
|
+
export type Renderers<TRow, TSummaryRow = unknown> = {
|
|
66
|
+
renderSortStatus?: (props: RenderSortStatusProps) => ReactNode;
|
|
67
|
+
};
|
|
68
|
+
export type DataGridHandle = {
|
|
69
|
+
element: HTMLDivElement | null;
|
|
70
|
+
};
|
|
71
|
+
export type DataGridProps<TRow, TSummaryRow = unknown> = BaseProps & {
|
|
72
|
+
columns: readonly Column<TRow, TSummaryRow>[];
|
|
73
|
+
defaultColumnOptions?: DefaultColumnOptions<TRow, TSummaryRow>;
|
|
74
|
+
/** @default 40 */
|
|
75
|
+
headerRowHeight?: number;
|
|
76
|
+
onRowsChange?: (rows: TRow[], data: {
|
|
77
|
+
indexes: number[];
|
|
78
|
+
}) => void;
|
|
79
|
+
onSortColumnsChange?: (sortColumns: SortColumn[]) => void;
|
|
80
|
+
ref?: React.Ref<DataGridHandle>;
|
|
81
|
+
renderers?: Renderers<TRow, TSummaryRow>;
|
|
82
|
+
/** @default 45 */
|
|
83
|
+
rowHeight?: number | ((row: TRow) => number);
|
|
84
|
+
rows: readonly TRow[];
|
|
85
|
+
sortColumns?: readonly SortColumn[];
|
|
86
|
+
};
|
|
87
|
+
export declare const DataGrid: <TRow, TSummaryRow = unknown>({ className, columns: rawColumns, defaultColumnOptions, headerRowHeight, onRowsChange, onSortColumnsChange, ref, renderers, rowHeight, rows, sortColumns, style, }: DataGridProps<TRow, TSummaryRow>) => ReactNode;
|
|
@@ -0,0 +1 @@
|
|
|
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)})]})};
|
|
@@ -4,7 +4,7 @@ type FilterWrapperProps = BaseProps & {
|
|
|
4
4
|
active: boolean;
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
dropDownOpen: boolean;
|
|
7
|
-
dropdownRef: RefObject<HTMLDivElement>;
|
|
7
|
+
dropdownRef: RefObject<HTMLDivElement | null>;
|
|
8
8
|
dropdownTitle: string;
|
|
9
9
|
filterText: string;
|
|
10
10
|
handleApply: () => void;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import type { ChangeEventHandler, InputHTMLAttributes,
|
|
1
|
+
import type { ChangeEventHandler, InputHTMLAttributes, RefObject } from 'react';
|
|
2
2
|
import { type HelpTextProps } from "../help-text/HelpText";
|
|
3
3
|
import { type FloatLabelInputProps } from "./input-type/_FloatLabelInput";
|
|
4
4
|
type InputType = {
|
|
5
5
|
/** Need to pass the ref here to preserve generics, as forwardRef doesn't allow it
|
|
6
6
|
* @link https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
|
|
7
7
|
*/
|
|
8
|
-
inputRef?:
|
|
8
|
+
inputRef?: RefObject<HTMLInputElement | null>;
|
|
9
9
|
/**
|
|
10
10
|
* @default false
|
|
11
11
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import type { ChangeEventHandler, InputHTMLAttributes,
|
|
1
|
+
import type { ChangeEventHandler, InputHTMLAttributes, RefObject } from 'react';
|
|
2
2
|
import { type HelpTextProps } from "../../help-text/HelpText";
|
|
3
3
|
import { type InputBaseProps } from './input-type/_InputBase';
|
|
4
4
|
type InputType = {
|
|
5
5
|
/** Need to pass the ref here to preserve generics, as forwardRef doesn't allow it
|
|
6
6
|
* @link https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
|
|
7
7
|
*/
|
|
8
|
-
inputRef?:
|
|
8
|
+
inputRef?: RefObject<HTMLInputElement | null>;
|
|
9
9
|
/**
|
|
10
10
|
* @default false
|
|
11
11
|
*/
|
|
@@ -17,4 +17,4 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<import
|
|
|
17
17
|
type?: import("react").HTMLInputTypeAttribute;
|
|
18
18
|
value: string | null;
|
|
19
19
|
valuePrefix?: import("react").ReactNode;
|
|
20
|
-
} & 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 | "
|
|
20
|
+
} & 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>>;
|
|
@@ -121,5 +121,5 @@ export declare const InputBase: import("react").ForwardRefExoticComponent<BasePr
|
|
|
121
121
|
value: string | null;
|
|
122
122
|
/** An additional value that appears next to the input but cannot be changed by the input */
|
|
123
123
|
valuePrefix?: ReactNode;
|
|
124
|
-
} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "
|
|
124
|
+
} & 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>>;
|
|
125
125
|
export {};
|
|
@@ -18,4 +18,4 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<impo
|
|
|
18
18
|
type?: import("react").HTMLInputTypeAttribute;
|
|
19
19
|
value: string | null;
|
|
20
20
|
valuePrefix?: import("react").ReactNode;
|
|
21
|
-
} & 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 | "
|
|
21
|
+
} & 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>>;
|
|
@@ -17,4 +17,4 @@ export declare const PasswordInput: import("react").ForwardRefExoticComponent<im
|
|
|
17
17
|
type?: import("react").HTMLInputTypeAttribute;
|
|
18
18
|
value: string | null;
|
|
19
19
|
valuePrefix?: import("react").ReactNode;
|
|
20
|
-
} & 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 | "
|
|
20
|
+
} & 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>>;
|
|
@@ -17,4 +17,4 @@ export declare const TimeInput: import("react").ForwardRefExoticComponent<import
|
|
|
17
17
|
type?: import("react").HTMLInputTypeAttribute;
|
|
18
18
|
value: string | null;
|
|
19
19
|
valuePrefix?: import("react").ReactNode;
|
|
20
|
-
} & 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 | "
|
|
20
|
+
} & 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>>;
|
|
@@ -17,4 +17,4 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<import
|
|
|
17
17
|
type?: import("react").HTMLInputTypeAttribute;
|
|
18
18
|
value: string | null;
|
|
19
19
|
valuePrefix?: import("react").ReactNode;
|
|
20
|
-
} & 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 | "
|
|
20
|
+
} & 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>>;
|
|
@@ -123,5 +123,5 @@ export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<
|
|
|
123
123
|
value: string | null;
|
|
124
124
|
/** An additional value that appears next to the input but cannot be changed by the input */
|
|
125
125
|
valuePrefix?: ReactNode;
|
|
126
|
-
} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "
|
|
126
|
+
} & 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>>;
|
|
127
127
|
export {};
|
|
@@ -18,4 +18,4 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<impo
|
|
|
18
18
|
type?: import("react").HTMLInputTypeAttribute;
|
|
19
19
|
value: string | null;
|
|
20
20
|
valuePrefix?: import("react").ReactNode;
|
|
21
|
-
} & 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 | "
|
|
21
|
+
} & 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>>;
|
|
@@ -17,4 +17,4 @@ export declare const PasswordInput: import("react").ForwardRefExoticComponent<im
|
|
|
17
17
|
type?: import("react").HTMLInputTypeAttribute;
|
|
18
18
|
value: string | null;
|
|
19
19
|
valuePrefix?: import("react").ReactNode;
|
|
20
|
-
} & 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 | "
|
|
20
|
+
} & 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>>;
|
|
@@ -17,4 +17,4 @@ export declare const TimeInput: import("react").ForwardRefExoticComponent<import
|
|
|
17
17
|
type?: import("react").HTMLInputTypeAttribute;
|
|
18
18
|
value: string | null;
|
|
19
19
|
valuePrefix?: import("react").ReactNode;
|
|
20
|
-
} & 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 | "
|
|
20
|
+
} & 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>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
|
-
import type { Column } from
|
|
2
|
+
import type { Column } from "../data-grid/DataGrid";
|
|
3
3
|
import type { BaseProps } from "../../types/BaseProps";
|
|
4
4
|
import type { flattenRow } from "../../utils/flattenRow";
|
|
5
5
|
type ColumnType<TRow> = Column<TRow, Record<string, unknown>>;
|
|
@@ -1 +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("
|
|
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("../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})]})};
|
|
@@ -1 +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("
|
|
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("../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})};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Column } from
|
|
1
|
+
import type { Column } from "../data-grid/DataGrid";
|
|
2
2
|
import type { RowWithIndex } from "../pivot-table/PivotTable";
|
|
3
3
|
export declare const Filter: ({ columns, hiddenColumns, setHiddenColumns, }: {
|
|
4
4
|
columns: Column<RowWithIndex, Record<string, unknown>>[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),t=require("../__amino__/TranslateAminoText.js"),i=require("../select/MultiSelect.js"),
|
|
1
|
+
"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)})})})]})};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
|
-
import type { Column } from
|
|
2
|
+
import type { Column } from "../data-grid/DataGrid";
|
|
3
3
|
import { type RowWithIndex } from "../pivot-table/PivotTable";
|
|
4
4
|
import { flattenRow } from "../../utils/flattenRow";
|
|
5
5
|
type ColumnType = Column<RowWithIndex, Record<string, unknown>>;
|
|
@@ -1 +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("
|
|
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("../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;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type Column, type DataGridProps } from
|
|
1
|
+
import { type Column, type DataGridProps } from "../data-grid/DataGrid";
|
|
2
2
|
import type { BaseProps } from "../../types/BaseProps";
|
|
3
3
|
export type KeyValue = string | number;
|
|
4
4
|
type RowData = Record<string, unknown>;
|
|
@@ -23,10 +23,15 @@ export type NestedRowData = {
|
|
|
23
23
|
export type RowWithIndex<Row extends RowData = RowData> = Row & {
|
|
24
24
|
_itemIndex?: number;
|
|
25
25
|
} & NestedRowData;
|
|
26
|
-
type Props<TRow extends RowWithIndex, TSummaryRow,
|
|
26
|
+
type Props<TRow extends RowWithIndex, TSummaryRow,
|
|
27
|
+
/**
|
|
28
|
+
* Retained for source compatibility with the react-data-grid-backed version
|
|
29
|
+
* of this component; the grid no longer keys rows by a caller-supplied type.
|
|
30
|
+
*/
|
|
31
|
+
TRowKey extends KeyValue = KeyValue> = BaseProps & Omit<DataGridProps<TRow, TSummaryRow>, keyof OverrideProps<TRow, TSummaryRow>> & OverrideProps<TRow, TSummaryRow>;
|
|
27
32
|
/**
|
|
28
33
|
* PivotTable component renders tabular data with advanced features like sorting, indexing, and custom renderers.
|
|
29
|
-
* Built on top of
|
|
34
|
+
* Built on top of amino's DataGrid with added functionality and styling consistent with Amino design.
|
|
30
35
|
*
|
|
31
36
|
* @example Basic usage
|
|
32
37
|
* const columns = [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"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))})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var s=require("../../_rollupPluginBabelHelpers-4522587c.js"),e=require("../../tslib.es6-cdc5f922.js"),r=require("react-select"),i=require("../checkbox/Checkbox.js"),n=require("./MultiSelect.js"),u=require("../../icons/flag-icon/FlagIcon.js"),o=require("../../utils/prepRegionCountryOptions.js"),l=require("../../utils/translations/__amino__/translateAminoText.js"),a=require("../../utils/translations/AminoTranslationStore.js"),c=require("react/jsx-runtime");require("react"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../utils/cn.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("./_StyledReactSelect.js"),require("react-intersection-observer"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AQ.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BV.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CC.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CX.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GS.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IO.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js"),require("../../utils/hooks/useCountryOptions.js"),require("dayjs"),require("zod"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwrt.js"),require("lodash/isEqual"),require("swr"),require("../../utils/prepCountryOptions.js"),require("../../utils/countryPhoneCodes.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js"),require("zustand"),require("../../utils/translations/supportedLanguages.js");var q=function(n){var u=n.children,o=e.__rest(n,["children"]),q=o.getStyles,j=o.selectProps,g=j.allSelected,f=j.toggleSelectAll,t=a.useCurrentLanguage();return c.jsxs(r.components.MenuList,s._objectSpread2(s._objectSpread2({},o),{},{children:[c.jsx("div",{style:q("option",o),children:c.jsx(i.Checkbox,{checked:g,label:l.translateAminoText({languageCode:t,text:"Select all"}),onChange:f})}),u]}))};exports.CountryMultiSelect=function(r){var i=r.countryOptions,l=r.label,a=void 0===l?"Select countries":l,j=r.onChange,g=r.unavailableCountries,f=r.value,t=e.__rest(r,["countryOptions","label","onChange","unavailableCountries","value"]),S=i.map(function(s){var r=g.find(function(e){return e.code===s.code});return e.__assign(e.__assign({},s),{icon:c.jsx(u.FlagIcon,{code:s.code,iconScale:"small"}),isDisabled:!!r,labelDescription:null==r?void 0:r.message})}),C=S.filter(function(s){return!f.includes(s.code)&&!s.isDisabled}),M={allSelected:!!f.length&&!C.length,toggleSelectAll:function(){return j(C.length?f.concat(C.map(function(s){return s.value})):[])}};return c.jsx(n.MultiSelect,s._objectSpread2(s._objectSpread2({},t),{},{components:{MenuList:q},hasGroups:!0,hideSelectedOptions:!1,label:a,onChange:function(s){return j(s.map(function(s){return s.value}))},options:o.prepRegionCountryOptions(S),value:S.filter(function(s){return f.includes(s.code)})},M))};
|
|
1
|
+
"use strict";var s=require("../../_rollupPluginBabelHelpers-4522587c.js"),e=require("../../tslib.es6-cdc5f922.js"),r=require("react-select"),i=require("../checkbox/Checkbox.js"),n=require("./MultiSelect.js"),u=require("../../icons/flag-icon/FlagIcon.js"),o=require("../../utils/prepRegionCountryOptions.js"),l=require("../../utils/translations/__amino__/translateAminoText.js"),a=require("../../utils/translations/AminoTranslationStore.js"),c=require("react/jsx-runtime");require("react"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../utils/cn.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("./_StyledReactSelect.js"),require("react-intersection-observer"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AQ.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BV.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CC.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CX.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GS.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IO.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/XK.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js"),require("../../utils/hooks/useCountryOptions.js"),require("dayjs"),require("zod"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwrt.js"),require("lodash/isEqual"),require("swr"),require("../../utils/prepCountryOptions.js"),require("../../utils/countryPhoneCodes.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js"),require("zustand"),require("../../utils/translations/supportedLanguages.js");var q=function(n){var u=n.children,o=e.__rest(n,["children"]),q=o.getStyles,j=o.selectProps,g=j.allSelected,f=j.toggleSelectAll,t=a.useCurrentLanguage();return c.jsxs(r.components.MenuList,s._objectSpread2(s._objectSpread2({},o),{},{children:[c.jsx("div",{style:q("option",o),children:c.jsx(i.Checkbox,{checked:g,label:l.translateAminoText({languageCode:t,text:"Select all"}),onChange:f})}),u]}))};exports.CountryMultiSelect=function(r){var i=r.countryOptions,l=r.label,a=void 0===l?"Select countries":l,j=r.onChange,g=r.unavailableCountries,f=r.value,t=e.__rest(r,["countryOptions","label","onChange","unavailableCountries","value"]),S=i.map(function(s){var r=g.find(function(e){return e.code===s.code});return e.__assign(e.__assign({},s),{icon:c.jsx(u.FlagIcon,{code:s.code,iconScale:"small"}),isDisabled:!!r,labelDescription:null==r?void 0:r.message})}),C=S.filter(function(s){return!f.includes(s.code)&&!s.isDisabled}),M={allSelected:!!f.length&&!C.length,toggleSelectAll:function(){return j(C.length?f.concat(C.map(function(s){return s.value})):[])}};return c.jsx(n.MultiSelect,s._objectSpread2(s._objectSpread2({},t),{},{components:{MenuList:q},hasGroups:!0,hideSelectedOptions:!1,label:a,onChange:function(s){return j(s.map(function(s){return s.value}))},options:o.prepRegionCountryOptions(S),value:S.filter(function(s){return f.includes(s.code)})},M))};
|