@apia/table 2.0.8 → 2.0.9

package/dist/KeyHandler.js

@@ -1,28 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import React from 'react';
-import { useResponsiveTableContext } from './ResponsiveTableContext.js';
-import { makeKeyHandler } from './store/selection/makeKeyHandler.js';
-import { responsiveTableActions } from './store/index.js';
-
-const NoMemoKeyHandler = (props) => {
-  const { name, onChangeSelection, onSelectRows } = useResponsiveTableContext();
-  const Handler = React.useMemo(
-    () => makeKeyHandler(responsiveTableActions, name, {
-      throttleOptions: { wait: 50 },
-      stateSelector: (global) => global.responsiveTableSlice[name]
-    }),
-    [name]
-  );
-  return /* @__PURE__ */ jsx(
-    Handler,
-    {
-      onChangeSelection,
-      onSelectRows,
-      ...props
-    }
-  );
-};
-const KeyHandler = React.memo(NoMemoKeyHandler);
-
-export { KeyHandler };
-//# sourceMappingURL=KeyHandler.js.map

package/dist/KeyHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KeyHandler.js","sources":["../src/KeyHandler.tsx"],"sourcesContent":["import React from 'react';\r\nimport { BoxProps } from '@apia/theme';\r\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\r\nimport { makeKeyHandler } from './store/selection/makeKeyHandler';\r\nimport { responsiveTableActions } from './store';\r\n\r\nexport interface IKeyHandler {\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst NoMemoKeyHandler = (props: BoxProps) => {\r\n  const { name, onChangeSelection, onSelectRows } = useResponsiveTableContext();\r\n\r\n  const Handler = React.useMemo(\r\n    () =>\r\n      makeKeyHandler(responsiveTableActions, name, {\r\n        throttleOptions: { wait: 50 },\r\n        stateSelector: (global) => global.responsiveTableSlice[name],\r\n      }),\r\n    [name],\r\n  );\r\n\r\n  return (\r\n    <Handler\r\n      onChangeSelection={onChangeSelection}\r\n      onSelectRows={onSelectRows}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport const KeyHandler = React.memo(NoMemoKeyHandler);\r\n"],"names":[],"mappings":";;;;;;AAUA,MAAM,gBAAA,GAAmB,CAAC,KAAoB,KAAA;AAC5C,EAAA,MAAM,EAAE,IAAA,EAAM,iBAAmB,EAAA,YAAA,KAAiB,yBAA0B,EAAA,CAAA;AAE5E,EAAA,MAAM,UAAU,KAAM,CAAA,OAAA;AAAA,IACpB,MACE,cAAe,CAAA,sBAAA,EAAwB,IAAM,EAAA;AAAA,MAC3C,eAAA,EAAiB,EAAE,IAAA,EAAM,EAAG,EAAA;AAAA,MAC5B,aAAe,EAAA,CAAC,MAAW,KAAA,MAAA,CAAO,qBAAqB,IAAI,CAAA;AAAA,KAC5D,CAAA;AAAA,IACH,CAAC,IAAI,CAAA;AAAA,GACP,CAAA;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,iBAAA;AAAA,MACA,YAAA;AAAA,MACC,GAAG,KAAA;AAAA,KAAA;AAAA,GACN,CAAA;AAEJ,CAAA,CAAA;AAEa,MAAA,UAAA,GAAa,KAAM,CAAA,IAAA,CAAK,gBAAgB;;;;"}

package/dist/ResponsiveTable.d.ts

@@ -1,8 +0,0 @@
-import React__default from 'react';
-import { BoxProps } from '@apia/theme';
-import './types.js';
-
-declare const ResponsiveTable: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<BoxProps & React__default.RefAttributes<HTMLDivElement>>>;
-
-export { ResponsiveTable };
-//# sourceMappingURL=ResponsiveTable.d.ts.map

package/dist/ResponsiveTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveTable.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ResponsiveTable.js

@@ -1,29 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import React from 'react';
-import { useBreakpointIndex, Box, getVariant } from '@apia/theme';
-import { KeyHandler } from './KeyHandler.js';
-import { TableRenderer } from './renderers/TableRenderer.js';
-import { AccordionRenderer } from './renderers/AccordionRenderer.js';
-import { useResponsiveTableContext } from './ResponsiveTableContext.js';
-
-const domPropsSelector = (name) => (global) => global.responsiveTableSlice[name];
-const NoMemoResponsiveTable = React.forwardRef(({ className, ...props }, ref) => {
-  const breakpoint = useBreakpointIndex({ defaultIndex: 3 });
-  const { currentBreakPoint } = useResponsiveTableContext();
-  const actualBreakpoint = currentBreakPoint ?? breakpoint;
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      ...props,
-      ...getVariant("layout.common.tables.responsive"),
-      className: `responsiveTable__wrapper ${className ?? ""}`,
-      ref,
-      children: actualBreakpoint >= 3 ? /* @__PURE__ */ jsx(KeyHandler, { children: /* @__PURE__ */ jsx(TableRenderer, {}) }) : /* @__PURE__ */ jsx(AccordionRenderer, {})
-    }
-  );
-});
-NoMemoResponsiveTable.displayName = "ResponsiveTable";
-const ResponsiveTable = React.memo(NoMemoResponsiveTable);
-
-export { ResponsiveTable, domPropsSelector };
-//# sourceMappingURL=ResponsiveTable.js.map

package/dist/ResponsiveTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveTable.js","sources":["../src/ResponsiveTable.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, BoxProps, useBreakpointIndex } from '@apia/theme';\r\nimport { getVariant } from '@apia/theme';\r\nimport { KeyHandler } from './KeyHandler';\r\nimport { TableRenderer } from './renderers/TableRenderer';\r\nimport { AccordionRenderer } from './renderers/AccordionRenderer';\r\nimport { TUseDomProps } from './store/selection/types';\r\nimport { responsiveTableStore } from './store';\r\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\r\n\r\ntype TResponsiveTable = BoxProps;\r\n\r\n/**\r\n * Este objeto determina qué partes de la tabla deben\r\n * ser 'debugueadas'. Sobre todo para conocer el\r\n * impacto en el performance de la misma.\r\n */\r\nexport const rtDebug = {\r\n  cell: false,\r\n  context: false,\r\n  filterCell: false,\r\n  filters: {\r\n    additional: false,\r\n    grouped: false,\r\n    inner: false,\r\n    responsive: false,\r\n    sort: false,\r\n  },\r\n  header: false,\r\n  headerCell: false,\r\n  index: false,\r\n  keyHandler: false,\r\n  row: false,\r\n  tableRenderer: false,\r\n};\r\n\r\nexport const domPropsSelector: (name: string) => TUseDomProps =\r\n  (name: string) =>\r\n  (global: ReturnType<typeof responsiveTableStore.getState>) =>\r\n    global.responsiveTableSlice[name];\r\n\r\n/**\r\n * El ResponsiveTable renderiza una tabla en base a la\r\n * información provista por ResponsiveTableContext, quien\r\n * debe ser ancestro de este elemento. La finalidad última\r\n * de este componente es lograr responsividad y performance.\r\n *\r\n * Las props pasadas sarán colocadas directamente en el\r\n * wrapper de la tabla. Con esta estructura se busca que\r\n * a la hora de dar estilos a este componente, se pueda pasar\r\n * un variant al Wrapper, sin afectar los estilos por defecto\r\n * de la tabla ni del acordión en modo responsivo. Esto no limita\r\n * en ningún concepto la posibilidad de cambiar el variant a\r\n * la tabla o al acordión, ya que eso puede hacerse desde un\r\n * variante personalizado con la estructura mostrada en el\r\n * ejemplo.\r\n *\r\n * Además, de esta manera es posible aplicar estilo a algunos\r\n * componentes nada más, sin la necesidad de cambiar el layout\r\n * que usa la tabla por defecto. Por ejemplo, con esta estructura\r\n * se puede utilizar un variant personalizado para definir\r\n * el ancho de las columnas de la tabla.\r\n *\r\n * @example\r\n * 'customVariant': {\r\n *  '.responsiveTable__accordion': {\r\n *    variant: 'layout.tables.otherAccordion'\r\n *  }\r\n *  '.responsiveTable__table': {\r\n *    variant: 'layout.tables.otherTable'\r\n *  }\r\n * }\r\n */\r\nconst NoMemoResponsiveTable = React.forwardRef<\r\n  HTMLDivElement,\r\n  TResponsiveTable\r\n>(({ className, ...props }, ref) => {\r\n  const breakpoint = useBreakpointIndex({ defaultIndex: 3 });\r\n  const { currentBreakPoint } = useResponsiveTableContext();\r\n\r\n  const actualBreakpoint = currentBreakPoint ?? breakpoint;\r\n\r\n  return (\r\n    <Box\r\n      {...props}\r\n      {...getVariant('layout.common.tables.responsive')}\r\n      className={`responsiveTable__wrapper ${className ?? ''}`}\r\n      ref={ref}\r\n    >\r\n      {actualBreakpoint >= 3 ? (\r\n        <KeyHandler>\r\n          <TableRenderer />\r\n        </KeyHandler>\r\n      ) : (\r\n        <AccordionRenderer />\r\n      )}\r\n    </Box>\r\n  );\r\n});\r\n\r\nNoMemoResponsiveTable.displayName = 'ResponsiveTable';\r\n\r\nexport const ResponsiveTable = React.memo(NoMemoResponsiveTable);\r\n"],"names":[],"mappings":";;;;;;;;AAoCO,MAAM,mBACX,CAAC,IAAA,KACD,CAAC,MACC,KAAA,MAAA,CAAO,qBAAqB,IAAI,EAAA;AAkCpC,MAAM,qBAAA,GAAwB,MAAM,UAGlC,CAAA,CAAC,EAAE,SAAW,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAClC,EAAA,MAAM,UAAa,GAAA,kBAAA,CAAmB,EAAE,YAAA,EAAc,GAAG,CAAA,CAAA;AACzD,EAAM,MAAA,EAAE,iBAAkB,EAAA,GAAI,yBAA0B,EAAA,CAAA;AAExD,EAAA,MAAM,mBAAmB,iBAAqB,IAAA,UAAA,CAAA;AAE9C,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,GAAG,WAAW,iCAAiC,CAAA;AAAA,MAChD,SAAA,EAAW,CAA4B,yBAAA,EAAA,SAAA,IAAa,EAAE,CAAA,CAAA;AAAA,MACtD,GAAA;AAAA,MAEC,QAAA,EAAA,gBAAA,IAAoB,oBAClB,GAAA,CAAA,UAAA,EAAA,EACC,8BAAC,aAAc,EAAA,EAAA,CAAA,EACjB,CAEA,mBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GAEvB,CAAA;AAEJ,CAAC,CAAA,CAAA;AAED,qBAAA,CAAsB,WAAc,GAAA,iBAAA,CAAA;AAEvB,MAAA,eAAA,GAAkB,KAAM,CAAA,IAAA,CAAK,qBAAqB;;;;"}

