@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.
Files changed (46) hide show
  1. package/all.d.ts +2 -0
  2. package/amino.css +0 -2
  3. package/components/button/useRipple.d.ts +1 -1
  4. package/components/data-grid/DataGrid.d.ts +87 -0
  5. package/components/data-grid/DataGrid.js +1 -0
  6. package/components/filter/FilterWrapper.d.ts +1 -1
  7. package/components/input/Input.d.ts +2 -2
  8. package/components/input/input-simple/InputSimple.d.ts +2 -2
  9. package/components/input/input-simple/input-type/_DateInput.d.ts +1 -1
  10. package/components/input/input-simple/input-type/_InputBase.d.ts +1 -1
  11. package/components/input/input-simple/input-type/_NumberInput.d.ts +1 -1
  12. package/components/input/input-simple/input-type/_PasswordInput.d.ts +1 -1
  13. package/components/input/input-simple/input-type/_TimeInput.d.ts +1 -1
  14. package/components/input/input-type/_DateInput.d.ts +1 -1
  15. package/components/input/input-type/_FloatLabelInput.d.ts +1 -1
  16. package/components/input/input-type/_NumberInput.d.ts +1 -1
  17. package/components/input/input-type/_PasswordInput.d.ts +1 -1
  18. package/components/input/input-type/_TimeInput.d.ts +1 -1
  19. package/components/nested-data-table/NestedDataTable.d.ts +1 -1
  20. package/components/nested-data-table/NestedDataTable.js +1 -1
  21. package/components/nested-data-table/NestedDataTableHasura.js +1 -1
  22. package/components/nested-data-table/_Filter.d.ts +1 -1
  23. package/components/nested-data-table/_Filter.js +1 -1
  24. package/components/nested-data-table/_TableData.d.ts +1 -1
  25. package/components/nested-data-table/_TableData.js +1 -1
  26. package/components/pivot-table/PivotTable.d.ts +8 -3
  27. package/components/pivot-table/PivotTable.js +1 -1
  28. package/components/select/CountryMultiSelect.js +1 -1
  29. package/components/select/CountrySelect.js +1 -1
  30. package/components/simple-table/SimpleTableRow.js +1 -1
  31. package/components/split-panel/SplitPanel.js +1 -1
  32. package/components/split-panel/_Split.d.ts +46 -0
  33. package/components/split-panel/_Split.js +1 -0
  34. package/components/tooltip/Tooltip.d.ts +1 -1
  35. package/icons/flag-icon/FlagIcon.js +1 -1
  36. package/icons/flags/XK.d.ts +7 -0
  37. package/icons/flags/XK.js +1 -0
  38. package/icons/flags/_FlagIndex.d.ts +1 -0
  39. package/package.json +4 -6
  40. package/table-theme-overrides.css +7 -0
  41. package/utils/hooks/useCountryOptions.d.ts +2 -2
  42. package/utils/hooks/useDropdown.d.ts +1 -1
  43. package/utils/hooks/useHeightAdjustTextarea.d.ts +2 -2
  44. package/utils/hooks/usePrevious.js +1 -1
  45. package/pivot-table.css +0 -483
  46. 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
@@ -1,7 +1,5 @@
1
1
  @import url('https://rsms.me/inter/inter.css');
2
2
 
3
- /* Pivot table */
4
- @import url('pivot-table.css');
5
3
  /* Table night-theme overrides (avoids Tailwind dark: + arbitrary variant :is() warnings) */
6
4
  @import url('table-theme-overrides.css');
7
5
  /* Split react */
@@ -6,7 +6,7 @@ type RippleEventHandlers = {
6
6
  type Props = {
7
7
  disabled: boolean;
8
8
  rippleEnabled: boolean;
9
- rippleRef: React.RefObject<RippleActions>;
9
+ rippleRef: React.RefObject<RippleActions | null>;
10
10
  };
11
11
  type Return = {
12
12
  /** Combines event handlers */
@@ -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, MutableRefObject } from 'react';
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?: MutableRefObject<HTMLInputElement | null>;
8
+ inputRef?: RefObject<HTMLInputElement | null>;
9
9
  /**
10
10
  * @default false
11
11
  */
@@ -1,11 +1,11 @@
1
- import type { ChangeEventHandler, InputHTMLAttributes, MutableRefObject } from 'react';
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?: MutableRefObject<HTMLInputElement | null>;
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 | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
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 | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
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 | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
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 | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
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 | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
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 | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
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 | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
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 | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
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 | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
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 | "required" | "placeholder" | "readOnly" | "noBorder" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
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 'react-data-grid';
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("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})]})};
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("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})};
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 'react-data-grid';
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"),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)})})})]})};
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 'react-data-grid';
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("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;
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 'react-data-grid';
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, TRowKey extends KeyValue> = BaseProps & Omit<DataGridProps<TRow, TSummaryRow, TRowKey>, keyof OverrideProps<TRow, TSummaryRow>> & OverrideProps<TRow, 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 react-data-grid with added functionality and styling consistent with Amino design.
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 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))})};
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))};