@apia/table 2.0.7 → 2.0.8

package/dist/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../src/Cell.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { shallowEqual } from 'react-redux';\nimport { domPropsSelector } from './ResponsiveTable';\nimport { DefaultCellRenderer } from './renderers/DefaultCellRenderer';\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\nimport { useDomProps } from './store/selection/useDomProps';\nimport { useResponsiveTable } from './store';\n\ninterface ICell {\n  columnIndex: number;\n  inTableColumnIndex: number;\n  rowIndex: number;\n}\n\nconst NoMemoCell: FC<ICell> = ({\n  columnIndex,\n  inTableColumnIndex,\n  rowIndex,\n}) => {\n  const { name } = useResponsiveTableContext();\n\n  const domProps = useDomProps(\n    'td',\n    { columnIndex: inTableColumnIndex, rowIndex },\n    domPropsSelector(name),\n  );\n\n  const cell = useResponsiveTable((global) => {\n    const tableState = global.responsiveTableSlice[name];\n\n    return tableState?.rows[rowIndex]?.cells[columnIndex];\n  }, shallowEqual);\n\n  const column = useResponsiveTable((global) => {\n    const tableState = global.responsiveTableSlice[name];\n    return tableState?.columns[columnIndex];\n  }, shallowEqual);\n\n  const row = useResponsiveTable((global) => {\n    const tableState = global.responsiveTableSlice[name];\n    return tableState?.rows[rowIndex];\n  }, shallowEqual);\n\n  const Renderer = React.useMemo(\n    () => cell?.Renderer ?? column.Renderer ?? DefaultCellRenderer,\n    [cell?.Renderer, column.Renderer],\n  );\n\n  if (!Renderer || !cell)\n    return row.separator ? <div className=\"separator\"></div> : null;\n\n  return (\n    <Renderer\n      {...(domProps as Omit<React.HTMLProps<HTMLTableCellElement>, 'ref'>)}\n      cell={cell}\n      column={column}\n      row={row}\n    />\n  );\n};\n\nexport const Cell = React.memo(NoMemoCell);\n"],"names":[],"mappings":";;;;;;;;;AAcA,MAAM,aAAwB,CAAC;AAAA,EAC7B,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,QAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,yBAA0B,EAAA,CAAA;AAE3C,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,IAAA;AAAA,IACA,EAAE,WAAa,EAAA,kBAAA,EAAoB,QAAS,EAAA;AAAA,IAC5C,iBAAiB,IAAI,CAAA;AAAA,GACvB,CAAA;AAEA,EAAM,MAAA,IAAA,GAAO,kBAAmB,CAAA,CAAC,MAAW,KAAA;AAC1C,IAAM,MAAA,UAAA,GAAa,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AAEnD,IAAA,OAAO,UAAY,EAAA,IAAA,CAAK,QAAQ,CAAA,EAAG,MAAM,WAAW,CAAA,CAAA;AAAA,KACnD,YAAY,CAAA,CAAA;AAEf,EAAM,MAAA,MAAA,GAAS,kBAAmB,CAAA,CAAC,MAAW,KAAA;AAC5C,IAAM,MAAA,UAAA,GAAa,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACnD,IAAO,OAAA,UAAA,EAAY,QAAQ,WAAW,CAAA,CAAA;AAAA,KACrC,YAAY,CAAA,CAAA;AAEf,EAAM,MAAA,GAAA,GAAM,kBAAmB,CAAA,CAAC,MAAW,KAAA;AACzC,IAAM,MAAA,UAAA,GAAa,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACnD,IAAO,OAAA,UAAA,EAAY,KAAK,QAAQ,CAAA,CAAA;AAAA,KAC/B,YAAY,CAAA,CAAA;AAEf,EAAA,MAAM,WAAW,KAAM,CAAA,OAAA;AAAA,IACrB,MAAM,IAAA,EAAM,QAAY,IAAA,MAAA,CAAO,QAAY,IAAA,mBAAA;AAAA,IAC3C,CAAC,IAAA,EAAM,QAAU,EAAA,MAAA,CAAO,QAAQ,CAAA;AAAA,GAClC,CAAA;AAEA,EAAI,IAAA,CAAC,YAAY,CAAC,IAAA;AAChB,IAAA,OAAO,IAAI,SAAY,mBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,aAAY,CAAS,GAAA,IAAA,CAAA;AAE7D,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACE,GAAI,QAAA;AAAA,MACL,IAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAEa,MAAA,IAAA,GAAO,KAAM,CAAA,IAAA,CAAK,UAAU;;;;"}
+{"version":3,"file":"Cell.js","sources":["../src/Cell.tsx"],"sourcesContent":["import React, { FC } from 'react';\r\nimport { shallowEqual } from 'react-redux';\r\nimport { domPropsSelector } from './ResponsiveTable';\r\nimport { DefaultCellRenderer } from './renderers/DefaultCellRenderer';\r\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\r\nimport { useDomProps } from './store/selection/useDomProps';\r\nimport { useResponsiveTable } from './store';\r\n\r\ninterface ICell {\r\n  columnIndex: number;\r\n  inTableColumnIndex: number;\r\n  rowIndex: number;\r\n}\r\n\r\nconst NoMemoCell: FC<ICell> = ({\r\n  columnIndex,\r\n  inTableColumnIndex,\r\n  rowIndex,\r\n}) => {\r\n  const { name } = useResponsiveTableContext();\r\n\r\n  const domProps = useDomProps(\r\n    'td',\r\n    { columnIndex: inTableColumnIndex, rowIndex },\r\n    domPropsSelector(name),\r\n  );\r\n\r\n  const cell = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n\r\n    return tableState?.rows[rowIndex]?.cells[columnIndex];\r\n  }, shallowEqual);\r\n\r\n  const column = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n    return tableState?.columns[columnIndex];\r\n  }, shallowEqual);\r\n\r\n  const row = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n    return tableState?.rows[rowIndex];\r\n  }, shallowEqual);\r\n\r\n  const Renderer = React.useMemo(\r\n    () => cell?.Renderer ?? column.Renderer ?? DefaultCellRenderer,\r\n    [cell?.Renderer, column.Renderer],\r\n  );\r\n\r\n  if (!Renderer || !cell)\r\n    return row.separator ? <div className=\"separator\"></div> : null;\r\n\r\n  return (\r\n    <Renderer\r\n      {...(domProps as Omit<React.HTMLProps<HTMLTableCellElement>, 'ref'>)}\r\n      cell={cell}\r\n      column={column}\r\n      row={row}\r\n    />\r\n  );\r\n};\r\n\r\nexport const Cell = React.memo(NoMemoCell);\r\n"],"names":[],"mappings":";;;;;;;;;AAcA,MAAM,aAAwB,CAAC;AAAA,EAC7B,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,QAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,yBAA0B,EAAA,CAAA;AAE3C,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,IAAA;AAAA,IACA,EAAE,WAAa,EAAA,kBAAA,EAAoB,QAAS,EAAA;AAAA,IAC5C,iBAAiB,IAAI,CAAA;AAAA,GACvB,CAAA;AAEA,EAAM,MAAA,IAAA,GAAO,kBAAmB,CAAA,CAAC,MAAW,KAAA;AAC1C,IAAM,MAAA,UAAA,GAAa,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AAEnD,IAAA,OAAO,UAAY,EAAA,IAAA,CAAK,QAAQ,CAAA,EAAG,MAAM,WAAW,CAAA,CAAA;AAAA,KACnD,YAAY,CAAA,CAAA;AAEf,EAAM,MAAA,MAAA,GAAS,kBAAmB,CAAA,CAAC,MAAW,KAAA;AAC5C,IAAM,MAAA,UAAA,GAAa,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACnD,IAAO,OAAA,UAAA,EAAY,QAAQ,WAAW,CAAA,CAAA;AAAA,KACrC,YAAY,CAAA,CAAA;AAEf,EAAM,MAAA,GAAA,GAAM,kBAAmB,CAAA,CAAC,MAAW,KAAA;AACzC,IAAM,MAAA,UAAA,GAAa,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACnD,IAAO,OAAA,UAAA,EAAY,KAAK,QAAQ,CAAA,CAAA;AAAA,KAC/B,YAAY,CAAA,CAAA;AAEf,EAAA,MAAM,WAAW,KAAM,CAAA,OAAA;AAAA,IACrB,MAAM,IAAA,EAAM,QAAY,IAAA,MAAA,CAAO,QAAY,IAAA,mBAAA;AAAA,IAC3C,CAAC,IAAA,EAAM,QAAU,EAAA,MAAA,CAAO,QAAQ,CAAA;AAAA,GAClC,CAAA;AAEA,EAAI,IAAA,CAAC,YAAY,CAAC,IAAA;AAChB,IAAA,OAAO,IAAI,SAAY,mBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,aAAY,CAAS,GAAA,IAAA,CAAA;AAE7D,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACE,GAAI,QAAA;AAAA,MACL,IAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAEa,MAAA,IAAA,GAAO,KAAM,CAAA,IAAA,CAAK,UAAU;;;;"}

package/dist/FilterCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterCell.js","sources":["../src/FilterCell.tsx"],"sourcesContent":["import { Input } from '@apia/theme';\nimport React from 'react';\nimport { TApiaFilter, TApiaFilterValue } from '@apia/util';\nimport { ApiaFilter } from '@apia/components';\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\nimport { domPropsSelector } from './ResponsiveTable';\nimport { RangeFilter } from './filters/RangeFilter';\nimport { useDomProps } from './store/selection/useDomProps';\n\ninterface IFilterCell {\n  columnIndex: number;\n  filter?: TApiaFilter;\n}\n\nexport const FilterCell = ({ columnIndex, filter }: IFilterCell) => {\n  const { name, onFilterBlur, onFilterChange, onFilterPressEnter } =\n    useResponsiveTableContext();\n  const domProps = useDomProps(\n    'filterTd',\n    {\n      columnIndex,\n    },\n    domPropsSelector(name),\n  );\n\n  const handleOnBlur = React.useCallback(\n    (currentValue: TApiaFilterValue) => {\n      if (filter && onFilterBlur) onFilterBlur({ ...filter, currentValue });\n    },\n    [filter, onFilterBlur],\n  );\n\n  const handleOnChange = React.useCallback(\n    (currentValue: TApiaFilterValue) => {\n      if (filter && onFilterChange)\n        return onFilterChange({ ...filter, currentValue });\n      return true;\n    },\n    [filter, onFilterChange],\n  );\n\n  const handleOnPressEnter = React.useCallback(\n    (currentValue: TApiaFilterValue) => {\n      if (filter && onFilterPressEnter)\n        onFilterPressEnter({ ...filter, currentValue });\n    },\n    [filter, onFilterPressEnter],\n  );\n\n  function findFilter() {\n    if (filter?.isRange) {\n      return <RangeFilter filter={filter} />;\n    }\n    if (filter && !(filter.asAdditional || !filter.column || filter.isRange)) {\n      return (\n        <ApiaFilter\n          onBlur={handleOnBlur}\n          onChange={handleOnChange}\n          onPressEnter={handleOnPressEnter}\n          filter={filter}\n        />\n      );\n    }\n\n    let label: string;\n    if (filter && (filter.asAdditional || !filter.column || filter.isRange)) {\n      label = window.LBL_ADDITIONAL_FILTER;\n    } else {\n      label = window.LBL_NO_COLUMN_FILTER;\n    }\n\n    return <Input aria-label={label} disabled />;\n  }\n  return <td {...domProps}>{findFilter()}</td>;\n};\n"],"names":[],"mappings":";;;;;;;;;AAcO,MAAM,UAAa,GAAA,CAAC,EAAE,WAAA,EAAa,QAA0B,KAAA;AAClE,EAAA,MAAM,EAAE,IAAM,EAAA,YAAA,EAAc,cAAgB,EAAA,kBAAA,KAC1C,yBAA0B,EAAA,CAAA;AAC5B,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,UAAA;AAAA,IACA;AAAA,MACE,WAAA;AAAA,KACF;AAAA,IACA,iBAAiB,IAAI,CAAA;AAAA,GACvB,CAAA;AAEA,EAAA,MAAM,eAAe,KAAM,CAAA,WAAA;AAAA,IACzB,CAAC,YAAmC,KAAA;AAClC,MAAA,IAAI,MAAU,IAAA,YAAA;AAAc,QAAA,YAAA,CAAa,EAAE,GAAG,MAAQ,EAAA,YAAA,EAAc,CAAA,CAAA;AAAA,KACtE;AAAA,IACA,CAAC,QAAQ,YAAY,CAAA;AAAA,GACvB,CAAA;AAEA,EAAA,MAAM,iBAAiB,KAAM,CAAA,WAAA;AAAA,IAC3B,CAAC,YAAmC,KAAA;AAClC,MAAA,IAAI,MAAU,IAAA,cAAA;AACZ,QAAA,OAAO,cAAe,CAAA,EAAE,GAAG,MAAA,EAAQ,cAAc,CAAA,CAAA;AACnD,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAAA,IACA,CAAC,QAAQ,cAAc,CAAA;AAAA,GACzB,CAAA;AAEA,EAAA,MAAM,qBAAqB,KAAM,CAAA,WAAA;AAAA,IAC/B,CAAC,YAAmC,KAAA;AAClC,MAAA,IAAI,MAAU,IAAA,kBAAA;AACZ,QAAA,kBAAA,CAAmB,EAAE,GAAG,MAAQ,EAAA,YAAA,EAAc,CAAA,CAAA;AAAA,KAClD;AAAA,IACA,CAAC,QAAQ,kBAAkB,CAAA;AAAA,GAC7B,CAAA;AAEA,EAAA,SAAS,UAAa,GAAA;AACpB,IAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,MAAO,uBAAA,GAAA,CAAC,eAAY,MAAgB,EAAA,CAAA,CAAA;AAAA,KACtC;AACA,IAAI,IAAA,MAAA,IAAU,EAAE,MAAO,CAAA,YAAA,IAAgB,CAAC,MAAO,CAAA,MAAA,IAAU,OAAO,OAAU,CAAA,EAAA;AACxE,MACE,uBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,MAAQ,EAAA,YAAA;AAAA,UACR,QAAU,EAAA,cAAA;AAAA,UACV,YAAc,EAAA,kBAAA;AAAA,UACd,MAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAEJ;AAEA,IAAI,IAAA,KAAA,CAAA;AACJ,IAAA,IAAI,WAAW,MAAO,CAAA,YAAA,IAAgB,CAAC,MAAO,CAAA,MAAA,IAAU,OAAO,OAAU,CAAA,EAAA;AACvE,MAAA,KAAA,GAAQ,MAAO,CAAA,qBAAA,CAAA;AAAA,KACV,MAAA;AACL,MAAA,KAAA,GAAQ,MAAO,CAAA,oBAAA,CAAA;AAAA,KACjB;AAEA,IAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAM,YAAY,EAAA,KAAA,EAAO,UAAQ,IAAC,EAAA,CAAA,CAAA;AAAA,GAC5C;AACA,EAAA,uBAAQ,GAAA,CAAA,IAAA,EAAA,EAAI,GAAG,QAAA,EAAW,sBAAa,EAAA,CAAA,CAAA;AACzC;;;;"}
+{"version":3,"file":"FilterCell.js","sources":["../src/FilterCell.tsx"],"sourcesContent":["import { Input } from '@apia/theme';\r\nimport React from 'react';\r\nimport { TApiaFilter, TApiaFilterValue } from '@apia/util';\r\nimport { ApiaFilter } from '@apia/components';\r\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\r\nimport { domPropsSelector } from './ResponsiveTable';\r\nimport { RangeFilter } from './filters/RangeFilter';\r\nimport { useDomProps } from './store/selection/useDomProps';\r\n\r\ninterface IFilterCell {\r\n  columnIndex: number;\r\n  filter?: TApiaFilter;\r\n}\r\n\r\nexport const FilterCell = ({ columnIndex, filter }: IFilterCell) => {\r\n  const { name, onFilterBlur, onFilterChange, onFilterPressEnter } =\r\n    useResponsiveTableContext();\r\n  const domProps = useDomProps(\r\n    'filterTd',\r\n    {\r\n      columnIndex,\r\n    },\r\n    domPropsSelector(name),\r\n  );\r\n\r\n  const handleOnBlur = React.useCallback(\r\n    (currentValue: TApiaFilterValue) => {\r\n      if (filter && onFilterBlur) onFilterBlur({ ...filter, currentValue });\r\n    },\r\n    [filter, onFilterBlur],\r\n  );\r\n\r\n  const handleOnChange = React.useCallback(\r\n    (currentValue: TApiaFilterValue) => {\r\n      if (filter && onFilterChange)\r\n        return onFilterChange({ ...filter, currentValue });\r\n      return true;\r\n    },\r\n    [filter, onFilterChange],\r\n  );\r\n\r\n  const handleOnPressEnter = React.useCallback(\r\n    (currentValue: TApiaFilterValue) => {\r\n      if (filter && onFilterPressEnter)\r\n        onFilterPressEnter({ ...filter, currentValue });\r\n    },\r\n    [filter, onFilterPressEnter],\r\n  );\r\n\r\n  function findFilter() {\r\n    if (filter?.isRange) {\r\n      return <RangeFilter filter={filter} />;\r\n    }\r\n    if (filter && !(filter.asAdditional || !filter.column || filter.isRange)) {\r\n      return (\r\n        <ApiaFilter\r\n          onBlur={handleOnBlur}\r\n          onChange={handleOnChange}\r\n          onPressEnter={handleOnPressEnter}\r\n          filter={filter}\r\n        />\r\n      );\r\n    }\r\n\r\n    let label: string;\r\n    if (filter && (filter.asAdditional || !filter.column || filter.isRange)) {\r\n      label = window.LBL_ADDITIONAL_FILTER;\r\n    } else {\r\n      label = window.LBL_NO_COLUMN_FILTER;\r\n    }\r\n\r\n    return <Input aria-label={label} disabled />;\r\n  }\r\n  return <td {...domProps}>{findFilter()}</td>;\r\n};\r\n"],"names":[],"mappings":";;;;;;;;;AAcO,MAAM,UAAa,GAAA,CAAC,EAAE,WAAA,EAAa,QAA0B,KAAA;AAClE,EAAA,MAAM,EAAE,IAAM,EAAA,YAAA,EAAc,cAAgB,EAAA,kBAAA,KAC1C,yBAA0B,EAAA,CAAA;AAC5B,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,UAAA;AAAA,IACA;AAAA,MACE,WAAA;AAAA,KACF;AAAA,IACA,iBAAiB,IAAI,CAAA;AAAA,GACvB,CAAA;AAEA,EAAA,MAAM,eAAe,KAAM,CAAA,WAAA;AAAA,IACzB,CAAC,YAAmC,KAAA;AAClC,MAAA,IAAI,MAAU,IAAA,YAAA;AAAc,QAAA,YAAA,CAAa,EAAE,GAAG,MAAQ,EAAA,YAAA,EAAc,CAAA,CAAA;AAAA,KACtE;AAAA,IACA,CAAC,QAAQ,YAAY,CAAA;AAAA,GACvB,CAAA;AAEA,EAAA,MAAM,iBAAiB,KAAM,CAAA,WAAA;AAAA,IAC3B,CAAC,YAAmC,KAAA;AAClC,MAAA,IAAI,MAAU,IAAA,cAAA;AACZ,QAAA,OAAO,cAAe,CAAA,EAAE,GAAG,MAAA,EAAQ,cAAc,CAAA,CAAA;AACnD,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAAA,IACA,CAAC,QAAQ,cAAc,CAAA;AAAA,GACzB,CAAA;AAEA,EAAA,MAAM,qBAAqB,KAAM,CAAA,WAAA;AAAA,IAC/B,CAAC,YAAmC,KAAA;AAClC,MAAA,IAAI,MAAU,IAAA,kBAAA;AACZ,QAAA,kBAAA,CAAmB,EAAE,GAAG,MAAQ,EAAA,YAAA,EAAc,CAAA,CAAA;AAAA,KAClD;AAAA,IACA,CAAC,QAAQ,kBAAkB,CAAA;AAAA,GAC7B,CAAA;AAEA,EAAA,SAAS,UAAa,GAAA;AACpB,IAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,MAAO,uBAAA,GAAA,CAAC,eAAY,MAAgB,EAAA,CAAA,CAAA;AAAA,KACtC;AACA,IAAI,IAAA,MAAA,IAAU,EAAE,MAAO,CAAA,YAAA,IAAgB,CAAC,MAAO,CAAA,MAAA,IAAU,OAAO,OAAU,CAAA,EAAA;AACxE,MACE,uBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,MAAQ,EAAA,YAAA;AAAA,UACR,QAAU,EAAA,cAAA;AAAA,UACV,YAAc,EAAA,kBAAA;AAAA,UACd,MAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAEJ;AAEA,IAAI,IAAA,KAAA,CAAA;AACJ,IAAA,IAAI,WAAW,MAAO,CAAA,YAAA,IAAgB,CAAC,MAAO,CAAA,MAAA,IAAU,OAAO,OAAU,CAAA,EAAA;AACvE,MAAA,KAAA,GAAQ,MAAO,CAAA,qBAAA,CAAA;AAAA,KACV,MAAA;AACL,MAAA,KAAA,GAAQ,MAAO,CAAA,oBAAA,CAAA;AAAA,KACjB;AAEA,IAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAM,YAAY,EAAA,KAAA,EAAO,UAAQ,IAAC,EAAA,CAAA,CAAA;AAAA,GAC5C;AACA,EAAA,uBAAQ,GAAA,CAAA,IAAA,EAAA,EAAI,GAAG,QAAA,EAAW,sBAAa,EAAA,CAAA,CAAA;AACzC;;;;"}