package/dist/ResponsiveTableContext.d.ts

@@ -1,8 +0,0 @@
-import React__default from 'react';
-import { TResponsiveTableContext, TResponsiveTableContextProps } from './types.js';
-
-declare function useResponsiveTableContext(): TResponsiveTableContext;
-declare const ResponsiveTableContext: React__default.MemoExoticComponent<({ allowEdition, allowRowsKeyboardSorting, allowSelection, allowSorting, avoidReparseSelectionOnRowChange, children, className, currentBreakPoint, customLabels, columns, filters, rows, label, isMultiple, name, onChangeSelection, onFilterBlur, onFilterChange, onFilterPressEnter, onSelectRows, onSortChange, reserveColumnsForStates, variant, }: TResponsiveTableContextProps) => React__default.JSX.Element>;
-
-export { ResponsiveTableContext, useResponsiveTableContext };
-//# sourceMappingURL=ResponsiveTableContext.d.ts.map

package/dist/ResponsiveTableContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveTableContext.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ResponsiveTableContext.js

@@ -1,143 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { useMount, useUpdateEffect, useUnmount } from 'ahooks';
-import uniqueId from 'lodash-es/uniqueId';
-import React from 'react';
-import { Box, getVariant } from '@apia/theme';
-import { defaultLabels } from './types.js';
-import { responsiveTableStore, responsiveTableActions } from './store/index.js';
-import { ResponsiveTable } from './ResponsiveTable.js';
-
-const ResponsiveTableReactContext = React.createContext({});
-function useResponsiveTableContext() {
-  const context = React.useContext(ResponsiveTableReactContext);
-  if (!context)
-    throw new Error("There is no ResponsiveTableContext");
-  return context;
-}
-const NoMemoResponsiveTableContext = ({
-  allowEdition,
-  allowRowsKeyboardSorting,
-  allowSelection,
-  allowSorting,
-  avoidReparseSelectionOnRowChange,
-  children = /* @__PURE__ */ jsx(ResponsiveTable, {}),
-  className,
-  currentBreakPoint,
-  customLabels,
-  columns,
-  filters,
-  rows,
-  label,
-  isMultiple,
-  name,
-  onChangeSelection,
-  onFilterBlur,
-  onFilterChange,
-  onFilterPressEnter,
-  onSelectRows,
-  onSortChange,
-  reserveColumnsForStates,
-  variant
-}) => {
-  const actualName = React.useMemo(
-    () => name ?? uniqueId("responsiveTable"),
-    [name]
-  );
-  const labels = React.useMemo(
-    () => ({ ...defaultLabels, ...customLabels }),
-    [customLabels]
-  );
-  const contextValue = React.useMemo(
-    () => ({
-      currentBreakPoint,
-      label,
-      labels,
-      name: actualName,
-      onChangeSelection,
-      onFilterBlur,
-      onFilterChange,
-      onFilterPressEnter,
-      onSelectRows,
-      onSortChange
-    }),
-    [
-      actualName,
-      currentBreakPoint,
-      label,
-      labels,
-      onChangeSelection,
-      onFilterBlur,
-      onFilterChange,
-      onFilterPressEnter,
-      onSelectRows,
-      onSortChange
-    ]
-  );
-  useMount(() => {
-    responsiveTableStore.dispatch(
-      responsiveTableActions.update({
-        allowEdition,
-        allowRowsKeyboardSorting,
-        allowSelection,
-        allowSorting,
-        columns,
-        filters: filters ?? [],
-        rows,
-        isMultiple,
-        tableName: actualName,
-        reserveColumnsForStates
-      })
-    );
-  });
-  useUpdateEffect(() => {
-    responsiveTableStore.dispatch(
-      responsiveTableActions.update({
-        tableName: actualName,
-        columns
-      })
-    );
-  }, [columns]);
-  useUpdateEffect(() => {
-    responsiveTableStore.dispatch(
-      responsiveTableActions.update({
-        tableName: actualName,
-        rows
-      })
-    );
-    if (avoidReparseSelectionOnRowChange !== true) {
-      const selected = rows.map((current, i) => ({ ...current, i })).filter((current) => current.initiallySelected);
-      responsiveTableStore.dispatch(
-        responsiveTableActions.update({
-          tableName: actualName,
-          selectedRows: selected.map((current) => current.i)
-        })
-      );
-    }
-  }, [rows]);
-  useUpdateEffect(() => {
-    responsiveTableStore.dispatch(
-      responsiveTableActions.update({
-        tableName: actualName,
-        filters
-      })
-    );
-  }, [filters]);
-  useUnmount(() => {
-    responsiveTableStore.dispatch(
-      responsiveTableActions.destroy({ tableName: actualName })
-    );
-  });
-  return /* @__PURE__ */ jsx(ResponsiveTableReactContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-    Box,
-    {
-      id: name,
-      className: `responsiveTableContext__wrapper ${className ?? ""}`,
-      ...variant ? getVariant(variant) : null,
-      children
-    }
-  ) });
-};
-const ResponsiveTableContext = React.memo(NoMemoResponsiveTableContext);
-
-export { ResponsiveTableContext, ResponsiveTableReactContext, useResponsiveTableContext };
-//# sourceMappingURL=ResponsiveTableContext.js.map