package/dist/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../src/Header.tsx"],"sourcesContent":["import { useUpdateEffect } from 'ahooks';\nimport uniqueId from 'lodash-es/uniqueId';\nimport React, { useState } from 'react';\nimport {\n  customEvents,\n  getLabel,\n  persistentStorage,\n  TApiaFilter,\n} from '@apia/util';\nimport { shallowEqual } from '@apia/store';\nimport { useOtherTagButton } from '@apia/components';\nimport { Icon } from '@apia/icons';\nimport { HeaderCell } from './HeaderCell';\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\nimport { useResponsiveTable } from './store';\nimport { StateCell } from './StateCell';\nimport { FilterCell } from './FilterCell';\n\ndeclare global {\n  interface Window {\n    focusedRow: number;\n    focusedColumn: number;\n    hasNonAdditionalFilters: boolean;\n  }\n}\n\nconst NoMemoHeader = () => {\n  const { name } = useResponsiveTableContext();\n  const { columns, hasNonAdditionalFilters, focusedColumn, focusedRow } =\n    useResponsiveTable((global) => {\n      const tableState = global.responsiveTableSlice[name];\n      window.focusedRow = tableState?.focusedRow;\n      window.focusedColumn = tableState?.focusedColumn;\n      window.hasNonAdditionalFilters =\n        tableState?.hasNonAdditionalFilters || false;\n      return {\n        columns: tableState?.columns ?? [],\n        focusedColumn: tableState?.focusedColumn,\n        focusedRow: tableState?.focusedRow,\n        hasNonAdditionalFilters: tableState?.hasNonAdditionalFilters,\n      };\n    }, shallowEqual);\n\n  const filters = useResponsiveTable<\n    {\n      columnIndex: number;\n      definition: TApiaFilter;\n    }[]\n  >(\n    (global) => {\n      const tableState = global.responsiveTableSlice[name];\n      const returnObject = (tableState?.filters ?? [])\n        .map((current) => ({\n          columnIndex: tableState.columns.findIndex(\n            (search) => search.name === current.column,\n          ),\n          definition: current,\n        }))\n        .filter((current) => current.columnIndex >= 0);\n\n      return returnObject;\n    },\n    (a, b) => {\n      return (\n        a.length === b.length &&\n        a.reduce<boolean>((result, current, index) => {\n          return (\n            result && shallowEqual(current.definition, b[index].definition)\n          );\n        }, true)\n      );\n    },\n  );\n\n  const statesCount = useResponsiveTable((globalState) => {\n    const state = globalState.responsiveTableSlice[name];\n    return state?.statesColumns ?? 0;\n  }, shallowEqual);\n\n  const additionalColumns = React.useMemo(\n    () =>\n      columns.reduce(\n        (count, column) => count + (column.showAsAdditional ? 1 : 0),\n        0,\n      ),\n    [columns],\n  );\n\n  const statesIds = React.useMemo(() => {\n    return Array(statesCount)\n      .fill('')\n      .map(() => uniqueId());\n  }, [statesCount]);\n\n  const [isFiltersRowVisible, setIsFiltersRowVisible] = React.useState<boolean>(\n    /* (persistentStorage.showResponsiveTableFilters as boolean) ??  */ false,\n  );\n  React.useEffect(() => {\n    persistentStorage.showResponsiveTableFilters = isFiltersRowVisible;\n  }, [isFiltersRowVisible]);\n\n  const buttonProps = useOtherTagButton(\n    React.useMemo(\n      () => ({\n        className: 'additionalColumn',\n        onClick: () => setIsFiltersRowVisible((current) => !current),\n      }),\n      [],\n    ),\n  );\n\n  const [ref, setRef] = useState<HTMLTableRowElement | null>(null);\n\n  useUpdateEffect(() => {\n    const handleFocus = (ev: Event) => {\n      ev.stopPropagation();\n      setIsFiltersRowVisible(true);\n    };\n    ref?.addEventListener(customEvents.focus, handleFocus);\n    return () => {\n      ref?.removeEventListener(customEvents.focus, handleFocus);\n    };\n  }, [ref]);\n\n  return (\n    <thead>\n      <tr data-focusindex={1}>\n        {(additionalColumns > 0 || hasNonAdditionalFilters) && (\n          <th\n            aria-colindex={1}\n            aria-rowindex={1}\n            data-focused={\n              focusedColumn === 1 &&\n              focusedRow === -1 - (hasNonAdditionalFilters ? 1 : 0)\n            }\n            {...buttonProps}\n            tabIndex={\n              focusedColumn === 1 &&\n              focusedRow === -1 - (hasNonAdditionalFilters ? 1 : 0)\n                ? 0\n                : -1\n            }\n            aria-label={\n              isFiltersRowVisible\n                ? getLabel('lblHideFilters').text\n                : getLabel('lblShowFilters').text\n            }\n            role=\"rowheader\"\n          >\n            {hasNonAdditionalFilters ? (\n              <Icon\n                className=\"filterButton\"\n                name=\"Filter\"\n                title={\n                  isFiltersRowVisible\n                    ? getLabel('lblHideFilters').text\n                    : getLabel('lblShowFilters').text\n                }\n                aria-label={\n                  isFiltersRowVisible\n                    ? getLabel('lblHideFilters').text\n                    : getLabel('lblShowFilters').text\n                }\n              />\n            ) : (\n              <>\n                <span style={{ display: 'none' }}>\n                  {isFiltersRowVisible\n                    ? getLabel('lblHideFilters').text\n                    : getLabel('lblShowFilters').text}\n                </span>\n                <span>&nbsp;</span>\n              </>\n            )}\n          </th>\n        )}\n        {statesIds.map((id, i) => (\n          <StateCell isHeader key={id} index={i} rowIndex={1} />\n        ))}\n        {columns\n          .map((current, actualColumnIndex) => ({\n            ...current,\n            actualTableColumnIndex: actualColumnIndex,\n          }))\n          .filter((current) => !current.showAsAdditional)\n          .map((current, columnIndex) => {\n            if (current.hidden) return null;\n\n            return (\n              <HeaderCell\n                apiaColumnIndex={current.actualTableColumnIndex}\n                columnIndex={current.actualTableColumnIndex}\n                inTableColumnIndex={columnIndex}\n                key={current.name}\n              />\n            );\n          })}\n      </tr>\n      {filters.length > 0 && (\n        <tr\n          ref={setRef}\n          data-focusindex={2}\n          className={`responsiveTable__filters__row ${\n            isFiltersRowVisible ? '' : 'hidden'\n          }`}\n        >\n          {(additionalColumns > 0 || hasNonAdditionalFilters) && (\n            <td\n              className=\"noFilter\"\n              aria-colindex={1}\n              aria-rowindex={2}\n              tabIndex={focusedColumn === 1 && focusedRow === -1 ? 0 : -1}\n              data-focused={focusedColumn === 1 && focusedRow === -1}\n            >\n              &nbsp;\n            </td>\n          )}\n          {statesIds.map((id, i) => (\n            <StateCell isHeader key={id} index={i} rowIndex={2} />\n          ))}\n          {columns\n            .filter((current) => !current.showAsAdditional)\n            .map((current, columnIndex) => {\n              const filter = filters.find(\n                (search) => search.definition.column === current.name,\n              );\n\n              return current.showAsAdditional ? null : (\n                <FilterCell\n                  key={current.name}\n                  columnIndex={columnIndex}\n                  filter={filter?.definition}\n                />\n              );\n            })}\n        </tr>\n      )}\n    </thead>\n  );\n};\n\nexport const Header = React.memo(NoMemoHeader);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../src/Header.tsx"],"sourcesContent":["import { useUpdateEffect } from 'ahooks';\r\nimport uniqueId from 'lodash-es/uniqueId';\r\nimport React, { useState } from 'react';\r\nimport {\r\n  customEvents,\r\n  getLabel,\r\n  persistentStorage,\r\n  TApiaFilter,\r\n} from '@apia/util';\r\nimport { shallowEqual } from '@apia/store';\r\nimport { useOtherTagButton } from '@apia/components';\r\nimport { Icon } from '@apia/icons';\r\nimport { HeaderCell } from './HeaderCell';\r\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\r\nimport { useResponsiveTable } from './store';\r\nimport { StateCell } from './StateCell';\r\nimport { FilterCell } from './FilterCell';\r\n\r\ndeclare global {\r\n  interface Window {\r\n    focusedRow: number;\r\n    focusedColumn: number;\r\n    hasNonAdditionalFilters: boolean;\r\n  }\r\n}\r\n\r\nconst NoMemoHeader = () => {\r\n  const { name } = useResponsiveTableContext();\r\n  const { columns, hasNonAdditionalFilters, focusedColumn, focusedRow } =\r\n    useResponsiveTable((global) => {\r\n      const tableState = global.responsiveTableSlice[name];\r\n      window.focusedRow = tableState?.focusedRow;\r\n      window.focusedColumn = tableState?.focusedColumn;\r\n      window.hasNonAdditionalFilters =\r\n        tableState?.hasNonAdditionalFilters || false;\r\n      return {\r\n        columns: tableState?.columns ?? [],\r\n        focusedColumn: tableState?.focusedColumn,\r\n        focusedRow: tableState?.focusedRow,\r\n        hasNonAdditionalFilters: tableState?.hasNonAdditionalFilters,\r\n      };\r\n    }, shallowEqual);\r\n\r\n  const filters = useResponsiveTable<\r\n    {\r\n      columnIndex: number;\r\n      definition: TApiaFilter;\r\n    }[]\r\n  >(\r\n    (global) => {\r\n      const tableState = global.responsiveTableSlice[name];\r\n      const returnObject = (tableState?.filters ?? [])\r\n        .map((current) => ({\r\n          columnIndex: tableState.columns.findIndex(\r\n            (search) => search.name === current.column,\r\n          ),\r\n          definition: current,\r\n        }))\r\n        .filter((current) => current.columnIndex >= 0);\r\n\r\n      return returnObject;\r\n    },\r\n    (a, b) => {\r\n      return (\r\n        a.length === b.length &&\r\n        a.reduce<boolean>((result, current, index) => {\r\n          return (\r\n            result && shallowEqual(current.definition, b[index].definition)\r\n          );\r\n        }, true)\r\n      );\r\n    },\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 additionalColumns = React.useMemo(\r\n    () =>\r\n      columns.reduce(\r\n        (count, column) => count + (column.showAsAdditional ? 1 : 0),\r\n        0,\r\n      ),\r\n    [columns],\r\n  );\r\n\r\n  const statesIds = React.useMemo(() => {\r\n    return Array(statesCount)\r\n      .fill('')\r\n      .map(() => uniqueId());\r\n  }, [statesCount]);\r\n\r\n  const [isFiltersRowVisible, setIsFiltersRowVisible] = React.useState<boolean>(\r\n    /* (persistentStorage.showResponsiveTableFilters as boolean) ??  */ false,\r\n  );\r\n  React.useEffect(() => {\r\n    persistentStorage.showResponsiveTableFilters = isFiltersRowVisible;\r\n  }, [isFiltersRowVisible]);\r\n\r\n  const buttonProps = useOtherTagButton(\r\n    React.useMemo(\r\n      () => ({\r\n        className: 'additionalColumn',\r\n        onClick: () => setIsFiltersRowVisible((current) => !current),\r\n      }),\r\n      [],\r\n    ),\r\n  );\r\n\r\n  const [ref, setRef] = useState<HTMLTableRowElement | null>(null);\r\n\r\n  useUpdateEffect(() => {\r\n    const handleFocus = (ev: Event) => {\r\n      ev.stopPropagation();\r\n      setIsFiltersRowVisible(true);\r\n    };\r\n    ref?.addEventListener(customEvents.focus, handleFocus);\r\n    return () => {\r\n      ref?.removeEventListener(customEvents.focus, handleFocus);\r\n    };\r\n  }, [ref]);\r\n\r\n  return (\r\n    <thead>\r\n      <tr data-focusindex={1}>\r\n        {(additionalColumns > 0 || hasNonAdditionalFilters) && (\r\n          <th\r\n            aria-colindex={1}\r\n            aria-rowindex={1}\r\n            data-focused={\r\n              focusedColumn === 1 &&\r\n              focusedRow === -1 - (hasNonAdditionalFilters ? 1 : 0)\r\n            }\r\n            {...buttonProps}\r\n            tabIndex={\r\n              focusedColumn === 1 &&\r\n              focusedRow === -1 - (hasNonAdditionalFilters ? 1 : 0)\r\n                ? 0\r\n                : -1\r\n            }\r\n            aria-label={\r\n              isFiltersRowVisible\r\n                ? getLabel('lblHideFilters').text\r\n                : getLabel('lblShowFilters').text\r\n            }\r\n            role=\"rowheader\"\r\n          >\r\n            {hasNonAdditionalFilters ? (\r\n              <Icon\r\n                className=\"filterButton\"\r\n                name=\"Filter\"\r\n                title={\r\n                  isFiltersRowVisible\r\n                    ? getLabel('lblHideFilters').text\r\n                    : getLabel('lblShowFilters').text\r\n                }\r\n                aria-label={\r\n                  isFiltersRowVisible\r\n                    ? getLabel('lblHideFilters').text\r\n                    : getLabel('lblShowFilters').text\r\n                }\r\n              />\r\n            ) : (\r\n              <>\r\n                <span style={{ display: 'none' }}>\r\n                  {isFiltersRowVisible\r\n                    ? getLabel('lblHideFilters').text\r\n                    : getLabel('lblShowFilters').text}\r\n                </span>\r\n                <span>&nbsp;</span>\r\n              </>\r\n            )}\r\n          </th>\r\n        )}\r\n        {statesIds.map((id, i) => (\r\n          <StateCell isHeader key={id} index={i} rowIndex={1} />\r\n        ))}\r\n        {columns\r\n          .map((current, actualColumnIndex) => ({\r\n            ...current,\r\n            actualTableColumnIndex: actualColumnIndex,\r\n          }))\r\n          .filter((current) => !current.showAsAdditional)\r\n          .map((current, columnIndex) => {\r\n            if (current.hidden) return null;\r\n\r\n            return (\r\n              <HeaderCell\r\n                apiaColumnIndex={current.actualTableColumnIndex}\r\n                columnIndex={current.actualTableColumnIndex}\r\n                inTableColumnIndex={columnIndex}\r\n                key={current.name}\r\n              />\r\n            );\r\n          })}\r\n      </tr>\r\n      {filters.length > 0 && (\r\n        <tr\r\n          ref={setRef}\r\n          data-focusindex={2}\r\n          className={`responsiveTable__filters__row ${\r\n            isFiltersRowVisible ? '' : 'hidden'\r\n          }`}\r\n        >\r\n          {(additionalColumns > 0 || hasNonAdditionalFilters) && (\r\n            <td\r\n              className=\"noFilter\"\r\n              aria-colindex={1}\r\n              aria-rowindex={2}\r\n              tabIndex={focusedColumn === 1 && focusedRow === -1 ? 0 : -1}\r\n              data-focused={focusedColumn === 1 && focusedRow === -1}\r\n            >\r\n              &nbsp;\r\n            </td>\r\n          )}\r\n          {statesIds.map((id, i) => (\r\n            <StateCell isHeader key={id} index={i} rowIndex={2} />\r\n          ))}\r\n          {columns\r\n            .filter((current) => !current.showAsAdditional)\r\n            .map((current, columnIndex) => {\r\n              const filter = filters.find(\r\n                (search) => search.definition.column === current.name,\r\n              );\r\n\r\n              return current.showAsAdditional ? null : (\r\n                <FilterCell\r\n                  key={current.name}\r\n                  columnIndex={columnIndex}\r\n                  filter={filter?.definition}\r\n                />\r\n              );\r\n            })}\r\n        </tr>\r\n      )}\r\n    </thead>\r\n  );\r\n};\r\n\r\nexport const Header = React.memo(NoMemoHeader);\r\n"],"names":[],"mappings":"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"}

package/dist/HeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.js","sources":["../src/HeaderCell.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-dynamic-delete */\nimport { FaSortUp, FaSortDown, FaSort } from '@meronex/icons/fa';\nimport React, { CSSProperties } from 'react';\nimport { shallowEqual } from 'react-redux';\nimport { Box } from '@apia/theme';\nimport {\n  EventEmitter,\n  TMap,\n  debugDispatcher,\n  getSpecificParent,\n  isChild,\n  persistentStorage,\n} from '@apia/util';\nimport { AutoEllipsis, useOtherTagButton } from '@apia/components';\nimport { domPropsSelector } from './ResponsiveTable';\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\nimport { TResponsiveTableSortValue } from './types';\nimport { useResponsiveTable } from './store';\nimport { useDomProps } from './store/selection/useDomProps';\n\ninterface IHeaderCell {\n  /**\n   * Para ordenar en Apia se usa un índice de columna, que se\n   * corresponde con su posición en base 0, sin tomar en cuenta\n   * las columnas adicionales.\n   */\n  apiaColumnIndex: number;\n  columnIndex: number;\n  inTableColumnIndex: number;\n}\n\nconst widthStorageName = 'tablesWidths';\n\n/**\n * Calcula el ancho de la columna dependiendo del valor establecido,\n * si el valor es numérico o un string que contiene un número sin\n * unidad, devuelve el doble de ese número para establecer una\n * relatividad con los tamaños de las columnas actuales en Apia.\n *\n * Es decir, como todo en Apia era más chico, los tamaños que se\n * establecían antes no quedan visualmente agradables con los\n * tamaños actuales, por eso se magnifican multiplicando por 2.\n */\nfunction getColumnWidth(width?: string | number) {\n  if (typeof width === 'string') {\n    if (width.match(/(%|px|vw|vh|vmin|vmax|cm|mm|in|pt|pc)/)) return width;\n    if (width === '') return 'auto';\n    const numberValue = Number.parseInt(width, 10);\n    if (isNaN(numberValue)) return 'auto';\n    return numberValue;\n  }\n  if (typeof width === 'number') return width;\n  return width;\n}\ndebugDispatcher.on(\n  'cleanTableSizes',\n  ([tableName]) => {\n    const currentWidths = persistentStorage[widthStorageName] as TMap<unknown>;\n    delete currentWidths[tableName as string];\n    persistentStorage[widthStorageName] = currentWidths;\n  },\n  'Se usa para borrar el estado de una tabla. Uso: dd.cleanTableSizes(\"TableName\")',\n);\nfunction makeColumnName(tableName: string, columnName: string): string {\n  return `${tableName}${columnName}`;\n}\n\nconst thWidthEmitter = new (class ThWidthEmitter extends EventEmitter<{\n  resize: { name: string; width: number };\n}> {})();\n\nconst NoMemoHeaderCell = ({\n  apiaColumnIndex,\n  columnIndex,\n  inTableColumnIndex,\n}: IHeaderCell) => {\n  const { name, onSortChange } = useResponsiveTableContext();\n  const uniqueId =\n    (window.location.href.match(/busEntId=(\\d+)/)?.[1] as string) ??\n    (window.location.href.match(/query=(\\d+)/)?.[1] as string) ??\n    '';\n  const isGlobal = window.isGlobal ? 'isGlobal' : 'notGlobal';\n  const actualName = name + uniqueId + String(isGlobal);\n  const column = useResponsiveTable((global) => {\n    const tableState = global.responsiveTableSlice[name];\n    return tableState?.columns[columnIndex];\n  }, shallowEqual);\n  const storedWidth = (\n    (persistentStorage[widthStorageName] as TMap<unknown>)?.[\n      actualName\n    ] as TMap<unknown>\n  )?.[column.name] as number;\n\n  const [width, setWidth] = React.useState(storedWidth ?? 200);\n  const [isResize, setIsResize] = React.useState(storedWidth !== undefined);\n\n  React.useEffect(() => {\n    return void thWidthEmitter.on('resize', (ev) => {\n      if (ev.name === makeColumnName(actualName, column.name)) {\n        setIsResize(true);\n        setWidth(ev.width);\n      }\n    });\n  }, [column.name, actualName]);\n\n  const isFilterRequired = useResponsiveTable((global) => {\n    const tableState = global.responsiveTableSlice[name];\n    const columnFilter = tableState?.filters.find(\n      (current) => current.column === column.title,\n    );\n    return columnFilter?.required;\n  }, shallowEqual);\n\n  const isSortingAllowed = useResponsiveTable((global) => {\n    const tableState = global.responsiveTableSlice[name];\n    return tableState?.allowSorting;\n  });\n\n  const domProps = useDomProps(\n    'th',\n    {\n      columnIndex: inTableColumnIndex,\n    },\n    domPropsSelector(name),\n  );\n\n  const sx: CSSProperties = React.useMemo(\n    () =>\n      !isResize\n        ? {\n            minWidth: getColumnWidth(column.minWidth ?? column.width),\n            maxWidth:\n              column.maxWidth !== undefined\n                ? getColumnWidth(column.maxWidth)\n                : undefined,\n            width: getColumnWidth(column.width),\n            position: 'relative',\n          }\n        : {\n            width: `${width}px`,\n            minWidth: `${width}px`,\n            position: 'relative',\n          },\n    [column.maxWidth, column.minWidth, column.width, isResize, width],\n  );\n\n  const buttonProps = useOtherTagButton(\n    React.useMemo(\n      () => ({\n        className: 'headButton',\n        onClick: (ev) => {\n          if (\n            isChild(ev.target as HTMLElement, (current) =>\n              current.classList.contains('headButton__resizer'),\n            )\n          )\n            return;\n\n          console.warn('Buttons slice is not defined');\n          /* if (\n            responsiveTableStore\n              .getState()\n              .buttonsSlice.performingActions.includes('disableTable')\n          )\n            return; */\n          if (\n            onSortChange &&\n            column.allowSorting !== false &&\n            isSortingAllowed !== false\n          )\n            onSortChange({\n              column,\n              columnIndex: apiaColumnIndex,\n              name: column.name,\n              sortValue: ['Asc', 'Desc'][\n                column.currentSorting !== 'A' ? 0 : 1\n              ] as TResponsiveTableSortValue,\n            });\n        },\n      }),\n      [apiaColumnIndex, column, isSortingAllowed, onSortChange],\n    ),\n  );\n  return (\n    <Box\n      as=\"th\"\n      style={sx}\n      data-columnname={column.name}\n      title={column.title ?? column.label ?? column.name}\n      {...buttonProps}\n      {...domProps}\n      role=\"rowheader\"\n      className={`${\n        isFilterRequired && window.SHOW_REQUIRED_POSITION\n          ? 'requiredFilterColumn'\n          : ''\n      }`}\n    >\n      <Box as=\"span\" className=\"headButton__container\">\n        <Box\n          as=\"span\"\n          className={`${\n            isFilterRequired ? 'requiredFilter__Column' : ''\n          } headButton__label`}\n        >\n          <AutoEllipsis\n            overrideStyles={(el) => {\n              const th = el.closest('th') as HTMLElement;\n              return {\n                width: `${Math.max(\n                  100,\n                  Number.parseInt(window.getComputedStyle(th).width),\n                )}px`,\n              };\n            }}\n          >\n            {column.label}\n          </AutoEllipsis>\n        </Box>\n        <Box as=\"span\" className=\"headButton__sortIcon\">\n          {column.allowSorting !== false && column.currentSorting === 'A' && (\n            <FaSortUp />\n          )}\n          {column.allowSorting !== false && column.currentSorting === 'D' && (\n            <FaSortDown />\n          )}\n          {column.allowSorting !== false && !column.currentSorting && (\n            <FaSort />\n          )}\n        </Box>\n        <Box\n          // sx={{ display: 'none' }}\n          className=\"headButton__resizer\"\n          onMouseDown={(ev) => {\n            if (!isResize) {\n              const trElement = getSpecificParent(\n                ev.target as HTMLElement,\n                (current) => current.tagName === 'TR',\n              );\n\n              trElement?.querySelectorAll('th').forEach((current) => {\n                thWidthEmitter.emit('resize', {\n                  name: makeColumnName(\n                    actualName,\n                    current.dataset.columnname as string,\n                  ),\n                  width: (current as HTMLElement).clientWidth,\n                });\n              });\n\n              setIsResize(true);\n            }\n\n            const th = getSpecificParent(\n              ev.target as HTMLElement,\n              (current) => current.tagName === 'TH',\n            );\n            if (!th) throw new Error('There is no th');\n\n            const initialX = ev.clientX;\n            const initialWidth = th.clientWidth;\n\n            const resize = (mousemoveEv: MouseEvent) => {\n              const dif = mousemoveEv.clientX - initialX;\n\n              setWidth(initialWidth + dif);\n            };\n            const unsuscribe = () => {\n              const trElement = getSpecificParent(\n                ev.target as HTMLElement,\n                (current) => current.tagName === 'TR',\n              );\n              trElement?.querySelectorAll('th').forEach((current) => {\n                persistentStorage[widthStorageName] = {\n                  ...(persistentStorage[widthStorageName] as TMap<unknown>),\n                  [actualName]: {\n                    ...((\n                      persistentStorage[widthStorageName] as TMap<unknown>\n                    )?.[actualName] as TMap<unknown>),\n                    [current.dataset.columnname as string]: (\n                      current as HTMLElement\n                    ).clientWidth,\n                  },\n                };\n              });\n              document.removeEventListener('mousemove', resize);\n              document.removeEventListener('mouseup', unsuscribe);\n            };\n\n            document.addEventListener('mousemove', resize);\n            document.addEventListener('mouseup', unsuscribe);\n\n            return false;\n          }}\n        />\n      </Box>\n    </Box>\n  );\n};\n\nexport const HeaderCell = React.memo(NoMemoHeaderCell);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"HeaderCell.js","sources":["../src/HeaderCell.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-dynamic-delete */\r\nimport { FaSortUp, FaSortDown, FaSort } from '@meronex/icons/fa';\r\nimport React, { CSSProperties } from 'react';\r\nimport { shallowEqual } from 'react-redux';\r\nimport { Box } from '@apia/theme';\r\nimport {\r\n  EventEmitter,\r\n  TMap,\r\n  debugDispatcher,\r\n  getSpecificParent,\r\n  isChild,\r\n  persistentStorage,\r\n} from '@apia/util';\r\nimport { AutoEllipsis, useOtherTagButton } from '@apia/components';\r\nimport { domPropsSelector } from './ResponsiveTable';\r\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\r\nimport { TResponsiveTableSortValue } from './types';\r\nimport { useResponsiveTable } from './store';\r\nimport { useDomProps } from './store/selection/useDomProps';\r\n\r\ninterface IHeaderCell {\r\n  /**\r\n   * Para ordenar en Apia se usa un índice de columna, que se\r\n   * corresponde con su posición en base 0, sin tomar en cuenta\r\n   * las columnas adicionales.\r\n   */\r\n  apiaColumnIndex: number;\r\n  columnIndex: number;\r\n  inTableColumnIndex: number;\r\n}\r\n\r\nconst widthStorageName = 'tablesWidths';\r\n\r\n/**\r\n * Calcula el ancho de la columna dependiendo del valor establecido,\r\n * si el valor es numérico o un string que contiene un número sin\r\n * unidad, devuelve el doble de ese número para establecer una\r\n * relatividad con los tamaños de las columnas actuales en Apia.\r\n *\r\n * Es decir, como todo en Apia era más chico, los tamaños que se\r\n * establecían antes no quedan visualmente agradables con los\r\n * tamaños actuales, por eso se magnifican multiplicando por 2.\r\n */\r\nfunction getColumnWidth(width?: string | number) {\r\n  if (typeof width === 'string') {\r\n    if (width.match(/(%|px|vw|vh|vmin|vmax|cm|mm|in|pt|pc)/)) return width;\r\n    if (width === '') return 'auto';\r\n    const numberValue = Number.parseInt(width, 10);\r\n    if (isNaN(numberValue)) return 'auto';\r\n    return numberValue;\r\n  }\r\n  if (typeof width === 'number') return width;\r\n  return width;\r\n}\r\ndebugDispatcher.on(\r\n  'cleanTableSizes',\r\n  ([tableName]) => {\r\n    const currentWidths = persistentStorage[widthStorageName] as TMap<unknown>;\r\n    delete currentWidths[tableName as string];\r\n    persistentStorage[widthStorageName] = currentWidths;\r\n  },\r\n  'Se usa para borrar el estado de una tabla. Uso: dd.cleanTableSizes(\"TableName\")',\r\n);\r\nfunction makeColumnName(tableName: string, columnName: string): string {\r\n  return `${tableName}${columnName}`;\r\n}\r\n\r\nconst thWidthEmitter = new (class ThWidthEmitter extends EventEmitter<{\r\n  resize: { name: string; width: number };\r\n}> {})();\r\n\r\nconst NoMemoHeaderCell = ({\r\n  apiaColumnIndex,\r\n  columnIndex,\r\n  inTableColumnIndex,\r\n}: IHeaderCell) => {\r\n  const { name, onSortChange } = useResponsiveTableContext();\r\n  const uniqueId =\r\n    (window.location.href.match(/busEntId=(\\d+)/)?.[1] as string) ??\r\n    (window.location.href.match(/query=(\\d+)/)?.[1] as string) ??\r\n    '';\r\n  const isGlobal = window.isGlobal ? 'isGlobal' : 'notGlobal';\r\n  const actualName = name + uniqueId + String(isGlobal);\r\n  const column = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n    return tableState?.columns[columnIndex];\r\n  }, shallowEqual);\r\n  const storedWidth = (\r\n    (persistentStorage[widthStorageName] as TMap<unknown>)?.[\r\n      actualName\r\n    ] as TMap<unknown>\r\n  )?.[column.name] as number;\r\n\r\n  const [width, setWidth] = React.useState(storedWidth ?? 200);\r\n  const [isResize, setIsResize] = React.useState(storedWidth !== undefined);\r\n\r\n  React.useEffect(() => {\r\n    return void thWidthEmitter.on('resize', (ev) => {\r\n      if (ev.name === makeColumnName(actualName, column.name)) {\r\n        setIsResize(true);\r\n        setWidth(ev.width);\r\n      }\r\n    });\r\n  }, [column.name, actualName]);\r\n\r\n  const isFilterRequired = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n    const columnFilter = tableState?.filters.find(\r\n      (current) => current.column === column.title,\r\n    );\r\n    return columnFilter?.required;\r\n  }, shallowEqual);\r\n\r\n  const isSortingAllowed = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n    return tableState?.allowSorting;\r\n  });\r\n\r\n  const domProps = useDomProps(\r\n    'th',\r\n    {\r\n      columnIndex: inTableColumnIndex,\r\n    },\r\n    domPropsSelector(name),\r\n  );\r\n\r\n  const sx: CSSProperties = React.useMemo(\r\n    () =>\r\n      !isResize\r\n        ? {\r\n            minWidth: getColumnWidth(column.minWidth ?? column.width),\r\n            maxWidth:\r\n              column.maxWidth !== undefined\r\n                ? getColumnWidth(column.maxWidth)\r\n                : undefined,\r\n            width: getColumnWidth(column.width),\r\n            position: 'relative',\r\n          }\r\n        : {\r\n            width: `${width}px`,\r\n            minWidth: `${width}px`,\r\n            position: 'relative',\r\n          },\r\n    [column.maxWidth, column.minWidth, column.width, isResize, width],\r\n  );\r\n\r\n  const buttonProps = useOtherTagButton(\r\n    React.useMemo(\r\n      () => ({\r\n        className: 'headButton',\r\n        onClick: (ev) => {\r\n          if (\r\n            isChild(ev.target as HTMLElement, (current) =>\r\n              current.classList.contains('headButton__resizer'),\r\n            )\r\n          )\r\n            return;\r\n\r\n          console.warn('Buttons slice is not defined');\r\n          /* if (\r\n            responsiveTableStore\r\n              .getState()\r\n              .buttonsSlice.performingActions.includes('disableTable')\r\n          )\r\n            return; */\r\n          if (\r\n            onSortChange &&\r\n            column.allowSorting !== false &&\r\n            isSortingAllowed !== false\r\n          )\r\n            onSortChange({\r\n              column,\r\n              columnIndex: apiaColumnIndex,\r\n              name: column.name,\r\n              sortValue: ['Asc', 'Desc'][\r\n                column.currentSorting !== 'A' ? 0 : 1\r\n              ] as TResponsiveTableSortValue,\r\n            });\r\n        },\r\n      }),\r\n      [apiaColumnIndex, column, isSortingAllowed, onSortChange],\r\n    ),\r\n  );\r\n  return (\r\n    <Box\r\n      as=\"th\"\r\n      style={sx}\r\n      data-columnname={column.name}\r\n      title={column.title ?? column.label ?? column.name}\r\n      {...buttonProps}\r\n      {...domProps}\r\n      role=\"rowheader\"\r\n      className={`${\r\n        isFilterRequired && window.SHOW_REQUIRED_POSITION\r\n          ? 'requiredFilterColumn'\r\n          : ''\r\n      }`}\r\n    >\r\n      <Box as=\"span\" className=\"headButton__container\">\r\n        <Box\r\n          as=\"span\"\r\n          className={`${\r\n            isFilterRequired ? 'requiredFilter__Column' : ''\r\n          } headButton__label`}\r\n        >\r\n          <AutoEllipsis\r\n            overrideStyles={(el) => {\r\n              const th = el.closest('th') as HTMLElement;\r\n              return {\r\n                width: `${Math.max(\r\n                  100,\r\n                  Number.parseInt(window.getComputedStyle(th).width),\r\n                )}px`,\r\n              };\r\n            }}\r\n          >\r\n            {column.label}\r\n          </AutoEllipsis>\r\n        </Box>\r\n        <Box as=\"span\" className=\"headButton__sortIcon\">\r\n          {column.allowSorting !== false && column.currentSorting === 'A' && (\r\n            <FaSortUp />\r\n          )}\r\n          {column.allowSorting !== false && column.currentSorting === 'D' && (\r\n            <FaSortDown />\r\n          )}\r\n          {column.allowSorting !== false && !column.currentSorting && (\r\n            <FaSort />\r\n          )}\r\n        </Box>\r\n        <Box\r\n          // sx={{ display: 'none' }}\r\n          className=\"headButton__resizer\"\r\n          onMouseDown={(ev) => {\r\n            if (!isResize) {\r\n              const trElement = getSpecificParent(\r\n                ev.target as HTMLElement,\r\n                (current) => current.tagName === 'TR',\r\n              );\r\n\r\n              trElement?.querySelectorAll('th').forEach((current) => {\r\n                thWidthEmitter.emit('resize', {\r\n                  name: makeColumnName(\r\n                    actualName,\r\n                    current.dataset.columnname as string,\r\n                  ),\r\n                  width: (current as HTMLElement).clientWidth,\r\n                });\r\n              });\r\n\r\n              setIsResize(true);\r\n            }\r\n\r\n            const th = getSpecificParent(\r\n              ev.target as HTMLElement,\r\n              (current) => current.tagName === 'TH',\r\n            );\r\n            if (!th) throw new Error('There is no th');\r\n\r\n            const initialX = ev.clientX;\r\n            const initialWidth = th.clientWidth;\r\n\r\n            const resize = (mousemoveEv: MouseEvent) => {\r\n              const dif = mousemoveEv.clientX - initialX;\r\n\r\n              setWidth(initialWidth + dif);\r\n            };\r\n            const unsuscribe = () => {\r\n              const trElement = getSpecificParent(\r\n                ev.target as HTMLElement,\r\n                (current) => current.tagName === 'TR',\r\n              );\r\n              trElement?.querySelectorAll('th').forEach((current) => {\r\n                persistentStorage[widthStorageName] = {\r\n                  ...(persistentStorage[widthStorageName] as TMap<unknown>),\r\n                  [actualName]: {\r\n                    ...((\r\n                      persistentStorage[widthStorageName] as TMap<unknown>\r\n                    )?.[actualName] as TMap<unknown>),\r\n                    [current.dataset.columnname as string]: (\r\n                      current as HTMLElement\r\n                    ).clientWidth,\r\n                  },\r\n                };\r\n              });\r\n              document.removeEventListener('mousemove', resize);\r\n              document.removeEventListener('mouseup', unsuscribe);\r\n            };\r\n\r\n            document.addEventListener('mousemove', resize);\r\n            document.addEventListener('mouseup', unsuscribe);\r\n\r\n            return false;\r\n          }}\r\n        />\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const HeaderCell = React.memo(NoMemoHeaderCell);\r\n"],"names":[],"mappings":"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"}