package/dist/ResponsiveTableContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveTableContext.js","sources":["../src/ResponsiveTableContext.tsx"],"sourcesContent":["import { useMount, useUnmount, useUpdateEffect } from 'ahooks';\r\nimport uniqueId from 'lodash-es/uniqueId';\r\nimport React from 'react';\r\nimport { Box } from '@apia/theme';\r\nimport {\r\n  defaultLabels,\r\n  TResponsiveTableContext,\r\n  TResponsiveTableContextProps,\r\n} from './types';\r\nimport { responsiveTableActions, responsiveTableStore } from './store';\r\nimport { ResponsiveTable } from './ResponsiveTable';\r\nimport { getVariant } from '@apia/theme';\r\n\r\nexport const ResponsiveTableReactContext =\r\n  React.createContext<TResponsiveTableContext>({} as TResponsiveTableContext);\r\n\r\nexport function useResponsiveTableContext() {\r\n  const context = React.useContext(ResponsiveTableReactContext);\r\n  if (!context) throw new Error('There is no ResponsiveTableContext');\r\n  return context;\r\n}\r\n\r\n/**\r\n * Este contexto busca facilitar la tarea de centralizar las\r\n * propiedades y callbacks asociados a la tabla, de forma de\r\n * evitar la necesidad de distribuir comportamientos.\r\n *\r\n * **MUY IMPORTANTE**\r\n * Asegurarse de memoizar las propiedades rows, filters y\r\n * columns, ya que en caso contrario eso va a disparar\r\n * actualizaciones en el responsiveTableStore cada vez que el padre del\r\n * contexto renderice.\r\n *\r\n */\r\nconst NoMemoResponsiveTableContext = ({\r\n  allowEdition,\r\n  allowRowsKeyboardSorting,\r\n  allowSelection,\r\n  allowSorting,\r\n  avoidReparseSelectionOnRowChange,\r\n  children = <ResponsiveTable />,\r\n  className,\r\n  currentBreakPoint,\r\n  customLabels,\r\n  columns,\r\n  filters,\r\n  rows,\r\n  label,\r\n  isMultiple,\r\n  name,\r\n  onChangeSelection,\r\n  onFilterBlur,\r\n  onFilterChange,\r\n  onFilterPressEnter,\r\n  onSelectRows,\r\n  onSortChange,\r\n  reserveColumnsForStates,\r\n  variant,\r\n}: TResponsiveTableContextProps) => {\r\n  const actualName = React.useMemo(\r\n    () => name ?? uniqueId('responsiveTable'),\r\n    [name],\r\n  );\r\n  const labels = React.useMemo(\r\n    () => ({ ...defaultLabels, ...customLabels }),\r\n    [customLabels],\r\n  );\r\n  const contextValue = React.useMemo<TResponsiveTableContext>(\r\n    () => ({\r\n      currentBreakPoint,\r\n      label,\r\n      labels,\r\n      name: actualName,\r\n      onChangeSelection,\r\n      onFilterBlur,\r\n      onFilterChange,\r\n      onFilterPressEnter,\r\n      onSelectRows,\r\n      onSortChange,\r\n    }),\r\n    [\r\n      actualName,\r\n      currentBreakPoint,\r\n      label,\r\n      labels,\r\n      onChangeSelection,\r\n      onFilterBlur,\r\n      onFilterChange,\r\n      onFilterPressEnter,\r\n      onSelectRows,\r\n      onSortChange,\r\n    ],\r\n  );\r\n\r\n  useMount(() => {\r\n    responsiveTableStore.dispatch(\r\n      responsiveTableActions.update({\r\n        allowEdition,\r\n        allowRowsKeyboardSorting,\r\n        allowSelection,\r\n        allowSorting,\r\n        columns,\r\n        filters: filters ?? [],\r\n        rows,\r\n        isMultiple,\r\n        tableName: actualName,\r\n        reserveColumnsForStates,\r\n      }),\r\n    );\r\n  });\r\n\r\n  useUpdateEffect(() => {\r\n    responsiveTableStore.dispatch(\r\n      responsiveTableActions.update({\r\n        tableName: actualName,\r\n        columns,\r\n      }),\r\n    );\r\n  }, [columns]);\r\n\r\n  useUpdateEffect(() => {\r\n    responsiveTableStore.dispatch(\r\n      responsiveTableActions.update({\r\n        tableName: actualName,\r\n        rows,\r\n      }),\r\n    );\r\n    if (avoidReparseSelectionOnRowChange !== true) {\r\n      const selected = rows\r\n        .map((current, i) => ({ ...current, i }))\r\n        .filter((current) => current.initiallySelected);\r\n      responsiveTableStore.dispatch(\r\n        responsiveTableActions.update({\r\n          tableName: actualName,\r\n          selectedRows: selected.map((current) => current.i),\r\n        }),\r\n      );\r\n    }\r\n  }, [rows]);\r\n\r\n  useUpdateEffect(() => {\r\n    responsiveTableStore.dispatch(\r\n      responsiveTableActions.update({\r\n        tableName: actualName,\r\n        filters,\r\n      }),\r\n    );\r\n  }, [filters]);\r\n\r\n  useUnmount(() => {\r\n    responsiveTableStore.dispatch(\r\n      responsiveTableActions.destroy({ tableName: actualName }),\r\n    );\r\n  });\r\n\r\n  return (\r\n    <ResponsiveTableReactContext.Provider value={contextValue}>\r\n      <Box\r\n        id={name}\r\n        className={`responsiveTableContext__wrapper ${className ?? ''}`}\r\n        {...(variant ? getVariant(variant) : null)}\r\n      >\r\n        {children}\r\n      </Box>\r\n    </ResponsiveTableReactContext.Provider>\r\n  );\r\n};\r\n\r\nexport const ResponsiveTableContext = React.memo(NoMemoResponsiveTableContext);\r\n"],"names":[],"mappings":"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"}

package/dist/Row.js

@@ -1,230 +0,0 @@
-import { jsxs, Fragment, jsx } from '@apia/theme/jsx-runtime';
-import uniqueId from 'lodash-es/uniqueId';
-import React from 'react';
-import { shallowEqual } from 'react-redux';
-import { MdKeyboardArrowDown, MdKeyboardArrowRight } from '@meronex/icons/md/';
-import { getVariant, Box } from '@apia/theme';
-import { IconButton } from '@apia/components';
-import { domPropsSelector } from './ResponsiveTable.js';
-import { AdditionalColumnDefaultRenderer } from './renderers/AdditionalColumnDefaultRenderer.js';
-import { SeparatorCell } from './SeparatorCell.js';
-import { DefaultRowRenderer } from './renderers/DefaultRowRenderer.js';
-import { useResponsiveTableContext } from './ResponsiveTableContext.js';
-import { useResponsiveTable, responsiveTableStore, responsiveTableActions } from './store/index.js';
-import { useDomProps } from './store/selection/useDomProps.js';
-import { StateCell } from './StateCell.js';
-import { Cell } from './Cell.js';
-import { getLabel } from '@apia/util';
-
-const NoMemoRow = ({ rowIndex }) => {
-  const { name } = useResponsiveTableContext();
-  const { columns, hasNonAdditionalFilters } = useResponsiveTable((global) => {
-    const tableState = global.responsiveTableSlice[name];
-    return {
-      columns: tableState?.columns ?? [],
-      hasNonAdditionalFilters: tableState?.hasNonAdditionalFilters
-    };
-  }, shallowEqual);
-  const row = useResponsiveTable(
-    (global) => global.responsiveTableSlice[name].rows[rowIndex],
-    shallowEqual
-  );
-  const additionalCells = useResponsiveTable(
-    (global) => {
-      const tableState = global.responsiveTableSlice[name];
-      return tableState.columns.map(
-        (current, index) => current.showAsAdditional ? {
-          index,
-          column: current
-        } : null
-      ).filter(
-        (current) => !!current
-      ).map((current) => {
-        return {
-          cell: tableState.rows[rowIndex]?.cells[current.index],
-          column: current.column,
-          columnIndex: current.index
-        };
-      });
-    },
-    (currentValue, newValue) => {
-      return currentValue.reduce(
-        (accumulatedBoolean, currentCell, cellIndex) => {
-          return accumulatedBoolean && shallowEqual(currentCell, newValue[cellIndex]);
-        },
-        true
-      );
-    }
-  );
-  const { isDragging, isExpanded, shouldForbidSelection } = useResponsiveTable(
-    (global) => {
-      const tableState = global.responsiveTableSlice[name];
-      return {
-        isExpanded: tableState.expandedRows.includes(rowIndex),
-        isDragging: tableState.draggingRow === rowIndex,
-        shouldForbidSelection: tableState.rows[rowIndex]?.forbidSelection
-      };
-    },
-    shallowEqual
-  );
-  const domProps = useDomProps(
-    "tr",
-    {
-      isThisRowExpanded: isExpanded,
-      rowIndex
-    },
-    domPropsSelector(name)
-  );
-  const expandedRowDomProps = useDomProps(
-    "tr",
-    {
-      isTheExpandedRow: true,
-      rowIndex
-    },
-    domPropsSelector(name)
-  );
-  const handleExpandedState = React.useCallback(
-    (ev) => {
-      const willBeExpanded = typeof ev === "boolean" ? ev : !isExpanded;
-      if (!willBeExpanded)
-        responsiveTableStore.dispatch(
-          responsiveTableActions.update({
-            tableName: name,
-            expandedRows: responsiveTableStore.getState().responsiveTableSlice[name].expandedRows.filter((current) => current !== rowIndex)
-          })
-        );
-      else
-        responsiveTableStore.dispatch(
-          responsiveTableActions.update({
-            tableName: name,
-            expandedRows: [
-              ...responsiveTableStore.getState().responsiveTableSlice[name].expandedRows,
-              rowIndex
-            ]
-          })
-        );
-    },
-    [isExpanded, name, rowIndex]
-  );
-  const statesCount = useResponsiveTable((globalState) => {
-    const state = globalState.responsiveTableSlice[name];
-    return state?.statesColumns ?? 0;
-  }, shallowEqual);
-  const states = React.useMemo(
-    () => (row.states ?? []).map((current) => ({ ...current, id: uniqueId() })),
-    [row.states]
-  );
-  const { ref, ...additionalCellDomProps } = useDomProps(
-    "additionalTd",
-    { rowIndex },
-    domPropsSelector(name)
-  );
-  const Renderer = React.useMemo(
-    () => row.renderer ?? DefaultRowRenderer,
-    [row.renderer]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Renderer,
-      {
-        ...domProps,
-        row,
-        rowIndex,
-        className: `responsiveTable__row ${row.isHidden ? "hidden" : ""} ${domProps["aria-selected"] ? "selected" : ""} ${shouldForbidSelection ? "non-selectable" : ""} ${states.map((current) => current.className).join(" ")} ${row.className ?? ""} ${row.separator ? "row__separator" : ""} ${isDragging ? "draggingRow" : ""}`,
-        onKeyDown: React.useCallback(
-          (ev) => {
-            if (ev.key.toLowerCase() === "arrowleft" && ev.ctrlKey) {
-              ev.preventDefault();
-              ev.stopPropagation();
-              handleExpandedState(false);
-            }
-            if (ev.key.toLowerCase() === "arrowright" && ev.ctrlKey) {
-              ev.preventDefault();
-              ev.stopPropagation();
-              handleExpandedState(true);
-            }
-          },
-          [handleExpandedState]
-        ),
-        children: row.separator ? /* @__PURE__ */ jsx(
-          SeparatorCell,
-          {
-            colSpan: (additionalCells.length > 0 || hasNonAdditionalFilters ? 1 : 0) + statesCount + columns.filter((current) => !current.showAsAdditional).length,
-            rowIndex
-          }
-        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          (additionalCells.length > 0 || hasNonAdditionalFilters) && /* @__PURE__ */ jsx("td", { className: "additionalInfo__cell", ...additionalCellDomProps, children: additionalCells.length > 0 && /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              size: "Lg",
-              ...getVariant("icon-outline"),
-              icon: isExpanded ? MdKeyboardArrowDown : MdKeyboardArrowRight,
-              "aria-label": isExpanded ? getLabel("lblCollapseRow").text : getLabel("lblExpandRow").text,
-              className: "moreInformationButton",
-              onClick: handleExpandedState
-            }
-          ) }),
-          Array(statesCount).fill("").map((_, i) => {
-            return /* @__PURE__ */ jsx(
-              StateCell,
-              {
-                index: i,
-                state: states[i],
-                rowIndex
-              },
-              states[i]?.id ?? i
-            );
-          }),
-          columns.map((current, actualColumnIndex) => ({
-            ...current,
-            actualColumnIndex
-          })).filter((current) => !current.showAsAdditional).map((current, inTableColumnIndex) => {
-            if (current.hidden)
-              return null;
-            return /* @__PURE__ */ jsx(
-              Cell,
-              {
-                columnIndex: current.actualColumnIndex,
-                rowIndex,
-                inTableColumnIndex
-              },
-              current.name
-            );
-          })
-        ] })
-      }
-    ),
-    isExpanded && /* @__PURE__ */ jsx("tr", { className: "expandedRow", ...expandedRowDomProps, children: /* @__PURE__ */ jsx(
-      "td",
-      {
-        colSpan: columns.length - additionalCells.length + states.length + 1,
-        children: /* @__PURE__ */ jsx(Box, { className: "responsiveTable__additionalInfoContainer", children: additionalCells.map((current) => {
-          const { Renderer: ColumnRenderer } = current.column;
-          if (ColumnRenderer)
-            return /* @__PURE__ */ jsx(
-              ColumnRenderer,
-              {
-                cell: current.cell,
-                column: current.column,
-                row
-              },
-              current.column.name
-            );
-          return /* @__PURE__ */ jsx(
-            AdditionalColumnDefaultRenderer,
-            {
-              cell: current.cell,
-              column: current.column,
-              row
-            },
-            current.column.name
-          );
-        }) })
-      }
-    ) })
-  ] });
-};
-const Row = React.memo(NoMemoRow);
-
-export { Row };
-//# sourceMappingURL=Row.js.map