package/dist/KeyHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyHandler.js","sources":["../src/KeyHandler.tsx"],"sourcesContent":["import React from 'react';\nimport { BoxProps } from '@apia/theme';\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\nimport { makeKeyHandler } from './store/selection/makeKeyHandler';\nimport { responsiveTableActions } from './store';\n\nexport interface IKeyHandler {\n  children: React.ReactNode;\n}\n\nconst NoMemoKeyHandler = (props: BoxProps) => {\n  const { name, onChangeSelection, onSelectRows } = useResponsiveTableContext();\n\n  const Handler = React.useMemo(\n    () =>\n      makeKeyHandler(responsiveTableActions, name, {\n        throttleOptions: { wait: 50 },\n        stateSelector: (global) => global.responsiveTableSlice[name],\n      }),\n    [name],\n  );\n\n  return (\n    <Handler\n      onChangeSelection={onChangeSelection}\n      onSelectRows={onSelectRows}\n      {...props}\n    />\n  );\n};\n\nexport const KeyHandler = React.memo(NoMemoKeyHandler);\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;;;;"}
+{"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.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveTable.js","sources":["../src/ResponsiveTable.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps, useBreakpointIndex } from '@apia/theme';\nimport { getVariant } from '@apia/theme';\nimport { KeyHandler } from './KeyHandler';\nimport { TableRenderer } from './renderers/TableRenderer';\nimport { AccordionRenderer } from './renderers/AccordionRenderer';\nimport { TUseDomProps } from './store/selection/types';\nimport { responsiveTableStore } from './store';\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\n\ntype TResponsiveTable = BoxProps;\n\n/**\n * Este objeto determina qué partes de la tabla deben\n * ser 'debugueadas'. Sobre todo para conocer el\n * impacto en el performance de la misma.\n */\nexport const rtDebug = {\n  cell: false,\n  context: false,\n  filterCell: false,\n  filters: {\n    additional: false,\n    grouped: false,\n    inner: false,\n    responsive: false,\n    sort: false,\n  },\n  header: false,\n  headerCell: false,\n  index: false,\n  keyHandler: false,\n  row: false,\n  tableRenderer: false,\n};\n\nexport const domPropsSelector: (name: string) => TUseDomProps =\n  (name: string) =>\n  (global: ReturnType<typeof responsiveTableStore.getState>) =>\n    global.responsiveTableSlice[name];\n\n/**\n * El ResponsiveTable renderiza una tabla en base a la\n * información provista por ResponsiveTableContext, quien\n * debe ser ancestro de este elemento. La finalidad última\n * de este componente es lograr responsividad y performance.\n *\n * Las props pasadas sarán colocadas directamente en el\n * wrapper de la tabla. Con esta estructura se busca que\n * a la hora de dar estilos a este componente, se pueda pasar\n * un variant al Wrapper, sin afectar los estilos por defecto\n * de la tabla ni del acordión en modo responsivo. Esto no limita\n * en ningún concepto la posibilidad de cambiar el variant a\n * la tabla o al acordión, ya que eso puede hacerse desde un\n * variante personalizado con la estructura mostrada en el\n * ejemplo.\n *\n * Además, de esta manera es posible aplicar estilo a algunos\n * componentes nada más, sin la necesidad de cambiar el layout\n * que usa la tabla por defecto. Por ejemplo, con esta estructura\n * se puede utilizar un variant personalizado para definir\n * el ancho de las columnas de la tabla.\n *\n * @example\n * 'customVariant': {\n *  '.responsiveTable__accordion': {\n *    variant: 'layout.tables.otherAccordion'\n *  }\n *  '.responsiveTable__table': {\n *    variant: 'layout.tables.otherTable'\n *  }\n * }\n */\nconst NoMemoResponsiveTable = React.forwardRef<\n  HTMLDivElement,\n  TResponsiveTable\n>(({ className, ...props }, ref) => {\n  const breakpoint = useBreakpointIndex({ defaultIndex: 3 });\n  const { currentBreakPoint } = useResponsiveTableContext();\n\n  const actualBreakpoint = currentBreakPoint ?? breakpoint;\n\n  return (\n    <Box\n      {...props}\n      {...getVariant('layout.common.tables.responsive')}\n      className={`responsiveTable__wrapper ${className ?? ''}`}\n      ref={ref}\n    >\n      {actualBreakpoint >= 3 ? (\n        <KeyHandler>\n          <TableRenderer />\n        </KeyHandler>\n      ) : (\n        <AccordionRenderer />\n      )}\n    </Box>\n  );\n});\n\nNoMemoResponsiveTable.displayName = 'ResponsiveTable';\n\nexport const ResponsiveTable = React.memo(NoMemoResponsiveTable);\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;;;;"}
+{"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.js

@@ -123,6 +123,9 @@ const NoMemoResponsiveTableContext = ({
     );
   }, [filters]);
   useUnmount(() => {
+    responsiveTableStore.dispatch(
+      responsiveTableActions.destroy({ tableName: actualName })
+    );
   });
   return /* @__PURE__ */ jsx(ResponsiveTableReactContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
     Box,

package/dist/ResponsiveTableContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../src/Row.tsx"],"sourcesContent":["import uniqueId from 'lodash-es/uniqueId';\nimport React from 'react';\nimport { shallowEqual } from 'react-redux';\nimport { MdKeyboardArrowRight, MdKeyboardArrowDown } from '@meronex/icons/md/';\nimport { Box } from '@apia/theme';\nimport { IconButton } from '@apia/components';\nimport { getVariant } from '@apia/theme';\nimport { domPropsSelector } from './ResponsiveTable';\nimport { TResponsiveTableCell, TResponsiveTableColumn } from './types';\nimport { AdditionalColumnDefaultRenderer } from './renderers/AdditionalColumnDefaultRenderer';\nimport { SeparatorCell } from './SeparatorCell';\nimport { DefaultRowRenderer } from './renderers/DefaultRowRenderer';\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\nimport {\n  responsiveTableActions,\n  responsiveTableStore,\n  useResponsiveTable,\n} from './store';\nimport { useDomProps } from './store/selection/useDomProps';\nimport { StateCell } from './StateCell';\nimport { Cell } from './Cell';\nimport { getLabel } from '@apia/util';\n\ninterface IRow {\n  rowIndex: number;\n}\n\ntype TAdditionalCell = {\n  cell: TResponsiveTableCell;\n  column: TResponsiveTableColumn;\n  columnIndex: number;\n};\n\nconst NoMemoRow = ({ rowIndex }: IRow) => {\n  const { name } = useResponsiveTableContext();\n\n  const { columns, hasNonAdditionalFilters } = useResponsiveTable((global) => {\n    const tableState = global.responsiveTableSlice[name];\n    return {\n      columns: tableState?.columns ?? [],\n      hasNonAdditionalFilters: tableState?.hasNonAdditionalFilters,\n    };\n  }, shallowEqual);\n  const row = useResponsiveTable(\n    (global) => global.responsiveTableSlice[name].rows[rowIndex],\n    shallowEqual,\n  );\n  const additionalCells: TAdditionalCell[] = useResponsiveTable(\n    (global) => {\n      const tableState = global.responsiveTableSlice[name];\n      return tableState.columns\n        .map((current, index) =>\n          current.showAsAdditional\n            ? {\n                index,\n                column: current,\n              }\n            : null,\n        )\n        .filter(\n          (\n            current,\n          ): current is {\n            index: number;\n            column: TResponsiveTableColumn;\n          } => !!current,\n        )\n        .map((current) => {\n          return {\n            cell: tableState.rows[rowIndex]?.cells[current.index],\n            column: current.column,\n            columnIndex: current.index,\n          };\n        });\n    },\n    (currentValue, newValue) => {\n      return currentValue.reduce<boolean>(\n        (accumulatedBoolean, currentCell, cellIndex) => {\n          return (\n            accumulatedBoolean && shallowEqual(currentCell, newValue[cellIndex])\n          );\n        },\n        true,\n      );\n    },\n  );\n  const { isDragging, isExpanded, shouldForbidSelection } = useResponsiveTable(\n    (global) => {\n      const tableState = global.responsiveTableSlice[name];\n      return {\n        isExpanded: tableState.expandedRows.includes(rowIndex),\n        isDragging: tableState.draggingRow === rowIndex,\n        shouldForbidSelection: tableState.rows[rowIndex]?.forbidSelection,\n      };\n    },\n    shallowEqual,\n  );\n\n  const domProps = useDomProps(\n    'tr',\n    {\n      isThisRowExpanded: isExpanded,\n      rowIndex,\n    },\n    domPropsSelector(name),\n  );\n\n  const expandedRowDomProps = useDomProps(\n    'tr',\n    {\n      isTheExpandedRow: true,\n      rowIndex,\n    },\n    domPropsSelector(name),\n  );\n\n  const handleExpandedState = React.useCallback(\n    (ev: boolean | React.MouseEvent) => {\n      const willBeExpanded = typeof ev === 'boolean' ? ev : !isExpanded;\n      if (!willBeExpanded)\n        responsiveTableStore.dispatch(\n          responsiveTableActions.update({\n            tableName: name,\n            expandedRows: responsiveTableStore\n              .getState()\n              .responsiveTableSlice[\n                name\n              ].expandedRows.filter((current) => current !== rowIndex),\n          }),\n        );\n      else\n        responsiveTableStore.dispatch(\n          responsiveTableActions.update({\n            tableName: name,\n            expandedRows: [\n              ...responsiveTableStore.getState().responsiveTableSlice[name]\n                .expandedRows,\n              rowIndex,\n            ],\n          }),\n        );\n    },\n    [isExpanded, name, rowIndex],\n  );\n\n  const statesCount = useResponsiveTable((globalState) => {\n    const state = globalState.responsiveTableSlice[name];\n    return state?.statesColumns ?? 0;\n  }, shallowEqual);\n\n  const states = React.useMemo(\n    () => (row.states ?? []).map((current) => ({ ...current, id: uniqueId() })),\n    [row.states],\n  );\n\n  const { ref, ...additionalCellDomProps } = useDomProps(\n    'additionalTd',\n    { rowIndex },\n    domPropsSelector(name),\n  );\n\n  const Renderer = React.useMemo(\n    () => row.renderer ?? DefaultRowRenderer,\n    [row.renderer],\n  );\n\n  return (\n    <>\n      <Renderer\n        {...domProps}\n        row={row}\n        rowIndex={rowIndex}\n        className={`responsiveTable__row ${row.isHidden ? 'hidden' : ''} ${\n          domProps['aria-selected'] ? 'selected' : ''\n        } ${shouldForbidSelection ? 'non-selectable' : ''} ${states\n          .map((current) => current.className)\n          .join(' ')} ${row.className ?? ''} ${\n          row.separator ? 'row__separator' : ''\n        } ${isDragging ? 'draggingRow' : ''}`}\n        onKeyDown={React.useCallback(\n          (ev: React.KeyboardEvent) => {\n            if (ev.key.toLowerCase() === 'arrowleft' && ev.ctrlKey) {\n              ev.preventDefault();\n              ev.stopPropagation();\n              handleExpandedState(false);\n            }\n            if (ev.key.toLowerCase() === 'arrowright' && ev.ctrlKey) {\n              ev.preventDefault();\n              ev.stopPropagation();\n              handleExpandedState(true);\n            }\n          },\n          [handleExpandedState],\n        )}\n      >\n        {row.separator ? (\n          <SeparatorCell\n            colSpan={\n              (additionalCells.length > 0 || hasNonAdditionalFilters ? 1 : 0) +\n              statesCount +\n              columns.filter((current) => !current.showAsAdditional).length\n            }\n            rowIndex={rowIndex}\n          />\n        ) : (\n          <>\n            {(additionalCells.length > 0 || hasNonAdditionalFilters) && (\n              <td className=\"additionalInfo__cell\" {...additionalCellDomProps}>\n                {additionalCells.length > 0 && (\n                  <IconButton\n                    size={'Lg'}\n                    {...getVariant('icon-outline')}\n                    icon={\n                      isExpanded ? MdKeyboardArrowDown : MdKeyboardArrowRight\n                    }\n                    aria-label={\n                      isExpanded\n                        ? getLabel('lblCollapseRow').text\n                        : getLabel('lblExpandRow').text\n                    }\n                    className=\"moreInformationButton\"\n                    onClick={handleExpandedState}\n                  />\n                )}\n              </td>\n            )}\n            {Array(statesCount)\n              .fill('')\n              .map((_, i) => {\n                return (\n                  <StateCell\n                    key={states[i]?.id ?? i}\n                    index={i}\n                    state={states[i]}\n                    rowIndex={rowIndex}\n                  />\n                );\n              })}\n            {columns\n              .map((current, actualColumnIndex) => ({\n                ...current,\n                actualColumnIndex,\n              }))\n              .filter((current) => !current.showAsAdditional)\n              .map((current, inTableColumnIndex) => {\n                if (current.hidden) return null;\n                return (\n                  <Cell\n                    key={current.name}\n                    columnIndex={current.actualColumnIndex}\n                    rowIndex={rowIndex}\n                    inTableColumnIndex={inTableColumnIndex}\n                  />\n                );\n              })}\n          </>\n        )}\n      </Renderer>\n      {isExpanded && (\n        <tr className=\"expandedRow\" {...expandedRowDomProps}>\n          <td\n            colSpan={\n              columns.length - additionalCells.length + states.length + 1\n            }\n          >\n            <Box className=\"responsiveTable__additionalInfoContainer\">\n              {additionalCells.map((current) => {\n                const { Renderer: ColumnRenderer } = current.column;\n                if (ColumnRenderer)\n                  return (\n                    <ColumnRenderer\n                      key={current.column.name}\n                      cell={current.cell}\n                      column={current.column}\n                      row={row}\n                    />\n                  );\n                return (\n                  <AdditionalColumnDefaultRenderer\n                    key={current.column.name}\n                    cell={current.cell}\n                    column={current.column}\n                    row={row}\n                  />\n                );\n              })}\n            </Box>\n          </td>\n        </tr>\n      )}\n    </>\n  );\n};\n\nexport const Row = React.memo(NoMemoRow);\n"],"names":[],"mappings":"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"}
+{"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":";;;;;;;;;;;;;;;;;;AAiCA,MAAM,SAAY,GAAA,CAAC,EAAE,QAAA,EAAqB,KAAA;AACxC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,yBAA0B,EAAA,CAAA;AAE3C,EAAA,MAAM,EAAE,OAAS,EAAA,uBAAA,EAA4B,GAAA,kBAAA,CAAmB,CAAC,MAAW,KAAA;AAC1E,IAAM,MAAA,UAAA,GAAa,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACnD,IAAO,OAAA;AAAA,MACL,OAAA,EAAS,UAAY,EAAA,OAAA,IAAW,EAAC;AAAA,MACjC,yBAAyB,UAAY,EAAA,uBAAA;AAAA,KACvC,CAAA;AAAA,KACC,YAAY,CAAA,CAAA;AACf,EAAA,MAAM,GAAM,GAAA,kBAAA;AAAA,IACV,CAAC,MAAW,KAAA,MAAA,CAAO,qBAAqB,IAAI,CAAA,CAAE,KAAK,QAAQ,CAAA;AAAA,IAC3D,YAAA;AAAA,GACF,CAAA;AACA,EAAA,MAAM,eAAqC,GAAA,kBAAA;AAAA,IACzC,CAAC,MAAW,KAAA;AACV,MAAM,MAAA,UAAA,GAAa,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACnD,MAAA,OAAO,WAAW,OACf,CAAA,GAAA;AAAA,QAAI,CAAC,OAAA,EAAS,KACb,KAAA,OAAA,CAAQ,gBACJ,GAAA;AAAA,UACE,KAAA;AAAA,UACA,MAAQ,EAAA,OAAA;AAAA,SAEV,GAAA,IAAA;AAAA,OAEL,CAAA,MAAA;AAAA,QACC,CACE,OAIG,KAAA,CAAC,CAAC,OAAA;AAAA,OACT,CACC,GAAI,CAAA,CAAC,OAAY,KAAA;AAChB,QAAO,OAAA;AAAA,UACL,MAAM,UAAW,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA,UACpD,QAAQ,OAAQ,CAAA,MAAA;AAAA,UAChB,aAAa,OAAQ,CAAA,KAAA;AAAA,SACvB,CAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACL;AAAA,IACA,CAAC,cAAc,QAAa,KAAA;AAC1B,MAAA,OAAO,YAAa,CAAA,MAAA;AAAA,QAClB,CAAC,kBAAoB,EAAA,WAAA,EAAa,SAAc,KAAA;AAC9C,UAAA,OACE,kBAAsB,IAAA,YAAA,CAAa,WAAa,EAAA,QAAA,CAAS,SAAS,CAAC,CAAA,CAAA;AAAA,SAEvE;AAAA,QACA,IAAA;AAAA,OACF,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AACA,EAAA,MAAM,EAAE,UAAA,EAAY,UAAY,EAAA,qBAAA,EAA0B,GAAA,kBAAA;AAAA,IACxD,CAAC,MAAW,KAAA;AACV,MAAM,MAAA,UAAA,GAAa,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACnD,MAAO,OAAA;AAAA,QACL,UAAY,EAAA,UAAA,CAAW,YAAa,CAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,QACrD,UAAA,EAAY,WAAW,WAAgB,KAAA,QAAA;AAAA,QACvC,qBAAuB,EAAA,UAAA,CAAW,IAAK,CAAA,QAAQ,CAAG,EAAA,eAAA;AAAA,OACpD,CAAA;AAAA,KACF;AAAA,IACA,YAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,IAAA;AAAA,IACA;AAAA,MACE,iBAAmB,EAAA,UAAA;AAAA,MACnB,QAAA;AAAA,KACF;AAAA,IACA,iBAAiB,IAAI,CAAA;AAAA,GACvB,CAAA;AAEA,EAAA,MAAM,mBAAsB,GAAA,WAAA;AAAA,IAC1B,IAAA;AAAA,IACA;AAAA,MACE,gBAAkB,EAAA,IAAA;AAAA,MAClB,QAAA;AAAA,KACF;AAAA,IACA,iBAAiB,IAAI,CAAA;AAAA,GACvB,CAAA;AAEA,EAAA,MAAM,sBAAsB,KAAM,CAAA,WAAA;AAAA,IAChC,CAAC,EAAmC,KAAA;AAClC,MAAA,MAAM,cAAiB,GAAA,OAAO,EAAO,KAAA,SAAA,GAAY,KAAK,CAAC,UAAA,CAAA;AACvD,MAAA,IAAI,CAAC,cAAA;AACH,QAAqB,oBAAA,CAAA,QAAA;AAAA,UACnB,uBAAuB,MAAO,CAAA;AAAA,YAC5B,SAAW,EAAA,IAAA;AAAA,YACX,YAAc,EAAA,oBAAA,CACX,QAAS,EAAA,CACT,oBACC,CAAA,IACF,CAAE,CAAA,YAAA,CAAa,MAAO,CAAA,CAAC,OAAY,KAAA,OAAA,KAAY,QAAQ,CAAA;AAAA,WAC1D,CAAA;AAAA,SACH,CAAA;AAAA;AAEA,QAAqB,oBAAA,CAAA,QAAA;AAAA,UACnB,uBAAuB,MAAO,CAAA;AAAA,YAC5B,SAAW,EAAA,IAAA;AAAA,YACX,YAAc,EAAA;AAAA,cACZ,GAAG,oBAAqB,CAAA,QAAA,EAAW,CAAA,oBAAA,CAAqB,IAAI,CACzD,CAAA,YAAA;AAAA,cACH,QAAA;AAAA,aACF;AAAA,WACD,CAAA;AAAA,SACH,CAAA;AAAA,KACJ;AAAA,IACA,CAAC,UAAY,EAAA,IAAA,EAAM,QAAQ,CAAA;AAAA,GAC7B,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,kBAAmB,CAAA,CAAC,WAAgB,KAAA;AACtD,IAAM,MAAA,KAAA,GAAQ,WAAY,CAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACnD,IAAA,OAAO,OAAO,aAAiB,IAAA,CAAA,CAAA;AAAA,KAC9B,YAAY,CAAA,CAAA;AAEf,EAAA,MAAM,SAAS,KAAM,CAAA,OAAA;AAAA,IACnB,MAAO,CAAA,GAAA,CAAI,MAAU,IAAA,IAAI,GAAI,CAAA,CAAC,OAAa,MAAA,EAAE,GAAG,OAAA,EAAS,EAAI,EAAA,QAAA,IAAa,CAAA,CAAA;AAAA,IAC1E,CAAC,IAAI,MAAM,CAAA;AAAA,GACb,CAAA;AAEA,EAAA,MAAM,EAAE,GAAA,EAAK,GAAG,sBAAA,EAA2B,GAAA,WAAA;AAAA,IACzC,cAAA;AAAA,IACA,EAAE,QAAS,EAAA;AAAA,IACX,iBAAiB,IAAI,CAAA;AAAA,GACvB,CAAA;AAEA,EAAA,MAAM,WAAW,KAAM,CAAA,OAAA;AAAA,IACrB,MAAM,IAAI,QAAY,IAAA,kBAAA;AAAA,IACtB,CAAC,IAAI,QAAQ,CAAA;AAAA,GACf,CAAA;AAEA,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACE,GAAG,QAAA;AAAA,QACJ,GAAA;AAAA,QACA,QAAA;AAAA,QACA,WAAW,CAAwB,qBAAA,EAAA,GAAA,CAAI,QAAW,GAAA,QAAA,GAAW,EAAE,CAC7D,CAAA,EAAA,QAAA,CAAS,eAAe,CAAA,GAAI,aAAa,EAC3C,CAAA,CAAA,EAAI,wBAAwB,gBAAmB,GAAA,EAAE,IAAI,MAClD,CAAA,GAAA,CAAI,CAAC,OAAA,KAAY,QAAQ,SAAS,CAAA,CAClC,KAAK,GAAG,CAAC,IAAI,GAAI,CAAA,SAAA,IAAa,EAAE,CAAA,CAAA,EACjC,IAAI,SAAY,GAAA,gBAAA,GAAmB,EACrC,CAAI,CAAA,EAAA,UAAA,GAAa,gBAAgB,EAAE,CAAA,CAAA;AAAA,QACnC,WAAW,KAAM,CAAA,WAAA;AAAA,UACf,CAAC,EAA4B,KAAA;AAC3B,YAAA,IAAI,GAAG,GAAI,CAAA,WAAA,EAAkB,KAAA,WAAA,IAAe,GAAG,OAAS,EAAA;AACtD,cAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,cAAA,EAAA,CAAG,eAAgB,EAAA,CAAA;AACnB,cAAA,mBAAA,CAAoB,KAAK,CAAA,CAAA;AAAA,aAC3B;AACA,YAAA,IAAI,GAAG,GAAI,CAAA,WAAA,EAAkB,KAAA,YAAA,IAAgB,GAAG,OAAS,EAAA;AACvD,cAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,cAAA,EAAA,CAAG,eAAgB,EAAA,CAAA;AACnB,cAAA,mBAAA,CAAoB,IAAI,CAAA,CAAA;AAAA,aAC1B;AAAA,WACF;AAAA,UACA,CAAC,mBAAmB,CAAA;AAAA,SACtB;AAAA,QAEC,cAAI,SACH,mBAAA,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,OACG,EAAA,CAAA,eAAA,CAAgB,MAAS,GAAA,CAAA,IAAK,0BAA0B,CAAI,GAAA,CAAA,IAC7D,WACA,GAAA,OAAA,CAAQ,OAAO,CAAC,OAAA,KAAY,CAAC,OAAA,CAAQ,gBAAgB,CAAE,CAAA,MAAA;AAAA,YAEzD,QAAA;AAAA,WAAA;AAAA,4BAIE,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,UAAgB,CAAA,eAAA,CAAA,MAAA,GAAS,CAAK,IAAA,uBAAA,qBAC7B,GAAA,CAAA,IAAA,EAAA,EAAG,SAAU,EAAA,sBAAA,EAAwB,GAAG,sBAAA,EACtC,QAAgB,EAAA,eAAA,CAAA,MAAA,GAAS,CACxB,oBAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,IAAM,EAAA,IAAA;AAAA,cACL,GAAG,WAAW,cAAc,CAAA;AAAA,cAC7B,IAAA,EACE,aAAa,mBAAsB,GAAA,oBAAA;AAAA,cAErC,YAAA,EACE,aACI,QAAS,CAAA,gBAAgB,EAAE,IAC3B,GAAA,QAAA,CAAS,cAAc,CAAE,CAAA,IAAA;AAAA,cAE/B,SAAU,EAAA,uBAAA;AAAA,cACV,OAAS,EAAA,mBAAA;AAAA,aAAA;AAAA,WAGf,EAAA,CAAA;AAAA,UAED,KAAA,CAAM,WAAW,CACf,CAAA,IAAA,CAAK,EAAE,CACP,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,CAAM,KAAA;AACb,YACE,uBAAA,GAAA;AAAA,cAAC,SAAA;AAAA,cAAA;AAAA,gBAEC,KAAO,EAAA,CAAA;AAAA,gBACP,KAAA,EAAO,OAAO,CAAC,CAAA;AAAA,gBACf,QAAA;AAAA,eAAA;AAAA,cAHK,MAAA,CAAO,CAAC,CAAA,EAAG,EAAM,IAAA,CAAA;AAAA,aAIxB,CAAA;AAAA,WAEH,CAAA;AAAA,UACF,OACE,CAAA,GAAA,CAAI,CAAC,OAAA,EAAS,iBAAuB,MAAA;AAAA,YACpC,GAAG,OAAA;AAAA,YACH,iBAAA;AAAA,WACA,CAAA,CAAA,CACD,MAAO,CAAA,CAAC,OAAY,KAAA,CAAC,OAAQ,CAAA,gBAAgB,CAC7C,CAAA,GAAA,CAAI,CAAC,OAAA,EAAS,kBAAuB,KAAA;AACpC,YAAA,IAAI,OAAQ,CAAA,MAAA;AAAQ,cAAO,OAAA,IAAA,CAAA;AAC3B,YACE,uBAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBAEC,aAAa,OAAQ,CAAA,iBAAA;AAAA,gBACrB,QAAA;AAAA,gBACA,kBAAA;AAAA,eAAA;AAAA,cAHK,OAAQ,CAAA,IAAA;AAAA,aAIf,CAAA;AAAA,WAEH,CAAA;AAAA,SACL,EAAA,CAAA;AAAA,OAAA;AAAA,KAEJ;AAAA,IACC,8BACE,GAAA,CAAA,IAAA,EAAA,EAAG,SAAU,EAAA,aAAA,EAAe,GAAG,mBAC9B,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SACE,OAAQ,CAAA,MAAA,GAAS,eAAgB,CAAA,MAAA,GAAS,OAAO,MAAS,GAAA,CAAA;AAAA,QAG5D,8BAAC,GAAI,EAAA,EAAA,SAAA,EAAU,4CACZ,QAAgB,EAAA,eAAA,CAAA,GAAA,CAAI,CAAC,OAAY,KAAA;AAChC,UAAA,MAAM,EAAE,QAAA,EAAU,cAAe,EAAA,GAAI,OAAQ,CAAA,MAAA,CAAA;AAC7C,UAAI,IAAA,cAAA;AACF,YACE,uBAAA,GAAA;AAAA,cAAC,cAAA;AAAA,cAAA;AAAA,gBAEC,MAAM,OAAQ,CAAA,IAAA;AAAA,gBACd,QAAQ,OAAQ,CAAA,MAAA;AAAA,gBAChB,GAAA;AAAA,eAAA;AAAA,cAHK,QAAQ,MAAO,CAAA,IAAA;AAAA,aAItB,CAAA;AAEJ,UACE,uBAAA,GAAA;AAAA,YAAC,+BAAA;AAAA,YAAA;AAAA,cAEC,MAAM,OAAQ,CAAA,IAAA;AAAA,cACd,QAAQ,OAAQ,CAAA,MAAA;AAAA,cAChB,GAAA;AAAA,aAAA;AAAA,YAHK,QAAQ,MAAO,CAAA,IAAA;AAAA,WAItB,CAAA;AAAA,SAEH,CACH,EAAA,CAAA;AAAA,OAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,GAEJ,EAAA,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEa,MAAA,GAAA,GAAM,KAAM,CAAA,IAAA,CAAK,SAAS;;;;"}

package/dist/SeparatorCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SeparatorCell.js","sources":["../src/SeparatorCell.tsx"],"sourcesContent":["import { domPropsSelector } from './ResponsiveTable';\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\nimport { useDomProps } from './store/selection/useDomProps';\n\nexport const SeparatorCell = ({\n  colSpan,\n  rowIndex,\n}: {\n  colSpan: number;\n  rowIndex: number;\n}) => {\n  const { name } = useResponsiveTableContext();\n  const domProps = useDomProps(\n    'separator',\n    { rowIndex },\n    domPropsSelector(name),\n  );\n  return (\n    <td className=\"row__separator__cell\" colSpan={colSpan} {...domProps} />\n  );\n};\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;;;;"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"StateCell.js","sources":["../src/StateCell.tsx"],"sourcesContent":["import { domPropsSelector } from './ResponsiveTable';\nimport { RowStatesRenderer } from './renderers/RowStatesRenderer';\nimport { useResponsiveTableContext } from './ResponsiveTableContext';\nimport { useDomProps } from './store/selection/useDomProps';\nimport { TResponsiveTableRowState } from './types';\nimport { Box } from '@apia/theme';\n\ninterface IStateCell {\n  index: number;\n  isHeader?: boolean;\n  rowIndex: number;\n  state?: TResponsiveTableRowState;\n}\n\nexport const StateCell = ({ index, rowIndex, state, isHeader }: IStateCell) => {\n  const { name } = useResponsiveTableContext();\n  const domProps = useDomProps(\n    isHeader ? 'headerStateCell' : 'stateCell',\n    { columnIndex: index, rowIndex },\n    domPropsSelector(name),\n  );\n  return (\n    <Box as=\"td\" className=\"stateCell\" {...domProps}>\n      {state ? <RowStatesRenderer state={state} /> : ''}\n    </Box>\n  );\n};\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;;;;"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"RangeFilter.js","sources":["../../src/filters/RangeFilter.tsx"],"sourcesContent":["import { Box } from '@apia/theme';\nimport { TApiaFilter } from '@apia/util';\nimport { ApiaFilter } from '@apia/components';\nimport { useResponsiveTableContext } from '../ResponsiveTableContext';\n\nconst NoMemoRangeFilter = ({ filter }: { filter: TApiaFilter }) => {\n  const { onFilterBlur, onFilterChange, onFilterPressEnter } =\n    useResponsiveTableContext();\n  const filterLow: TApiaFilter = {\n    id: filter.id,\n    currentValue: filter.currentValue,\n    type: 'number',\n  };\n  const filterHigh: TApiaFilter = {\n    id: filter.filterToId ?? '',\n    currentValue: filter.filterToValue ?? '',\n    type: 'number',\n  };\n  return (\n    <Box className=\"ApiaFilter__Range\">\n      <Box className=\"ApiaFilter__Range__Low\">\n        <ApiaFilter\n          filter={filterLow}\n          onChange={(currentValue) => {\n            if (onFilterChange)\n              void onFilterChange({ ...filterLow, currentValue });\n          }}\n          onBlur={(currentValue) => {\n            if (onFilterBlur) void onFilterBlur({ ...filterLow, currentValue });\n          }}\n          onPressEnter={(currentValue) => {\n            if (onFilterPressEnter)\n              void onFilterPressEnter({ ...filterLow, currentValue });\n          }}\n        />\n      </Box>\n      {' - '}\n      <Box className=\"ApiaFilter__Range__High\">\n        <ApiaFilter\n          filter={filterHigh}\n          onChange={(currentValue) => {\n            if (onFilterChange)\n              void onFilterChange({ ...filterHigh, currentValue });\n          }}\n          onBlur={(currentValue) => {\n            if (onFilterBlur)\n              void onFilterBlur({ ...filterHigh, currentValue });\n          }}\n          onPressEnter={(currentValue) => {\n            if (onFilterPressEnter)\n              void onFilterPressEnter({ ...filterHigh, currentValue });\n          }}\n        />\n      </Box>\n    </Box>\n  );\n};\n\nexport const RangeFilter = NoMemoRangeFilter;\n"],"names":[],"mappings":";;;;;AAKA,MAAM,iBAAoB,GAAA,CAAC,EAAE,MAAA,EAAsC,KAAA;AACjE,EAAA,MAAM,EAAE,YAAA,EAAc,cAAgB,EAAA,kBAAA,KACpC,yBAA0B,EAAA,CAAA;AAC5B,EAAA,MAAM,SAAyB,GAAA;AAAA,IAC7B,IAAI,MAAO,CAAA,EAAA;AAAA,IACX,cAAc,MAAO,CAAA,YAAA;AAAA,IACrB,IAAM,EAAA,QAAA;AAAA,GACR,CAAA;AACA,EAAA,MAAM,UAA0B,GAAA;AAAA,IAC9B,EAAA,EAAI,OAAO,UAAc,IAAA,EAAA;AAAA,IACzB,YAAA,EAAc,OAAO,aAAiB,IAAA,EAAA;AAAA,IACtC,IAAM,EAAA,QAAA;AAAA,GACR,CAAA;AACA,EACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,mBACb,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,GAAA,EAAA,EAAI,WAAU,wBACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,MAAQ,EAAA,SAAA;AAAA,QACR,QAAA,EAAU,CAAC,YAAiB,KAAA;AAC1B,UAAI,IAAA,cAAA;AACF,YAAA,KAAK,cAAe,CAAA,EAAE,GAAG,SAAA,EAAW,cAAc,CAAA,CAAA;AAAA,SACtD;AAAA,QACA,MAAA,EAAQ,CAAC,YAAiB,KAAA;AACxB,UAAI,IAAA,YAAA;AAAc,YAAA,KAAK,YAAa,CAAA,EAAE,GAAG,SAAA,EAAW,cAAc,CAAA,CAAA;AAAA,SACpE;AAAA,QACA,YAAA,EAAc,CAAC,YAAiB,KAAA;AAC9B,UAAI,IAAA,kBAAA;AACF,YAAA,KAAK,kBAAmB,CAAA,EAAE,GAAG,SAAA,EAAW,cAAc,CAAA,CAAA;AAAA,SAC1D;AAAA,OAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,IACC,KAAA;AAAA,oBACD,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,yBACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,MAAQ,EAAA,UAAA;AAAA,QACR,QAAA,EAAU,CAAC,YAAiB,KAAA;AAC1B,UAAI,IAAA,cAAA;AACF,YAAA,KAAK,cAAe,CAAA,EAAE,GAAG,UAAA,EAAY,cAAc,CAAA,CAAA;AAAA,SACvD;AAAA,QACA,MAAA,EAAQ,CAAC,YAAiB,KAAA;AACxB,UAAI,IAAA,YAAA;AACF,YAAA,KAAK,YAAa,CAAA,EAAE,GAAG,UAAA,EAAY,cAAc,CAAA,CAAA;AAAA,SACrD;AAAA,QACA,YAAA,EAAc,CAAC,YAAiB,KAAA;AAC9B,UAAI,IAAA,kBAAA;AACF,YAAA,KAAK,kBAAmB,CAAA,EAAE,GAAG,UAAA,EAAY,cAAc,CAAA,CAAA;AAAA,SAC3D;AAAA,OAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,WAAc,GAAA;;;;"}
+{"version":3,"file":"RangeFilter.js","sources":["../../src/filters/RangeFilter.tsx"],"sourcesContent":["import { Box } from '@apia/theme';\r\nimport { TApiaFilter } from '@apia/util';\r\nimport { ApiaFilter } from '@apia/components';\r\nimport { useResponsiveTableContext } from '../ResponsiveTableContext';\r\n\r\nconst NoMemoRangeFilter = ({ filter }: { filter: TApiaFilter }) => {\r\n  const { onFilterBlur, onFilterChange, onFilterPressEnter } =\r\n    useResponsiveTableContext();\r\n  const filterLow: TApiaFilter = {\r\n    id: filter.id,\r\n    currentValue: filter.currentValue,\r\n    type: 'number',\r\n  };\r\n  const filterHigh: TApiaFilter = {\r\n    id: filter.filterToId ?? '',\r\n    currentValue: filter.filterToValue ?? '',\r\n    type: 'number',\r\n  };\r\n  return (\r\n    <Box className=\"ApiaFilter__Range\">\r\n      <Box className=\"ApiaFilter__Range__Low\">\r\n        <ApiaFilter\r\n          filter={filterLow}\r\n          onChange={(currentValue) => {\r\n            if (onFilterChange)\r\n              void onFilterChange({ ...filterLow, currentValue });\r\n          }}\r\n          onBlur={(currentValue) => {\r\n            if (onFilterBlur) void onFilterBlur({ ...filterLow, currentValue });\r\n          }}\r\n          onPressEnter={(currentValue) => {\r\n            if (onFilterPressEnter)\r\n              void onFilterPressEnter({ ...filterLow, currentValue });\r\n          }}\r\n        />\r\n      </Box>\r\n      {' - '}\r\n      <Box className=\"ApiaFilter__Range__High\">\r\n        <ApiaFilter\r\n          filter={filterHigh}\r\n          onChange={(currentValue) => {\r\n            if (onFilterChange)\r\n              void onFilterChange({ ...filterHigh, currentValue });\r\n          }}\r\n          onBlur={(currentValue) => {\r\n            if (onFilterBlur)\r\n              void onFilterBlur({ ...filterHigh, currentValue });\r\n          }}\r\n          onPressEnter={(currentValue) => {\r\n            if (onFilterPressEnter)\r\n              void onFilterPressEnter({ ...filterHigh, currentValue });\r\n          }}\r\n        />\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const RangeFilter = NoMemoRangeFilter;\r\n"],"names":[],"mappings":";;;;;AAKA,MAAM,iBAAoB,GAAA,CAAC,EAAE,MAAA,EAAsC,KAAA;AACjE,EAAA,MAAM,EAAE,YAAA,EAAc,cAAgB,EAAA,kBAAA,KACpC,yBAA0B,EAAA,CAAA;AAC5B,EAAA,MAAM,SAAyB,GAAA;AAAA,IAC7B,IAAI,MAAO,CAAA,EAAA;AAAA,IACX,cAAc,MAAO,CAAA,YAAA;AAAA,IACrB,IAAM,EAAA,QAAA;AAAA,GACR,CAAA;AACA,EAAA,MAAM,UAA0B,GAAA;AAAA,IAC9B,EAAA,EAAI,OAAO,UAAc,IAAA,EAAA;AAAA,IACzB,YAAA,EAAc,OAAO,aAAiB,IAAA,EAAA;AAAA,IACtC,IAAM,EAAA,QAAA;AAAA,GACR,CAAA;AACA,EACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,mBACb,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,GAAA,EAAA,EAAI,WAAU,wBACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,MAAQ,EAAA,SAAA;AAAA,QACR,QAAA,EAAU,CAAC,YAAiB,KAAA;AAC1B,UAAI,IAAA,cAAA;AACF,YAAA,KAAK,cAAe,CAAA,EAAE,GAAG,SAAA,EAAW,cAAc,CAAA,CAAA;AAAA,SACtD;AAAA,QACA,MAAA,EAAQ,CAAC,YAAiB,KAAA;AACxB,UAAI,IAAA,YAAA;AAAc,YAAA,KAAK,YAAa,CAAA,EAAE,GAAG,SAAA,EAAW,cAAc,CAAA,CAAA;AAAA,SACpE;AAAA,QACA,YAAA,EAAc,CAAC,YAAiB,KAAA;AAC9B,UAAI,IAAA,kBAAA;AACF,YAAA,KAAK,kBAAmB,CAAA,EAAE,GAAG,SAAA,EAAW,cAAc,CAAA,CAAA;AAAA,SAC1D;AAAA,OAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,IACC,KAAA;AAAA,oBACD,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,yBACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,MAAQ,EAAA,UAAA;AAAA,QACR,QAAA,EAAU,CAAC,YAAiB,KAAA;AAC1B,UAAI,IAAA,cAAA;AACF,YAAA,KAAK,cAAe,CAAA,EAAE,GAAG,UAAA,EAAY,cAAc,CAAA,CAAA;AAAA,SACvD;AAAA,QACA,MAAA,EAAQ,CAAC,YAAiB,KAAA;AACxB,UAAI,IAAA,YAAA;AACF,YAAA,KAAK,YAAa,CAAA,EAAE,GAAG,UAAA,EAAY,cAAc,CAAA,CAAA;AAAA,SACrD;AAAA,QACA,YAAA,EAAc,CAAC,YAAiB,KAAA;AAC9B,UAAI,IAAA,kBAAA;AACF,YAAA,KAAK,kBAAmB,CAAA,EAAE,GAAG,UAAA,EAAY,cAAc,CAAA,CAAA;AAAA,SAC3D;AAAA,OAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,WAAc,GAAA;;;;"}

package/dist/renderers/AccordionCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionCell.js","sources":["../../src/renderers/AccordionCell.tsx"],"sourcesContent":["import { Box } from '@apia/theme';\nimport { FunctionComponent } from 'react';\nimport {\n  TResponsiveTableCell,\n  TResponsiveTableColumn,\n  TResponsiveTableRow,\n} from '../types';\n\nexport type TAccordionCellRendererProps<CellProps = Record<string, unknown>> = {\n  cell: TResponsiveTableCell<CellProps>;\n  column: TResponsiveTableColumn;\n  columnIndex: number;\n  row: TResponsiveTableRow;\n  rowIndex: number;\n};\n\nexport type TAccordionCellRenderer<CellProps = Record<string, unknown>> =\n  FunctionComponent<TAccordionCellRendererProps<CellProps>>;\n\nconst NoMemoAccordionCell: TAccordionCellRenderer = ({ cell, column }) => {\n  return (\n    <Box\n      key={column.name}\n      className={`responsiveTable__accordionElement__column ${\n        cell.className ?? ''\n      }`}\n    >\n      <Box as=\"strong\">{column.label ?? column.name}: </Box>\n      <Box as=\"span\" sx={{ color: cell.color, background: cell.background }}>\n        {cell?.children}\n      </Box>\n    </Box>\n  );\n};\n\nexport const AccordionCell = NoMemoAccordionCell;\n"],"names":[],"mappings":";;;AAmBA,MAAM,mBAA8C,GAAA,CAAC,EAAE,IAAA,EAAM,QAAa,KAAA;AACxE,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MAEC,SAAW,EAAA,CAAA,0CAAA,EACT,IAAK,CAAA,SAAA,IAAa,EACpB,CAAA,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,IAAG,QAAU,EAAA,QAAA,EAAA;AAAA,UAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAA;AAAA,UAAK,IAAA;AAAA,SAAE,EAAA,CAAA;AAAA,wBAC/C,GAAA,CAAA,GAAA,EAAA,EAAI,EAAG,EAAA,MAAA,EAAO,IAAI,EAAE,KAAA,EAAO,IAAK,CAAA,KAAA,EAAO,UAAY,EAAA,IAAA,CAAK,UAAW,EAAA,EACjE,gBAAM,QACT,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,IARK,MAAO,CAAA,IAAA;AAAA,GASd,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,aAAgB,GAAA;;;;"}
+{"version":3,"file":"AccordionCell.js","sources":["../../src/renderers/AccordionCell.tsx"],"sourcesContent":["import { Box } from '@apia/theme';\r\nimport { FunctionComponent } from 'react';\r\nimport {\r\n  TResponsiveTableCell,\r\n  TResponsiveTableColumn,\r\n  TResponsiveTableRow,\r\n} from '../types';\r\n\r\nexport type TAccordionCellRendererProps<CellProps = Record<string, unknown>> = {\r\n  cell: TResponsiveTableCell<CellProps>;\r\n  column: TResponsiveTableColumn;\r\n  columnIndex: number;\r\n  row: TResponsiveTableRow;\r\n  rowIndex: number;\r\n};\r\n\r\nexport type TAccordionCellRenderer<CellProps = Record<string, unknown>> =\r\n  FunctionComponent<TAccordionCellRendererProps<CellProps>>;\r\n\r\nconst NoMemoAccordionCell: TAccordionCellRenderer = ({ cell, column }) => {\r\n  return (\r\n    <Box\r\n      key={column.name}\r\n      className={`responsiveTable__accordionElement__column ${\r\n        cell.className ?? ''\r\n      }`}\r\n    >\r\n      <Box as=\"strong\">{column.label ?? column.name}: </Box>\r\n      <Box as=\"span\" sx={{ color: cell.color, background: cell.background }}>\r\n        {cell?.children}\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const AccordionCell = NoMemoAccordionCell;\r\n"],"names":[],"mappings":";;;AAmBA,MAAM,mBAA8C,GAAA,CAAC,EAAE,IAAA,EAAM,QAAa,KAAA;AACxE,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MAEC,SAAW,EAAA,CAAA,0CAAA,EACT,IAAK,CAAA,SAAA,IAAa,EACpB,CAAA,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,IAAG,QAAU,EAAA,QAAA,EAAA;AAAA,UAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAA;AAAA,UAAK,IAAA;AAAA,SAAE,EAAA,CAAA;AAAA,wBAC/C,GAAA,CAAA,GAAA,EAAA,EAAI,EAAG,EAAA,MAAA,EAAO,IAAI,EAAE,KAAA,EAAO,IAAK,CAAA,KAAA,EAAO,UAAY,EAAA,IAAA,CAAK,UAAW,EAAA,EACjE,gBAAM,QACT,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,IARK,MAAO,CAAA,IAAA;AAAA,GASd,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,aAAgB,GAAA;;;;"}

package/dist/renderers/AccordionDocNameCellRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionDocNameCellRenderer.js","sources":["../../src/renderers/AccordionDocNameCellRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Link } from '@apia/theme';\nimport { downloadUrl } from '@apia/util';\nimport { Icon } from '@apia/icons';\nimport {\n  TAccordionCellRenderer,\n  TAccordionCellRendererProps,\n} from './AccordionCell';\n\nexport type TDocNameCellRendererProps = {\n  docName: string;\n  docUrl: string;\n};\n\nexport type TDocNameCellRenderer =\n  TAccordionCellRendererProps<TDocNameCellRendererProps>;\n\nconst NoMemoAccordionDocNameCellRenderer: TAccordionCellRenderer<TDocNameCellRendererProps> =\n  React.forwardRef<HTMLElement, TDocNameCellRenderer>(\n    (\n      {\n        cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },\n        column,\n      },\n      currentRef,\n    ) => (\n      <Box ref={currentRef as React.RefObject<HTMLElement>} {...cell}>\n        <Box as=\"strong\">{column.label ?? column.name}: </Box>\n        <Link\n          className=\"cell__download__document\"\n          title={rendererProps?.docName}\n          href={rendererProps?.docUrl}\n          onClick={(ev) => {\n            ev.preventDefault();\n            if (rendererProps?.docUrl) void downloadUrl(rendererProps?.docUrl);\n          }}\n        >\n          <Icon title=\"\" name=\"Download\" />\n          {rendererProps?.docName}\n        </Link>\n      </Box>\n    ),\n  );\n\nNoMemoAccordionDocNameCellRenderer.displayName = 'AccordionDocNameCellRenderer';\n\nexport const AccordionDocNameCellRenderer = NoMemoAccordionDocNameCellRenderer;\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,qCACJ,KAAM,CAAA,UAAA;AAAA,EACJ,CACE;AAAA,IACE,MAAM,EAAE,QAAA,EAAU,UAAU,aAAe,EAAA,iBAAA,EAAmB,GAAG,IAAK,EAAA;AAAA,IACtE,MAAA;AAAA,KAEF,UAEA,qBAAA,IAAA,CAAC,OAAI,GAAK,EAAA,UAAA,EAA6C,GAAG,IACxD,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,IAAG,QAAU,EAAA,QAAA,EAAA;AAAA,MAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAA;AAAA,MAAK,IAAA;AAAA,KAAE,EAAA,CAAA;AAAA,oBAChD,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,0BAAA;AAAA,QACV,OAAO,aAAe,EAAA,OAAA;AAAA,QACtB,MAAM,aAAe,EAAA,MAAA;AAAA,QACrB,OAAA,EAAS,CAAC,EAAO,KAAA;AACf,UAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,UAAA,IAAI,aAAe,EAAA,MAAA;AAAQ,YAAK,KAAA,WAAA,CAAY,eAAe,MAAM,CAAA,CAAA;AAAA,SACnE;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAM,EAAG,EAAA,IAAA,EAAK,UAAW,EAAA,CAAA;AAAA,UAC9B,aAAe,EAAA,OAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAClB;AAAA,GACF,EAAA,CAAA;AAEJ,CAAA,CAAA;AAEF,kCAAA,CAAmC,WAAc,GAAA,8BAAA,CAAA;AAE1C,MAAM,4BAA+B,GAAA;;;;"}
+{"version":3,"file":"AccordionDocNameCellRenderer.js","sources":["../../src/renderers/AccordionDocNameCellRenderer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, Link } from '@apia/theme';\r\nimport { downloadUrl } from '@apia/util';\r\nimport { Icon } from '@apia/icons';\r\nimport {\r\n  TAccordionCellRenderer,\r\n  TAccordionCellRendererProps,\r\n} from './AccordionCell';\r\n\r\nexport type TDocNameCellRendererProps = {\r\n  docName: string;\r\n  docUrl: string;\r\n};\r\n\r\nexport type TDocNameCellRenderer =\r\n  TAccordionCellRendererProps<TDocNameCellRendererProps>;\r\n\r\nconst NoMemoAccordionDocNameCellRenderer: TAccordionCellRenderer<TDocNameCellRendererProps> =\r\n  React.forwardRef<HTMLElement, TDocNameCellRenderer>(\r\n    (\r\n      {\r\n        cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },\r\n        column,\r\n      },\r\n      currentRef,\r\n    ) => (\r\n      <Box ref={currentRef as React.RefObject<HTMLElement>} {...cell}>\r\n        <Box as=\"strong\">{column.label ?? column.name}: </Box>\r\n        <Link\r\n          className=\"cell__download__document\"\r\n          title={rendererProps?.docName}\r\n          href={rendererProps?.docUrl}\r\n          onClick={(ev) => {\r\n            ev.preventDefault();\r\n            if (rendererProps?.docUrl) void downloadUrl(rendererProps?.docUrl);\r\n          }}\r\n        >\r\n          <Icon title=\"\" name=\"Download\" />\r\n          {rendererProps?.docName}\r\n        </Link>\r\n      </Box>\r\n    ),\r\n  );\r\n\r\nNoMemoAccordionDocNameCellRenderer.displayName = 'AccordionDocNameCellRenderer';\r\n\r\nexport const AccordionDocNameCellRenderer = NoMemoAccordionDocNameCellRenderer;\r\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,qCACJ,KAAM,CAAA,UAAA;AAAA,EACJ,CACE;AAAA,IACE,MAAM,EAAE,QAAA,EAAU,UAAU,aAAe,EAAA,iBAAA,EAAmB,GAAG,IAAK,EAAA;AAAA,IACtE,MAAA;AAAA,KAEF,UAEA,qBAAA,IAAA,CAAC,OAAI,GAAK,EAAA,UAAA,EAA6C,GAAG,IACxD,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,IAAG,QAAU,EAAA,QAAA,EAAA;AAAA,MAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAA;AAAA,MAAK,IAAA;AAAA,KAAE,EAAA,CAAA;AAAA,oBAChD,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,0BAAA;AAAA,QACV,OAAO,aAAe,EAAA,OAAA;AAAA,QACtB,MAAM,aAAe,EAAA,MAAA;AAAA,QACrB,OAAA,EAAS,CAAC,EAAO,KAAA;AACf,UAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,UAAA,IAAI,aAAe,EAAA,MAAA;AAAQ,YAAK,KAAA,WAAA,CAAY,eAAe,MAAM,CAAA,CAAA;AAAA,SACnE;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAM,EAAG,EAAA,IAAA,EAAK,UAAW,EAAA,CAAA;AAAA,UAC9B,aAAe,EAAA,OAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAClB;AAAA,GACF,EAAA,CAAA;AAEJ,CAAA,CAAA;AAEF,kCAAA,CAAmC,WAAc,GAAA,8BAAA,CAAA;AAE1C,MAAM,4BAA+B,GAAA;;;;"}

package/dist/renderers/AccordionElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionElement.js","sources":["../../src/renderers/AccordionElement.tsx"],"sourcesContent":["import React, { memo, useMemo } from 'react';\nimport { shallowEqual } from 'react-redux';\nimport { useResponsiveTableContext } from '../ResponsiveTableContext';\nimport { TResponsiveTableRow } from '../types';\nimport { AccordionCell } from './AccordionCell';\nimport {\n  responsiveTableActions,\n  responsiveTableStore,\n  useResponsiveTable,\n} from '../store';\nimport { AccordionItem, IAccordionItemButton } from '@apia/components';\n\nexport interface IAccordionElement {\n  row: TResponsiveTableRow;\n  rowIndex: number;\n}\n\nconst NoMemoAccordionElement = ({ row, rowIndex }: IAccordionElement) => {\n  const { name } = useResponsiveTableContext();\n\n  const indexColumns = useResponsiveTable((global) => {\n    const tableState = global.responsiveTableSlice[name];\n    return tableState?.accordionIndexColumns;\n  }, shallowEqual);\n  const columns = useResponsiveTable((global) => {\n    const tableState = global.responsiveTableSlice[name];\n    return tableState?.columns;\n  }, shallowEqual);\n\n  const title = React.useMemo(() => {\n    if (row.title) return row.title;\n    if (Array.isArray(indexColumns))\n      return indexColumns\n        .map(\n          (current) =>\n            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n            row.cells[current.index].title ||\n            (row.cells[current.index].children as string),\n        )\n        .join(' | ');\n    return row.cells[0].title ?? (row.cells[0].children as string);\n  }, [indexColumns, row.cells, row.title]);\n  const isSelected = useResponsiveTable((global) =>\n    global.responsiveTableSlice[name].allowSelection !== false\n      ? global.responsiveTableSlice[name].selectedRows.includes(rowIndex)\n      : undefined,\n  );\n  const isFocused = useResponsiveTable(\n    (global) => global.responsiveTableSlice[name].focusedRow === rowIndex,\n  );\n  const buttonProps = useMemo<IAccordionItemButton>(\n    () => ({\n      title,\n      ariaLabel: title,\n      label: title,\n      checked: isSelected,\n      onChange: (isChecked: boolean) => {\n        const isMultiple =\n          responsiveTableStore.getState().responsiveTableSlice[name].isMultiple;\n        responsiveTableStore.dispatch(\n          responsiveTableActions.update({\n            tableName: name,\n            selectedRows: isMultiple\n              ? isChecked\n                ? [\n                    ...responsiveTableStore.getState().responsiveTableSlice[\n                      name\n                    ].selectedRows,\n                    rowIndex,\n                  ]\n                : responsiveTableStore\n                    .getState()\n                    .responsiveTableSlice[name].selectedRows.filter(\n                      (current) => current !== rowIndex,\n                    )\n              : [rowIndex],\n          }),\n        );\n      },\n      tabIndex: isFocused ? 0 : -1,\n      rightButtons: row.accordionButtonProps?.rightButtons,\n      onUserPressEnter: row.accordionButtonProps?.onUserPressEnter,\n      domButtonProps: {\n        buttonSx: {\n          '&.accordion__item__button .accordion__item__button__label': {\n            color: row.color,\n          },\n        },\n      },\n    }),\n    [\n      isFocused,\n      isSelected,\n      name,\n      row.accordionButtonProps?.onUserPressEnter,\n      row.accordionButtonProps?.rightButtons,\n      row.color,\n      rowIndex,\n      title,\n    ],\n  );\n\n  if (!Array.isArray(indexColumns) || !columns) return null;\n\n  return (\n    <AccordionItem id={row.id} buttonProps={buttonProps}>\n      {columns.map((currentColumn, columnIndex) => {\n        const Renderer =\n          row.cells[columnIndex].AccordionRenderer ??\n          currentColumn.AccordionRenderer ??\n          AccordionCell;\n\n        return currentColumn.hideFromAccordion ||\n          currentColumn.showAsAdditional ? null : (\n          <Renderer\n            cell={row.cells[columnIndex]}\n            column={currentColumn}\n            columnIndex={columnIndex}\n            key={currentColumn.name}\n            row={row}\n            rowIndex={rowIndex}\n          />\n        );\n      })}\n\n      {columns\n        .filter((current) => !!current.showAsAdditional)\n        .map((currentColumn, columnIndex) => {\n          const Renderer =\n            row.cells[columnIndex].AccordionRenderer ??\n            currentColumn.AccordionRenderer ??\n            AccordionCell;\n\n          return currentColumn.hideFromAccordion ? null : (\n            <Renderer\n              cell={row.cells[columnIndex]}\n              column={currentColumn}\n              columnIndex={columnIndex}\n              key={currentColumn.name}\n              row={row}\n              rowIndex={rowIndex}\n            />\n          );\n        })}\n    </AccordionItem>\n  );\n};\n\nexport const AccordionElement = memo(NoMemoAccordionElement);\n"],"names":[],"mappings":";;;;;;;;AAiBA,MAAM,sBAAyB,GAAA,CAAC,EAAE,GAAA,EAAK,UAAkC,KAAA;AACvE,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,yBAA0B,EAAA,CAAA;AAE3C,EAAM,MAAA,YAAA,GAAe,kBAAmB,CAAA,CAAC,MAAW,KAAA;AAClD,IAAM,MAAA,UAAA,GAAa,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACnD,IAAA,OAAO,UAAY,EAAA,qBAAA,CAAA;AAAA,KAClB,YAAY,CAAA,CAAA;AACf,EAAM,MAAA,OAAA,GAAU,kBAAmB,CAAA,CAAC,MAAW,KAAA;AAC7C,IAAM,MAAA,UAAA,GAAa,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACnD,IAAA,OAAO,UAAY,EAAA,OAAA,CAAA;AAAA,KAClB,YAAY,CAAA,CAAA;AAEf,EAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,OAAA,CAAQ,MAAM;AAChC,IAAA,IAAI,GAAI,CAAA,KAAA;AAAO,MAAA,OAAO,GAAI,CAAA,KAAA,CAAA;AAC1B,IAAI,IAAA,KAAA,CAAM,QAAQ,YAAY,CAAA;AAC5B,MAAA,OAAO,YACJ,CAAA,GAAA;AAAA,QACC,CAAC,OAAA;AAAA;AAAA,UAEC,GAAA,CAAI,KAAM,CAAA,OAAA,CAAQ,KAAK,CAAA,CAAE,SACxB,GAAI,CAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAE,CAAA,QAAA;AAAA,SAAA;AAAA,OAC9B,CACC,KAAK,KAAK,CAAA,CAAA;AACf,IAAO,OAAA,GAAA,CAAI,MAAM,CAAC,CAAA,CAAE,SAAU,GAAI,CAAA,KAAA,CAAM,CAAC,CAAE,CAAA,QAAA,CAAA;AAAA,KAC1C,CAAC,YAAA,EAAc,IAAI,KAAO,EAAA,GAAA,CAAI,KAAK,CAAC,CAAA,CAAA;AACvC,EAAA,MAAM,UAAa,GAAA,kBAAA;AAAA,IAAmB,CAAC,MAAA,KACrC,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAE,CAAA,cAAA,KAAmB,KACjD,GAAA,MAAA,CAAO,qBAAqB,IAAI,CAAA,CAAE,YAAa,CAAA,QAAA,CAAS,QAAQ,CAChE,GAAA,KAAA,CAAA;AAAA,GACN,CAAA;AACA,EAAA,MAAM,SAAY,GAAA,kBAAA;AAAA,IAChB,CAAC,MAAW,KAAA,MAAA,CAAO,oBAAqB,CAAA,IAAI,EAAE,UAAe,KAAA,QAAA;AAAA,GAC/D,CAAA;AACA,EAAA,MAAM,WAAc,GAAA,OAAA;AAAA,IAClB,OAAO;AAAA,MACL,KAAA;AAAA,MACA,SAAW,EAAA,KAAA;AAAA,MACX,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,UAAA;AAAA,MACT,QAAA,EAAU,CAAC,SAAuB,KAAA;AAChC,QAAA,MAAM,aACJ,oBAAqB,CAAA,QAAA,EAAW,CAAA,oBAAA,CAAqB,IAAI,CAAE,CAAA,UAAA,CAAA;AAC7D,QAAqB,oBAAA,CAAA,QAAA;AAAA,UACnB,uBAAuB,MAAO,CAAA;AAAA,YAC5B,SAAW,EAAA,IAAA;AAAA,YACX,YAAA,EAAc,aACV,SACE,GAAA;AAAA,cACE,GAAG,oBAAqB,CAAA,QAAA,EAAW,CAAA,oBAAA,CACjC,IACF,CAAE,CAAA,YAAA;AAAA,cACF,QAAA;AAAA,gBAEF,oBACG,CAAA,QAAA,GACA,oBAAqB,CAAA,IAAI,EAAE,YAAa,CAAA,MAAA;AAAA,cACvC,CAAC,YAAY,OAAY,KAAA,QAAA;AAAA,aAC3B,GACJ,CAAC,QAAQ,CAAA;AAAA,WACd,CAAA;AAAA,SACH,CAAA;AAAA,OACF;AAAA,MACA,QAAA,EAAU,YAAY,CAAI,GAAA,CAAA,CAAA;AAAA,MAC1B,YAAA,EAAc,IAAI,oBAAsB,EAAA,YAAA;AAAA,MACxC,gBAAA,EAAkB,IAAI,oBAAsB,EAAA,gBAAA;AAAA,MAC5C,cAAgB,EAAA;AAAA,QACd,QAAU,EAAA;AAAA,UACR,2DAA6D,EAAA;AAAA,YAC3D,OAAO,GAAI,CAAA,KAAA;AAAA,WACb;AAAA,SACF;AAAA,OACF;AAAA,KACF,CAAA;AAAA,IACA;AAAA,MACE,SAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAI,oBAAsB,EAAA,gBAAA;AAAA,MAC1B,IAAI,oBAAsB,EAAA,YAAA;AAAA,MAC1B,GAAI,CAAA,KAAA;AAAA,MACJ,QAAA;AAAA,MACA,KAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,IAAI,CAAC,KAAA,CAAM,OAAQ,CAAA,YAAY,KAAK,CAAC,OAAA;AAAS,IAAO,OAAA,IAAA,CAAA;AAErD,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA,EAAc,EAAI,EAAA,GAAA,CAAI,IAAI,WACxB,EAAA,QAAA,EAAA;AAAA,IAAQ,OAAA,CAAA,GAAA,CAAI,CAAC,aAAA,EAAe,WAAgB,KAAA;AAC3C,MAAA,MAAM,WACJ,GAAI,CAAA,KAAA,CAAM,WAAW,CAAE,CAAA,iBAAA,IACvB,cAAc,iBACd,IAAA,aAAA,CAAA;AAEF,MAAA,OAAO,aAAc,CAAA,iBAAA,IACnB,aAAc,CAAA,gBAAA,GAAmB,IACjC,mBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,GAAI,CAAA,KAAA,CAAM,WAAW,CAAA;AAAA,UAC3B,MAAQ,EAAA,aAAA;AAAA,UACR,WAAA;AAAA,UAEA,GAAA;AAAA,UACA,QAAA;AAAA,SAAA;AAAA,QAFK,aAAc,CAAA,IAAA;AAAA,OAGrB,CAAA;AAAA,KAEH,CAAA;AAAA,IAEA,OACE,CAAA,MAAA,CAAO,CAAC,OAAA,KAAY,CAAC,CAAC,OAAQ,CAAA,gBAAgB,CAC9C,CAAA,GAAA,CAAI,CAAC,aAAA,EAAe,WAAgB,KAAA;AACnC,MAAA,MAAM,WACJ,GAAI,CAAA,KAAA,CAAM,WAAW,CAAE,CAAA,iBAAA,IACvB,cAAc,iBACd,IAAA,aAAA,CAAA;AAEF,MAAO,OAAA,aAAA,CAAc,oBAAoB,IACvC,mBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,GAAI,CAAA,KAAA,CAAM,WAAW,CAAA;AAAA,UAC3B,MAAQ,EAAA,aAAA;AAAA,UACR,WAAA;AAAA,UAEA,GAAA;AAAA,UACA,QAAA;AAAA,SAAA;AAAA,QAFK,aAAc,CAAA,IAAA;AAAA,OAGrB,CAAA;AAAA,KAEH,CAAA;AAAA,GACL,EAAA,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEa,MAAA,gBAAA,GAAmB,KAAK,sBAAsB;;;;"}
+{"version":3,"file":"AccordionElement.js","sources":["../../src/renderers/AccordionElement.tsx"],"sourcesContent":["import React, { memo, useMemo } from 'react';\r\nimport { shallowEqual } from 'react-redux';\r\nimport { useResponsiveTableContext } from '../ResponsiveTableContext';\r\nimport { TResponsiveTableRow } from '../types';\r\nimport { AccordionCell } from './AccordionCell';\r\nimport {\r\n  responsiveTableActions,\r\n  responsiveTableStore,\r\n  useResponsiveTable,\r\n} from '../store';\r\nimport { AccordionItem, IAccordionItemButton } from '@apia/components';\r\n\r\nexport interface IAccordionElement {\r\n  row: TResponsiveTableRow;\r\n  rowIndex: number;\r\n}\r\n\r\nconst NoMemoAccordionElement = ({ row, rowIndex }: IAccordionElement) => {\r\n  const { name } = useResponsiveTableContext();\r\n\r\n  const indexColumns = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n    return tableState?.accordionIndexColumns;\r\n  }, shallowEqual);\r\n  const columns = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n    return tableState?.columns;\r\n  }, shallowEqual);\r\n\r\n  const title = React.useMemo(() => {\r\n    if (row.title) return row.title;\r\n    if (Array.isArray(indexColumns))\r\n      return indexColumns\r\n        .map(\r\n          (current) =>\r\n            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\r\n            row.cells[current.index].title ||\r\n            (row.cells[current.index].children as string),\r\n        )\r\n        .join(' | ');\r\n    return row.cells[0].title ?? (row.cells[0].children as string);\r\n  }, [indexColumns, row.cells, row.title]);\r\n  const isSelected = useResponsiveTable((global) =>\r\n    global.responsiveTableSlice[name].allowSelection !== false\r\n      ? global.responsiveTableSlice[name].selectedRows.includes(rowIndex)\r\n      : undefined,\r\n  );\r\n  const isFocused = useResponsiveTable(\r\n    (global) => global.responsiveTableSlice[name].focusedRow === rowIndex,\r\n  );\r\n  const buttonProps = useMemo<IAccordionItemButton>(\r\n    () => ({\r\n      title,\r\n      ariaLabel: title,\r\n      label: title,\r\n      checked: isSelected,\r\n      onChange: (isChecked: boolean) => {\r\n        const isMultiple =\r\n          responsiveTableStore.getState().responsiveTableSlice[name].isMultiple;\r\n        responsiveTableStore.dispatch(\r\n          responsiveTableActions.update({\r\n            tableName: name,\r\n            selectedRows: isMultiple\r\n              ? isChecked\r\n                ? [\r\n                    ...responsiveTableStore.getState().responsiveTableSlice[\r\n                      name\r\n                    ].selectedRows,\r\n                    rowIndex,\r\n                  ]\r\n                : responsiveTableStore\r\n                    .getState()\r\n                    .responsiveTableSlice[name].selectedRows.filter(\r\n                      (current) => current !== rowIndex,\r\n                    )\r\n              : [rowIndex],\r\n          }),\r\n        );\r\n      },\r\n      tabIndex: isFocused ? 0 : -1,\r\n      rightButtons: row.accordionButtonProps?.rightButtons,\r\n      onUserPressEnter: row.accordionButtonProps?.onUserPressEnter,\r\n      domButtonProps: {\r\n        buttonSx: {\r\n          '&.accordion__item__button .accordion__item__button__label': {\r\n            color: row.color,\r\n          },\r\n        },\r\n      },\r\n    }),\r\n    [\r\n      isFocused,\r\n      isSelected,\r\n      name,\r\n      row.accordionButtonProps?.onUserPressEnter,\r\n      row.accordionButtonProps?.rightButtons,\r\n      row.color,\r\n      rowIndex,\r\n      title,\r\n    ],\r\n  );\r\n\r\n  if (!Array.isArray(indexColumns) || !columns) return null;\r\n\r\n  return (\r\n    <AccordionItem id={row.id} buttonProps={buttonProps}>\r\n      {columns.map((currentColumn, columnIndex) => {\r\n        const Renderer =\r\n          row.cells[columnIndex].AccordionRenderer ??\r\n          currentColumn.AccordionRenderer ??\r\n          AccordionCell;\r\n\r\n        return currentColumn.hideFromAccordion ||\r\n          currentColumn.showAsAdditional ? null : (\r\n          <Renderer\r\n            cell={row.cells[columnIndex]}\r\n            column={currentColumn}\r\n            columnIndex={columnIndex}\r\n            key={currentColumn.name}\r\n            row={row}\r\n            rowIndex={rowIndex}\r\n          />\r\n        );\r\n      })}\r\n\r\n      {columns\r\n        .filter((current) => !!current.showAsAdditional)\r\n        .map((currentColumn, columnIndex) => {\r\n          const Renderer =\r\n            row.cells[columnIndex].AccordionRenderer ??\r\n            currentColumn.AccordionRenderer ??\r\n            AccordionCell;\r\n\r\n          return currentColumn.hideFromAccordion ? null : (\r\n            <Renderer\r\n              cell={row.cells[columnIndex]}\r\n              column={currentColumn}\r\n              columnIndex={columnIndex}\r\n              key={currentColumn.name}\r\n              row={row}\r\n              rowIndex={rowIndex}\r\n            />\r\n          );\r\n        })}\r\n    </AccordionItem>\r\n  );\r\n};\r\n\r\nexport const AccordionElement = memo(NoMemoAccordionElement);\r\n"],"names":[],"mappings":"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"}

package/dist/renderers/AccordionHTMLCellRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHTMLCellRenderer.js","sources":["../../src/renderers/AccordionHTMLCellRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@apia/theme';\nimport { TResponsiveTableCellRendererProps } from '../types';\nimport { TAccordionCellRenderer } from './AccordionCell';\n\nconst NoMemoAccordionHTMLCellRenderer: TAccordionCellRenderer<{\n  html: string;\n}> = React.forwardRef<\n  HTMLSpanElement,\n  TResponsiveTableCellRendererProps<{ html: string }>\n>(\n  (\n    {\n      cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },\n      column,\n      row,\n      ...props\n    },\n    currentRef,\n  ) => (\n    /**\n     * Aca falta el title de la columna\n     */\n    <Box\n      ref={currentRef as React.RefObject<HTMLTableCellElement>}\n      {...props}\n      {...cell}\n      className=\"accordion__cell__renderer\"\n      dangerouslySetInnerHTML={{\n        __html: String(rendererProps?.html ?? children ?? '').replaceAll(\n          /<TOK(\\d+)/g,\n          '&lt;TOK$1',\n        ),\n      }}\n      as=\"span\"\n    />\n  ),\n);\n\nNoMemoAccordionHTMLCellRenderer.displayName = 'AccordionHTMLCellRenderer';\n\nexport const AccordionHTMLCellRenderer = NoMemoAccordionHTMLCellRenderer;\n"],"names":[],"mappings":";;;;AAKA,MAAM,kCAED,KAAM,CAAA,UAAA;AAAA,EAIT,CACE;AAAA,IACE,MAAM,EAAE,QAAA,EAAU,UAAU,aAAe,EAAA,iBAAA,EAAmB,GAAG,IAAK,EAAA;AAAA,IACtE,MAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG,KAAA;AAAA,GAEL,EAAA,UAAA;AAAA;AAAA;AAAA;AAAA,oBAKA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,UAAA;AAAA,QACJ,GAAG,KAAA;AAAA,QACH,GAAG,IAAA;AAAA,QACJ,SAAU,EAAA,2BAAA;AAAA,QACV,uBAAyB,EAAA;AAAA,UACvB,QAAQ,MAAO,CAAA,aAAA,EAAe,IAAQ,IAAA,QAAA,IAAY,EAAE,CAAE,CAAA,UAAA;AAAA,YACpD,YAAA;AAAA,YACA,WAAA;AAAA,WACF;AAAA,SACF;AAAA,QACA,EAAG,EAAA,MAAA;AAAA,OAAA;AAAA,KACL;AAAA,GAAA;AAEJ,CAAA,CAAA;AAEA,+BAAA,CAAgC,WAAc,GAAA,2BAAA,CAAA;AAEvC,MAAM,yBAA4B,GAAA;;;;"}
+{"version":3,"file":"AccordionHTMLCellRenderer.js","sources":["../../src/renderers/AccordionHTMLCellRenderer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box } from '@apia/theme';\r\nimport { TResponsiveTableCellRendererProps } from '../types';\r\nimport { TAccordionCellRenderer } from './AccordionCell';\r\n\r\nconst NoMemoAccordionHTMLCellRenderer: TAccordionCellRenderer<{\r\n  html: string;\r\n}> = React.forwardRef<\r\n  HTMLSpanElement,\r\n  TResponsiveTableCellRendererProps<{ html: string }>\r\n>(\r\n  (\r\n    {\r\n      cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },\r\n      column,\r\n      row,\r\n      ...props\r\n    },\r\n    currentRef,\r\n  ) => (\r\n    /**\r\n     * Aca falta el title de la columna\r\n     */\r\n    <Box\r\n      ref={currentRef as React.RefObject<HTMLTableCellElement>}\r\n      {...props}\r\n      {...cell}\r\n      className=\"accordion__cell__renderer\"\r\n      dangerouslySetInnerHTML={{\r\n        __html: String(rendererProps?.html ?? children ?? '').replaceAll(\r\n          /<TOK(\\d+)/g,\r\n          '&lt;TOK$1',\r\n        ),\r\n      }}\r\n      as=\"span\"\r\n    />\r\n  ),\r\n);\r\n\r\nNoMemoAccordionHTMLCellRenderer.displayName = 'AccordionHTMLCellRenderer';\r\n\r\nexport const AccordionHTMLCellRenderer = NoMemoAccordionHTMLCellRenderer;\r\n"],"names":[],"mappings":";;;;AAKA,MAAM,kCAED,KAAM,CAAA,UAAA;AAAA,EAIT,CACE;AAAA,IACE,MAAM,EAAE,QAAA,EAAU,UAAU,aAAe,EAAA,iBAAA,EAAmB,GAAG,IAAK,EAAA;AAAA,IACtE,MAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG,KAAA;AAAA,GAEL,EAAA,UAAA;AAAA;AAAA;AAAA;AAAA,oBAKA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,UAAA;AAAA,QACJ,GAAG,KAAA;AAAA,QACH,GAAG,IAAA;AAAA,QACJ,SAAU,EAAA,2BAAA;AAAA,QACV,uBAAyB,EAAA;AAAA,UACvB,QAAQ,MAAO,CAAA,aAAA,EAAe,IAAQ,IAAA,QAAA,IAAY,EAAE,CAAE,CAAA,UAAA;AAAA,YACpD,YAAA;AAAA,YACA,WAAA;AAAA,WACF;AAAA,SACF;AAAA,QACA,EAAG,EAAA,MAAA;AAAA,OAAA;AAAA,KACL;AAAA,GAAA;AAEJ,CAAA,CAAA;AAEA,+BAAA,CAAgC,WAAc,GAAA,2BAAA,CAAA;AAEvC,MAAM,yBAA4B,GAAA;;;;"}

package/dist/renderers/AccordionRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionRenderer.js","sources":["../../src/renderers/AccordionRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport { shallowEqual } from 'react-redux';\nimport { useResponsiveTableContext } from '../ResponsiveTableContext';\nimport { TResponsiveTableColumn } from '../types';\nimport { AccordionElement } from './AccordionElement';\nimport { NoRegistersRenderer } from './NoRegistersRenderer';\nimport {\n  responsiveTableActions,\n  useResponsiveTable,\n  responsiveTableStore,\n} from '../store';\nimport { TResponsiveTableIndexColumns } from '../store/types';\nimport { Accordion } from '@apia/components';\n\nconst NoMemoAccordionRenderer = () => {\n  const { name } = useResponsiveTableContext();\n\n  const { columns, rows } = useResponsiveTable((global) => {\n    const tableState = global.responsiveTableSlice[name];\n    return {\n      columns: tableState?.columns,\n      rows: tableState?.rows,\n    };\n  }, shallowEqual);\n\n  React.useEffect(() => {\n    /**\n     * Método para seleccionar qué columnas se utilizarán\n     * como cabezal en cada fila.\n     *\n     * - Si existe al menos una columna marcada con showInAccordionTitle,\n     * todas las columnas que estén marcadas con esta propiedad serán\n     * mostradas como parte del título.\n     *\n     * - Si no existe ninguna, se busca cuál es la primera columna\n     * que no tiene ninguna entrada vacía y se utiliza como título\n     * del acordión.\n     *\n     * - Si ninguna columna no tiene ninguna fila vacía, entonces se\n     * utiliza la primera columna.\n     */\n\n    if (columns && rows) {\n      /**\n       * Buscar columnas marcadas\n       */\n      const markedAsTitleColumns: TResponsiveTableIndexColumns = [];\n      columns.forEach((column, index) => {\n        if (column.showInAccordionTitle)\n          markedAsTitleColumns.push({ column, index });\n      });\n      if (markedAsTitleColumns.length > 0) {\n        responsiveTableStore.dispatch(\n          responsiveTableActions.update({\n            tableName: name,\n            accordionIndexColumns: markedAsTitleColumns,\n          }),\n        );\n      } else {\n        /**\n         * No se encontró ninguna columna marcada, se busca la primera sin\n         * entradas vacías.\n         */\n        const columnsLength = columns.length;\n        let indexColumn: TResponsiveTableColumn | null = null;\n        let currentIndex = 0;\n\n        while (!indexColumn && currentIndex < columns.length) {\n          let isAnyEmptyRow = false;\n          // eslint-disable-next-line no-restricted-syntax\n          for (const row of rows) {\n            if (!row.cells[currentIndex].children) {\n              isAnyEmptyRow = true;\n              break;\n            }\n          }\n          if (!isAnyEmptyRow && columns[currentIndex]) {\n            indexColumn = columns[currentIndex];\n          } else {\n            currentIndex += 1;\n            if (currentIndex === columnsLength) break;\n          }\n        }\n        if (!indexColumn) {\n          /**\n           * No hay ninguna sin ninguna entrada vacía,\n           * se usa la primera columna.\n           */\n          [indexColumn] = columns;\n          currentIndex = 0;\n        }\n        responsiveTableStore.dispatch(\n          responsiveTableActions.update({\n            tableName: name,\n            accordionIndexColumns: [\n              { column: indexColumn, index: currentIndex },\n            ],\n          }),\n        );\n      }\n    }\n  }, [columns, name, rows]);\n\n  return (\n    <Accordion>\n      {!rows || (rows.length === 0 && <NoRegistersRenderer />)}\n      {rows?.map((current, rowIndex) => (\n        <AccordionElement row={current} rowIndex={rowIndex} key={current.id} />\n      ))}\n    </Accordion>\n  );\n};\n\nexport const AccordionRenderer = React.memo(NoMemoAccordionRenderer);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccordionRenderer.js","sources":["../../src/renderers/AccordionRenderer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { shallowEqual } from 'react-redux';\r\nimport { useResponsiveTableContext } from '../ResponsiveTableContext';\r\nimport { TResponsiveTableColumn } from '../types';\r\nimport { AccordionElement } from './AccordionElement';\r\nimport { NoRegistersRenderer } from './NoRegistersRenderer';\r\nimport {\r\n  responsiveTableActions,\r\n  useResponsiveTable,\r\n  responsiveTableStore,\r\n} from '../store';\r\nimport { TResponsiveTableIndexColumns } from '../store/types';\r\nimport { Accordion } from '@apia/components';\r\n\r\nconst NoMemoAccordionRenderer = () => {\r\n  const { name } = useResponsiveTableContext();\r\n\r\n  const { columns, rows } = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n    return {\r\n      columns: tableState?.columns,\r\n      rows: tableState?.rows,\r\n    };\r\n  }, shallowEqual);\r\n\r\n  React.useEffect(() => {\r\n    /**\r\n     * Método para seleccionar qué columnas se utilizarán\r\n     * como cabezal en cada fila.\r\n     *\r\n     * - Si existe al menos una columna marcada con showInAccordionTitle,\r\n     * todas las columnas que estén marcadas con esta propiedad serán\r\n     * mostradas como parte del título.\r\n     *\r\n     * - Si no existe ninguna, se busca cuál es la primera columna\r\n     * que no tiene ninguna entrada vacía y se utiliza como título\r\n     * del acordión.\r\n     *\r\n     * - Si ninguna columna no tiene ninguna fila vacía, entonces se\r\n     * utiliza la primera columna.\r\n     */\r\n\r\n    if (columns && rows) {\r\n      /**\r\n       * Buscar columnas marcadas\r\n       */\r\n      const markedAsTitleColumns: TResponsiveTableIndexColumns = [];\r\n      columns.forEach((column, index) => {\r\n        if (column.showInAccordionTitle)\r\n          markedAsTitleColumns.push({ column, index });\r\n      });\r\n      if (markedAsTitleColumns.length > 0) {\r\n        responsiveTableStore.dispatch(\r\n          responsiveTableActions.update({\r\n            tableName: name,\r\n            accordionIndexColumns: markedAsTitleColumns,\r\n          }),\r\n        );\r\n      } else {\r\n        /**\r\n         * No se encontró ninguna columna marcada, se busca la primera sin\r\n         * entradas vacías.\r\n         */\r\n        const columnsLength = columns.length;\r\n        let indexColumn: TResponsiveTableColumn | null = null;\r\n        let currentIndex = 0;\r\n\r\n        while (!indexColumn && currentIndex < columns.length) {\r\n          let isAnyEmptyRow = false;\r\n          // eslint-disable-next-line no-restricted-syntax\r\n          for (const row of rows) {\r\n            if (!row.cells[currentIndex].children) {\r\n              isAnyEmptyRow = true;\r\n              break;\r\n            }\r\n          }\r\n          if (!isAnyEmptyRow && columns[currentIndex]) {\r\n            indexColumn = columns[currentIndex];\r\n          } else {\r\n            currentIndex += 1;\r\n            if (currentIndex === columnsLength) break;\r\n          }\r\n        }\r\n        if (!indexColumn) {\r\n          /**\r\n           * No hay ninguna sin ninguna entrada vacía,\r\n           * se usa la primera columna.\r\n           */\r\n          [indexColumn] = columns;\r\n          currentIndex = 0;\r\n        }\r\n        responsiveTableStore.dispatch(\r\n          responsiveTableActions.update({\r\n            tableName: name,\r\n            accordionIndexColumns: [\r\n              { column: indexColumn, index: currentIndex },\r\n            ],\r\n          }),\r\n        );\r\n      }\r\n    }\r\n  }, [columns, name, rows]);\r\n\r\n  return (\r\n    <Accordion>\r\n      {!rows || (rows.length === 0 && <NoRegistersRenderer />)}\r\n      {rows?.map((current, rowIndex) => (\r\n        <AccordionElement row={current} rowIndex={rowIndex} key={current.id} />\r\n      ))}\r\n    </Accordion>\r\n  );\r\n};\r\n\r\nexport const AccordionRenderer = React.memo(NoMemoAccordionRenderer);\r\n"],"names":[],"mappings":"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"}

package/dist/renderers/AdditionalColumnDefaultRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalColumnDefaultRenderer.js","sources":["../../src/renderers/AdditionalColumnDefaultRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@apia/theme';\nimport { TResponsiveTableCellRendererProps } from '../types';\n\nconst NoMemoAdditionalColumnDefaultRenderer = ({\n  column,\n  cell,\n}: TResponsiveTableCellRendererProps) => {\n  return (\n    <Box\n      className={`${cell.className ?? ''} responsiveTable__additionalInfoItem`}\n      id={cell.id}\n      title={cell.title}\n    >\n      <Box as=\"strong\">{column.name}:</Box> {cell.children}\n    </Box>\n  );\n};\n\nexport const AdditionalColumnDefaultRenderer = React.memo(\n  NoMemoAdditionalColumnDefaultRenderer,\n);\n"],"names":[],"mappings":";;;;AAIA,MAAM,wCAAwC,CAAC;AAAA,EAC7C,MAAA;AAAA,EACA,IAAA;AACF,CAAyC,KAAA;AACvC,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,CAAA,EAAG,IAAK,CAAA,SAAA,IAAa,EAAE,CAAA,oCAAA,CAAA;AAAA,MAClC,IAAI,IAAK,CAAA,EAAA;AAAA,MACT,OAAO,IAAK,CAAA,KAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,IAAG,QAAU,EAAA,QAAA,EAAA;AAAA,UAAO,MAAA,CAAA,IAAA;AAAA,UAAK,GAAA;AAAA,SAAC,EAAA,CAAA;AAAA,QAAM,GAAA;AAAA,QAAE,IAAK,CAAA,QAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAC9C,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,kCAAkC,KAAM,CAAA,IAAA;AAAA,EACnD,qCAAA;AACF;;;;"}
+{"version":3,"file":"AdditionalColumnDefaultRenderer.js","sources":["../../src/renderers/AdditionalColumnDefaultRenderer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box } from '@apia/theme';\r\nimport { TResponsiveTableCellRendererProps } from '../types';\r\n\r\nconst NoMemoAdditionalColumnDefaultRenderer = ({\r\n  column,\r\n  cell,\r\n}: TResponsiveTableCellRendererProps) => {\r\n  return (\r\n    <Box\r\n      className={`${cell.className ?? ''} responsiveTable__additionalInfoItem`}\r\n      id={cell.id}\r\n      title={cell.title}\r\n    >\r\n      <Box as=\"strong\">{column.name}:</Box> {cell.children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const AdditionalColumnDefaultRenderer = React.memo(\r\n  NoMemoAdditionalColumnDefaultRenderer,\r\n);\r\n"],"names":[],"mappings":";;;;AAIA,MAAM,wCAAwC,CAAC;AAAA,EAC7C,MAAA;AAAA,EACA,IAAA;AACF,CAAyC,KAAA;AACvC,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,CAAA,EAAG,IAAK,CAAA,SAAA,IAAa,EAAE,CAAA,oCAAA,CAAA;AAAA,MAClC,IAAI,IAAK,CAAA,EAAA;AAAA,MACT,OAAO,IAAK,CAAA,KAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,IAAG,QAAU,EAAA,QAAA,EAAA;AAAA,UAAO,MAAA,CAAA,IAAA;AAAA,UAAK,GAAA;AAAA,SAAC,EAAA,CAAA;AAAA,QAAM,GAAA;AAAA,QAAE,IAAK,CAAA,QAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAC9C,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,kCAAkC,KAAM,CAAA,IAAA;AAAA,EACnD,qCAAA;AACF;;;;"}