package/dist/Row.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.js","sources":["../src/Row.tsx"],"sourcesContent":["import uniqueId from 'lodash-es/uniqueId';\r\nimport React from 'react';\r\nimport { shallowEqual } from 'react-redux';\r\nimport { MdKeyboardArrowRight, MdKeyboardArrowDown } from '@meronex/icons/md/';\r\nimport { Box } from '@apia/theme';\r\nimport { IconButton } from '@apia/components';\r\nimport { getVariant } from '@apia/theme';\r\nimport { domPropsSelector } from './ResponsiveTable';\r\nimport { TResponsiveTableCell, TResponsiveTableColumn } from './types';\r\nimport { AdditionalColumnDefaultRenderer } from './renderers/AdditionalColumnDefaultRenderer';\r\nimport { SeparatorCell } from './SeparatorCell';\r\nimport { DefaultRowRenderer } from './renderers/DefaultRowRenderer';\r\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\r\nimport {\r\n  responsiveTableActions,\r\n  responsiveTableStore,\r\n  useResponsiveTable,\r\n} from './store';\r\nimport { useDomProps } from './store/selection/useDomProps';\r\nimport { StateCell } from './StateCell';\r\nimport { Cell } from './Cell';\r\nimport { getLabel } from '@apia/util';\r\n\r\ninterface IRow {\r\n  rowIndex: number;\r\n}\r\n\r\ntype TAdditionalCell = {\r\n  cell: TResponsiveTableCell;\r\n  column: TResponsiveTableColumn;\r\n  columnIndex: number;\r\n};\r\n\r\nconst NoMemoRow = ({ rowIndex }: IRow) => {\r\n  const { name } = useResponsiveTableContext();\r\n\r\n  const { columns, hasNonAdditionalFilters } = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n    return {\r\n      columns: tableState?.columns ?? [],\r\n      hasNonAdditionalFilters: tableState?.hasNonAdditionalFilters,\r\n    };\r\n  }, shallowEqual);\r\n  const row = useResponsiveTable(\r\n    (global) => global.responsiveTableSlice[name].rows[rowIndex],\r\n    shallowEqual,\r\n  );\r\n  const additionalCells: TAdditionalCell[] = useResponsiveTable(\r\n    (global) => {\r\n      const tableState = global.responsiveTableSlice[name];\r\n      return tableState.columns\r\n        .map((current, index) =>\r\n          current.showAsAdditional\r\n            ? {\r\n                index,\r\n                column: current,\r\n              }\r\n            : null,\r\n        )\r\n        .filter(\r\n          (\r\n            current,\r\n          ): current is {\r\n            index: number;\r\n            column: TResponsiveTableColumn;\r\n          } => !!current,\r\n        )\r\n        .map((current) => {\r\n          return {\r\n            cell: tableState.rows[rowIndex]?.cells[current.index],\r\n            column: current.column,\r\n            columnIndex: current.index,\r\n          };\r\n        });\r\n    },\r\n    (currentValue, newValue) => {\r\n      return currentValue.reduce<boolean>(\r\n        (accumulatedBoolean, currentCell, cellIndex) => {\r\n          return (\r\n            accumulatedBoolean && shallowEqual(currentCell, newValue[cellIndex])\r\n          );\r\n        },\r\n        true,\r\n      );\r\n    },\r\n  );\r\n  const { isDragging, isExpanded, shouldForbidSelection } = useResponsiveTable(\r\n    (global) => {\r\n      const tableState = global.responsiveTableSlice[name];\r\n      return {\r\n        isExpanded: tableState.expandedRows.includes(rowIndex),\r\n        isDragging: tableState.draggingRow === rowIndex,\r\n        shouldForbidSelection: tableState.rows[rowIndex]?.forbidSelection,\r\n      };\r\n    },\r\n    shallowEqual,\r\n  );\r\n\r\n  const domProps = useDomProps(\r\n    'tr',\r\n    {\r\n      isThisRowExpanded: isExpanded,\r\n      rowIndex,\r\n    },\r\n    domPropsSelector(name),\r\n  );\r\n\r\n  const expandedRowDomProps = useDomProps(\r\n    'tr',\r\n    {\r\n      isTheExpandedRow: true,\r\n      rowIndex,\r\n    },\r\n    domPropsSelector(name),\r\n  );\r\n\r\n  const handleExpandedState = React.useCallback(\r\n    (ev: boolean | React.MouseEvent) => {\r\n      const willBeExpanded = typeof ev === 'boolean' ? ev : !isExpanded;\r\n      if (!willBeExpanded)\r\n        responsiveTableStore.dispatch(\r\n          responsiveTableActions.update({\r\n            tableName: name,\r\n            expandedRows: responsiveTableStore\r\n              .getState()\r\n              .responsiveTableSlice[\r\n                name\r\n              ].expandedRows.filter((current) => current !== rowIndex),\r\n          }),\r\n        );\r\n      else\r\n        responsiveTableStore.dispatch(\r\n          responsiveTableActions.update({\r\n            tableName: name,\r\n            expandedRows: [\r\n              ...responsiveTableStore.getState().responsiveTableSlice[name]\r\n                .expandedRows,\r\n              rowIndex,\r\n            ],\r\n          }),\r\n        );\r\n    },\r\n    [isExpanded, name, rowIndex],\r\n  );\r\n\r\n  const statesCount = useResponsiveTable((globalState) => {\r\n    const state = globalState.responsiveTableSlice[name];\r\n    return state?.statesColumns ?? 0;\r\n  }, shallowEqual);\r\n\r\n  const states = React.useMemo(\r\n    () => (row.states ?? []).map((current) => ({ ...current, id: uniqueId() })),\r\n    [row.states],\r\n  );\r\n\r\n  const { ref, ...additionalCellDomProps } = useDomProps(\r\n    'additionalTd',\r\n    { rowIndex },\r\n    domPropsSelector(name),\r\n  );\r\n\r\n  const Renderer = React.useMemo(\r\n    () => row.renderer ?? DefaultRowRenderer,\r\n    [row.renderer],\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <Renderer\r\n        {...domProps}\r\n        row={row}\r\n        rowIndex={rowIndex}\r\n        className={`responsiveTable__row ${row.isHidden ? 'hidden' : ''} ${\r\n          domProps['aria-selected'] ? 'selected' : ''\r\n        } ${shouldForbidSelection ? 'non-selectable' : ''} ${states\r\n          .map((current) => current.className)\r\n          .join(' ')} ${row.className ?? ''} ${\r\n          row.separator ? 'row__separator' : ''\r\n        } ${isDragging ? 'draggingRow' : ''}`}\r\n        onKeyDown={React.useCallback(\r\n          (ev: React.KeyboardEvent) => {\r\n            if (ev.key.toLowerCase() === 'arrowleft' && ev.ctrlKey) {\r\n              ev.preventDefault();\r\n              ev.stopPropagation();\r\n              handleExpandedState(false);\r\n            }\r\n            if (ev.key.toLowerCase() === 'arrowright' && ev.ctrlKey) {\r\n              ev.preventDefault();\r\n              ev.stopPropagation();\r\n              handleExpandedState(true);\r\n            }\r\n          },\r\n          [handleExpandedState],\r\n        )}\r\n      >\r\n        {row.separator ? (\r\n          <SeparatorCell\r\n            colSpan={\r\n              (additionalCells.length > 0 || hasNonAdditionalFilters ? 1 : 0) +\r\n              statesCount +\r\n              columns.filter((current) => !current.showAsAdditional).length\r\n            }\r\n            rowIndex={rowIndex}\r\n          />\r\n        ) : (\r\n          <>\r\n            {(additionalCells.length > 0 || hasNonAdditionalFilters) && (\r\n              <td className=\"additionalInfo__cell\" {...additionalCellDomProps}>\r\n                {additionalCells.length > 0 && (\r\n                  <IconButton\r\n                    size={'Lg'}\r\n                    {...getVariant('icon-outline')}\r\n                    icon={\r\n                      isExpanded ? MdKeyboardArrowDown : MdKeyboardArrowRight\r\n                    }\r\n                    aria-label={\r\n                      isExpanded\r\n                        ? getLabel('lblCollapseRow').text\r\n                        : getLabel('lblExpandRow').text\r\n                    }\r\n                    className=\"moreInformationButton\"\r\n                    onClick={handleExpandedState}\r\n                  />\r\n                )}\r\n              </td>\r\n            )}\r\n            {Array(statesCount)\r\n              .fill('')\r\n              .map((_, i) => {\r\n                return (\r\n                  <StateCell\r\n                    key={states[i]?.id ?? i}\r\n                    index={i}\r\n                    state={states[i]}\r\n                    rowIndex={rowIndex}\r\n                  />\r\n                );\r\n              })}\r\n            {columns\r\n              .map((current, actualColumnIndex) => ({\r\n                ...current,\r\n                actualColumnIndex,\r\n              }))\r\n              .filter((current) => !current.showAsAdditional)\r\n              .map((current, inTableColumnIndex) => {\r\n                if (current.hidden) return null;\r\n                return (\r\n                  <Cell\r\n                    key={current.name}\r\n                    columnIndex={current.actualColumnIndex}\r\n                    rowIndex={rowIndex}\r\n                    inTableColumnIndex={inTableColumnIndex}\r\n                  />\r\n                );\r\n              })}\r\n          </>\r\n        )}\r\n      </Renderer>\r\n      {isExpanded && (\r\n        <tr className=\"expandedRow\" {...expandedRowDomProps}>\r\n          <td\r\n            colSpan={\r\n              columns.length - additionalCells.length + states.length + 1\r\n            }\r\n          >\r\n            <Box className=\"responsiveTable__additionalInfoContainer\">\r\n              {additionalCells.map((current) => {\r\n                const { Renderer: ColumnRenderer } = current.column;\r\n                if (ColumnRenderer)\r\n                  return (\r\n                    <ColumnRenderer\r\n                      key={current.column.name}\r\n                      cell={current.cell}\r\n                      column={current.column}\r\n                      row={row}\r\n                    />\r\n                  );\r\n                return (\r\n                  <AdditionalColumnDefaultRenderer\r\n                    key={current.column.name}\r\n                    cell={current.cell}\r\n                    column={current.column}\r\n                    row={row}\r\n                  />\r\n                );\r\n              })}\r\n            </Box>\r\n          </td>\r\n        </tr>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport const Row = React.memo(NoMemoRow);\r\n"],"names":[],"mappings":"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"}

package/dist/SeparatorCell.js

@@ -1,20 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { domPropsSelector } from './ResponsiveTable.js';
-import { useResponsiveTableContext } from './ResponsiveTableContext.js';
-import { useDomProps } from './store/selection/useDomProps.js';
-
-const SeparatorCell = ({
-  colSpan,
-  rowIndex
-}) => {
-  const { name } = useResponsiveTableContext();
-  const domProps = useDomProps(
-    "separator",
-    { rowIndex },
-    domPropsSelector(name)
-  );
-  return /* @__PURE__ */ jsx("td", { className: "row__separator__cell", colSpan, ...domProps });
-};
-
-export { SeparatorCell };
-//# sourceMappingURL=SeparatorCell.js.map

package/dist/SeparatorCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SeparatorCell.js","sources":["../src/SeparatorCell.tsx"],"sourcesContent":["import { domPropsSelector } from './ResponsiveTable';\r\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\r\nimport { useDomProps } from './store/selection/useDomProps';\r\n\r\nexport const SeparatorCell = ({\r\n  colSpan,\r\n  rowIndex,\r\n}: {\r\n  colSpan: number;\r\n  rowIndex: number;\r\n}) => {\r\n  const { name } = useResponsiveTableContext();\r\n  const domProps = useDomProps(\r\n    'separator',\r\n    { rowIndex },\r\n    domPropsSelector(name),\r\n  );\r\n  return (\r\n    <td className=\"row__separator__cell\" colSpan={colSpan} {...domProps} />\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;;AAIO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAA;AAAA,EACA,QAAA;AACF,CAGM,KAAA;AACJ,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,yBAA0B,EAAA,CAAA;AAC3C,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,WAAA;AAAA,IACA,EAAE,QAAS,EAAA;AAAA,IACX,iBAAiB,IAAI,CAAA;AAAA,GACvB,CAAA;AACA,EAAA,2BACG,IAAG,EAAA,EAAA,SAAA,EAAU,sBAAuB,EAAA,OAAA,EAAmB,GAAG,QAAU,EAAA,CAAA,CAAA;AAEzE;;;;"}

package/dist/StateCell.js

@@ -1,19 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { domPropsSelector } from './ResponsiveTable.js';
-import { RowStatesRenderer } from './renderers/RowStatesRenderer.js';
-import { useResponsiveTableContext } from './ResponsiveTableContext.js';
-import { useDomProps } from './store/selection/useDomProps.js';
-import { Box } from '@apia/theme';
-
-const StateCell = ({ index, rowIndex, state, isHeader }) => {
-  const { name } = useResponsiveTableContext();
-  const domProps = useDomProps(
-    isHeader ? "headerStateCell" : "stateCell",
-    { columnIndex: index, rowIndex },
-    domPropsSelector(name)
-  );
-  return /* @__PURE__ */ jsx(Box, { as: "td", className: "stateCell", ...domProps, children: state ? /* @__PURE__ */ jsx(RowStatesRenderer, { state }) : "" });
-};
-
-export { StateCell };
-//# sourceMappingURL=StateCell.js.map

package/dist/StateCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StateCell.js","sources":["../src/StateCell.tsx"],"sourcesContent":["import { domPropsSelector } from './ResponsiveTable';\r\nimport { RowStatesRenderer } from './renderers/RowStatesRenderer';\r\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\r\nimport { useDomProps } from './store/selection/useDomProps';\r\nimport { TResponsiveTableRowState } from './types';\r\nimport { Box } from '@apia/theme';\r\n\r\ninterface IStateCell {\r\n  index: number;\r\n  isHeader?: boolean;\r\n  rowIndex: number;\r\n  state?: TResponsiveTableRowState;\r\n}\r\n\r\nexport const StateCell = ({ index, rowIndex, state, isHeader }: IStateCell) => {\r\n  const { name } = useResponsiveTableContext();\r\n  const domProps = useDomProps(\r\n    isHeader ? 'headerStateCell' : 'stateCell',\r\n    { columnIndex: index, rowIndex },\r\n    domPropsSelector(name),\r\n  );\r\n  return (\r\n    <Box as=\"td\" className=\"stateCell\" {...domProps}>\r\n      {state ? <RowStatesRenderer state={state} /> : ''}\r\n    </Box>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;;;;AAcO,MAAM,YAAY,CAAC,EAAE,OAAO,QAAU,EAAA,KAAA,EAAO,UAA2B,KAAA;AAC7E,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,yBAA0B,EAAA,CAAA;AAC3C,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,WAAW,iBAAoB,GAAA,WAAA;AAAA,IAC/B,EAAE,WAAa,EAAA,KAAA,EAAO,QAAS,EAAA;AAAA,IAC/B,iBAAiB,IAAI,CAAA;AAAA,GACvB,CAAA;AACA,EAAA,uBACG,GAAA,CAAA,GAAA,EAAA,EAAI,EAAG,EAAA,IAAA,EAAK,SAAU,EAAA,WAAA,EAAa,GAAG,QAAA,EACpC,QAAQ,EAAA,KAAA,mBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,KAAA,EAAc,IAAK,EACjD,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/filters/RangeFilter.js

@@ -1,61 +0,0 @@
-import { jsxs, jsx } from '@apia/theme/jsx-runtime';
-import { Box } from '@apia/theme';
-import { ApiaFilter } from '@apia/components';
-import { useResponsiveTableContext } from '../ResponsiveTableContext.js';
-
-const NoMemoRangeFilter = ({ filter }) => {
-  const { onFilterBlur, onFilterChange, onFilterPressEnter } = useResponsiveTableContext();
-  const filterLow = {
-    id: filter.id,
-    currentValue: filter.currentValue,
-    type: "number"
-  };
-  const filterHigh = {
-    id: filter.filterToId ?? "",
-    currentValue: filter.filterToValue ?? "",
-    type: "number"
-  };
-  return /* @__PURE__ */ jsxs(Box, { className: "ApiaFilter__Range", children: [
-    /* @__PURE__ */ jsx(Box, { className: "ApiaFilter__Range__Low", children: /* @__PURE__ */ jsx(
-      ApiaFilter,
-      {
-        filter: filterLow,
-        onChange: (currentValue) => {
-          if (onFilterChange)
-            void onFilterChange({ ...filterLow, currentValue });
-        },
-        onBlur: (currentValue) => {
-          if (onFilterBlur)
-            void onFilterBlur({ ...filterLow, currentValue });
-        },
-        onPressEnter: (currentValue) => {
-          if (onFilterPressEnter)
-            void onFilterPressEnter({ ...filterLow, currentValue });
-        }
-      }
-    ) }),
-    " - ",
-    /* @__PURE__ */ jsx(Box, { className: "ApiaFilter__Range__High", children: /* @__PURE__ */ jsx(
-      ApiaFilter,
-      {
-        filter: filterHigh,
-        onChange: (currentValue) => {
-          if (onFilterChange)
-            void onFilterChange({ ...filterHigh, currentValue });
-        },
-        onBlur: (currentValue) => {
-          if (onFilterBlur)
-            void onFilterBlur({ ...filterHigh, currentValue });
-        },
-        onPressEnter: (currentValue) => {
-          if (onFilterPressEnter)
-            void onFilterPressEnter({ ...filterHigh, currentValue });
-        }
-      }
-    ) })
-  ] });
-};
-const RangeFilter = NoMemoRangeFilter;
-
-export { RangeFilter };
-//# sourceMappingURL=RangeFilter.js.map