@punkbit/cui 0.0.251-rc.16 → 0.2.0

package/dist/esm/components/Grid/useSelectionActions.js

@@ -0,0 +1,358 @@
+import { useCallback } from 'react';
+
+const orderedRect = (x1, y1, x2, y2) => {
+  const left = Math.min(x1, x2);
+  const right = Math.max(x1, x2);
+  const top = Math.min(y1, y2);
+  const bottom = Math.max(y1, y2);
+  return {
+    left,
+    right,
+    top,
+    bottom
+  };
+};
+const cellRectSelected = (selection, x1, y1, x2, y2) => {
+  const {
+    left,
+    right,
+    top,
+    bottom
+  } = orderedRect(x1, y1, x2, y2);
+  switch (selection.type) {
+    case "columns":
+      for (let i = left; i <= right; ++i) {
+        if (!selection.columns.has(i)) {
+          return false;
+        }
+      }
+      return true;
+    case "rows":
+      for (let i = top; i <= bottom; ++i) {
+        if (!selection.rows.has(i)) {
+          return false;
+        }
+      }
+      return true;
+    case "rectangle":
+      return selection.bounds.left <= left && selection.bounds.right >= right && selection.bounds.top <= top && selection.bounds.bottom >= bottom;
+    default:
+      return false;
+  }
+};
+const rowSelection = (rows, anchorRow) => ({
+  type: "rows",
+  rows: new Set(rows),
+  anchorRow
+});
+const columnSelection = (columns, anchorColumn) => ({
+  type: "columns",
+  columns: new Set(columns),
+  anchorColumn
+});
+const rectangleSelection = (anchorColumn, anchorRow, focusColumn, focusRow) => {
+  if (anchorColumn === focusColumn && focusRow === anchorRow) {
+    return emptySelection();
+  }
+  return {
+    type: "rectangle",
+    bounds: orderedRect(anchorColumn, anchorRow, focusColumn, focusRow),
+    anchor: {
+      column: anchorColumn,
+      row: anchorRow
+    }
+  };
+};
+const emptySelection = () => ({
+  type: "empty"
+});
+const rowAnySelected = (selection, row) => selection.type === "columns" || selection.type === "rows" && selection.rows.has(row) || selection.type === "rectangle" && selection.bounds.top <= row && selection.bounds.bottom >= row;
+const columnAnySelected = (selection, column) => selection.type === "rows" || selection.type === "columns" && selection.columns.has(column) || selection.type === "rectangle" && selection.bounds.left <= column && selection.bounds.right >= column;
+const rangeIndices = (a, b) => {
+  const low = Math.min(a, b);
+  const high = Math.max(a, b);
+  const indices = [];
+  for (let i = low; i <= high; ++i) {
+    indices.push(i);
+  }
+  return indices;
+};
+const useSelectionActions = ({
+  onCellSelect,
+  focus,
+  columnCount,
+  rowCount,
+  onFocusChange,
+  scrollGridTo,
+  selection,
+  rowStart
+}) => {
+  const allSelect = useCallback((action) => {
+    const newSelection = {
+      type: "rows",
+      rows: new Set(rangeIndices(rowStart, rowCount + rowStart - 1)),
+      anchorRow: 0
+    };
+    scrollGridTo({
+      row: rowStart,
+      column: 0
+    });
+    onFocusChange(rowStart, 0);
+    onCellSelect(action, newSelection, {
+      row: rowStart,
+      column: 0
+    });
+  }, [onCellSelect, onFocusChange, rowCount, rowStart, scrollGridTo]);
+  const cellSelect = useCallback((action) => {
+    const {
+      row,
+      column
+    } = action;
+    scrollGridTo({
+      row,
+      column
+    });
+    onFocusChange(row, column);
+    const newSelection = emptySelection();
+    onCellSelect(action, newSelection, focus);
+  }, [focus, onCellSelect, onFocusChange, scrollGridTo]);
+  const shiftSelect = useCallback((action) => {
+    const {
+      row: rowIndex,
+      column: columnIndex
+    } = action;
+    const newSelection = rectangleSelection(columnIndex, rowIndex, focus.column, focus.row);
+    scrollGridTo({
+      row: rowIndex,
+      column: columnIndex
+    });
+    onCellSelect(action, newSelection, focus);
+  }, [focus, onCellSelect, scrollGridTo]);
+  const rowSelect = useCallback((action) => {
+    const rowIndex = action.row;
+    const newSelection = rowSelection([rowIndex], rowIndex);
+    scrollGridTo({
+      row: rowIndex
+    });
+    onCellSelect(action, newSelection, focus);
+  }, [focus, onCellSelect, scrollGridTo]);
+  const shiftRowSelect = useCallback((action) => {
+    const rowIndex = action.row;
+    const newSelection = rowSelection(rangeIndices(focus.row, rowIndex), rowIndex);
+    scrollGridTo({
+      row: rowIndex
+    });
+    onCellSelect(action, newSelection, focus);
+  }, [focus, onCellSelect, scrollGridTo]);
+  const columnSelect = useCallback((action) => {
+    const columnIndex = action.column;
+    const newSelection = columnSelection([columnIndex], columnIndex);
+    scrollGridTo({
+      column: columnIndex
+    });
+    onCellSelect(action, newSelection, focus);
+  }, [focus, onCellSelect, scrollGridTo]);
+  const shiftColumnSelect = useCallback((action) => {
+    const columnIndex = action.column;
+    const newSelection = columnSelection(rangeIndices(focus.column, columnIndex), columnIndex);
+    onCellSelect(action, newSelection, focus);
+    scrollGridTo({
+      column: columnIndex
+    });
+  }, [focus, onCellSelect, scrollGridTo]);
+  const onSelection = useCallback((action) => {
+    switch (action.type) {
+      case "all":
+        allSelect(action);
+        break;
+      case "normal":
+        cellSelect(action);
+        break;
+      case "shiftSelection":
+        shiftSelect(action);
+        break;
+      case "columnSelection":
+        columnSelect(action);
+        break;
+      case "shiftColumnSelection":
+        shiftColumnSelect(action);
+        break;
+      case "rowSelection":
+        rowSelect(action);
+        break;
+      case "shiftRowSelection":
+        shiftRowSelect(action);
+        break;
+      default:
+        throw new Error(`Value should not occur ${action}`);
+    }
+  }, [allSelect, cellSelect, shiftSelect, columnSelect, shiftColumnSelect, rowSelect, shiftRowSelect]);
+  const moveSelection = useCallback((columnDiff, rowDiff, moveAnchor, event) => {
+    const clamp = (n, low, high) => {
+      return Math.max(low, Math.min(high, n));
+    };
+    let action = null;
+    if (moveAnchor) {
+      if (selection.type === "rows") {
+        const row = clamp(selection.anchorRow + rowDiff, 0, rowCount + rowStart - 1);
+        action = {
+          type: "shiftRowSelection",
+          row,
+          event
+        };
+      } else if (selection.type === "columns") {
+        const column = clamp(selection.anchorColumn + columnDiff, 0, columnCount - 1);
+        action = {
+          type: "shiftColumnSelection",
+          column,
+          event
+        };
+      } else if (selection.type === "rectangle") {
+        const row = clamp(selection.anchor.row + rowDiff, 0, rowCount + rowStart - 1);
+        const column = clamp(selection.anchor.column + columnDiff, 0, columnCount - 1);
+        action = {
+          type: "shiftSelection",
+          row,
+          column,
+          event
+        };
+      }
+    } else {
+      const row = clamp(focus.row + rowDiff, 0, rowCount + rowStart - 1);
+      const column = clamp(focus.column + columnDiff, 0, columnCount - 1);
+      action = {
+        type: "normal",
+        row,
+        column,
+        event
+      };
+    }
+    if (action) {
+      onSelection(action);
+    }
+    return action;
+  }, [onSelection, columnCount, rowCount, selection, focus, rowStart]);
+  const getSelectionType = useCallback((args) => {
+    if (args.type === "all") {
+      const isSelected = cellRectSelected(selection, 0, rowStart, columnCount - 1, rowCount + rowStart - 1);
+      return isSelected ? "selectDirect" : "default";
+    }
+    if (args.type === "column") {
+      if (cellRectSelected(selection, args.column, rowStart, args.column, rowCount + rowStart)) {
+        return "selectDirect";
+      }
+      return columnAnySelected(selection, args.column) ? "selectIndirect" : "default";
+    }
+    const isRowSelected = cellRectSelected(selection, 0, args.row, columnCount, args.row);
+    const isRowAnySelected = focus.row === args.row || rowAnySelected(selection, args.row);
+    if (args.type === "cell" && args.column == -1) {
+      return "default";
+    }
+    if (isRowSelected) {
+      return "selectDirect";
+    }
+    if (!isRowAnySelected) {
+      return "default";
+    }
+    if (args.type === "cell") {
+      const {
+        row,
+        column
+      } = args;
+      if (row >= rowCount + rowStart || column >= columnCount || row < rowStart || column < 0) {
+        return "default";
+      }
+      if (cellRectSelected(selection, column, row, column, row)) {
+        return "selectDirect";
+      }
+    }
+    if (selection.type === "columns") {
+      return "default";
+    }
+    return "selectIndirect";
+  }, [columnCount, focus.row, rowCount, rowStart, selection]);
+  const mouseMoveCellSelect = useCallback((row, column) => {
+    const selectionType = selection.type;
+    const event = "click";
+    if (row === -1 && column == -1) {
+      return;
+    }
+    if (selectionType === "columns") {
+      onSelection({
+        type: "shiftColumnSelection",
+        column,
+        event
+      });
+      return;
+    }
+    if (selectionType === "rows") {
+      onSelection({
+        type: "shiftRowSelection",
+        row,
+        event
+      });
+      return;
+    }
+    if (row === -1) {
+      let row2 = focus.row;
+      if (selection.type !== "empty") {
+        const {
+          bounds: {
+            top,
+            bottom
+          }
+        } = selection;
+        if (top <= row2) {
+          row2 = top;
+        } else {
+          row2 = bottom;
+        }
+      }
+      onSelection({
+        type: "shiftSelection",
+        row: row2,
+        column,
+        event
+      });
+      return;
+    }
+    if (column === -1) {
+      let column2 = focus.column;
+      if (selection.type !== "empty") {
+        const {
+          bounds: {
+            left,
+            right
+          }
+        } = selection;
+        if (left <= column2) {
+          column2 = left;
+        } else {
+          column2 = right;
+        }
+      }
+      onSelection({
+        type: "shiftSelection",
+        row,
+        column: column2,
+        event
+      });
+      return;
+    }
+    onSelection({
+      type: "shiftSelection",
+      row,
+      column,
+      event
+    });
+  }, [focus.column, focus.row, onSelection, selection]);
+  return {
+    getSelectionType,
+    onSelection,
+    mouseMoveCellSelect,
+    moveSelection
+  };
+};
+
+export { cellRectSelected, emptySelection, rangeIndices, rectangleSelection, useSelectionActions };
+//# sourceMappingURL=useSelectionActions.js.map

package/dist/esm/components/Grid/useSelectionActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectionActions.js","sources":["../../../../src/components/Grid/useSelectionActions.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport {\n  SelectionAction,\n  SelectedRegion,\n  SelectionPos,\n  RowsSelection,\n  Rectangle,\n  ColumnsSelection,\n  KeyEventType,\n  onSelectFn,\n  RowSelectionAction,\n  ColumnSelectionAction,\n  CellSelectionAction,\n  SelectionType,\n  IsSelectedType,\n  SelectionTypeFn,\n  AllSelection,\n} from './types';\n\ninterface Props {\n  onCellSelect: onSelectFn;\n  focus: { row: number; column: number };\n  columnCount: number;\n  rowCount: number;\n  onFocusChange: (rowIndex: number, columnIndex: number) => void;\n  scrollGridTo: (props: { row?: number; column?: number }) => void;\n  selection: SelectedRegion;\n  rowStart: number;\n}\n\ninterface SelectionActions {\n  getSelectionType: SelectionTypeFn;\n  onSelection: (action: SelectionAction) => void;\n  mouseMoveCellSelect: (row: number, column: number) => void;\n  moveSelection: (\n    columnDiff: number,\n    rowDiff: number,\n    moveAnchor: boolean,\n    event: KeyEventType\n  ) => SelectionAction | null;\n}\n\nexport const singleCellSelected = (selection: SelectedRegion): SelectionPos | null => {\n  if (\n    selection.type === 'rectangle' &&\n    selection.bounds.left === selection.bounds.right &&\n    selection.bounds.top === selection.bounds.bottom\n  ) {\n    return {\n      column: selection.bounds.left,\n      row: selection.bounds.top,\n    };\n  } else {\n    return null;\n  }\n};\n\nconst orderedRect = (x1: number, y1: number, x2: number, y2: number): Rectangle => {\n  const left = Math.min(x1, x2);\n  const right = Math.max(x1, x2);\n  const top = Math.min(y1, y2);\n  const bottom = Math.max(y1, y2);\n  return { left, right, top, bottom };\n};\n\nexport const cellRectSelected = (\n  selection: SelectedRegion,\n  x1: number,\n  y1: number,\n  x2: number,\n  y2: number\n): boolean => {\n  const { left, right, top, bottom } = orderedRect(x1, y1, x2, y2);\n  switch (selection.type) {\n    case 'columns':\n      for (let i = left; i <= right; ++i) {\n        if (!selection.columns.has(i)) {\n          return false;\n        }\n      }\n      return true;\n    case 'rows':\n      for (let i = top; i <= bottom; ++i) {\n        if (!selection.rows.has(i)) {\n          return false;\n        }\n      }\n      return true;\n    case 'rectangle':\n      return (\n        selection.bounds.left <= left &&\n        selection.bounds.right >= right &&\n        selection.bounds.top <= top &&\n        selection.bounds.bottom >= bottom\n      );\n    default:\n      return false;\n  }\n};\n\nconst rowSelection = (rows: Iterable<number>, anchorRow: number): RowsSelection => ({\n  type: 'rows',\n  rows: new Set(rows),\n  anchorRow,\n});\n\nconst columnSelection = (\n  columns: Iterable<number>,\n  anchorColumn: number\n): ColumnsSelection => ({\n  type: 'columns',\n  columns: new Set(columns),\n  anchorColumn,\n});\n\nexport const rectangleSelection = (\n  anchorColumn: number,\n  anchorRow: number,\n  focusColumn: number,\n  focusRow: number\n): SelectedRegion => {\n  if (anchorColumn === focusColumn && focusRow === anchorRow) {\n    return emptySelection();\n  }\n  return {\n    type: 'rectangle',\n    bounds: orderedRect(anchorColumn, anchorRow, focusColumn, focusRow),\n    anchor: { column: anchorColumn, row: anchorRow },\n  };\n};\n\nexport const emptySelection = (): SelectedRegion => ({ type: 'empty' });\n\nexport const columnIsSelected = (\n  selection: SelectedRegion,\n  column: number,\n  bounds: Rectangle\n): boolean => cellRectSelected(selection, column, bounds.top, column, bounds.bottom);\nconst rowAnySelected = (selection: SelectedRegion, row: number): boolean =>\n  selection.type === 'columns' ||\n  (selection.type === 'rows' && selection.rows.has(row)) ||\n  (selection.type === 'rectangle' &&\n    selection.bounds.top <= row &&\n    selection.bounds.bottom >= row);\n\nconst columnAnySelected = (selection: SelectedRegion, column: number): boolean =>\n  selection.type === 'rows' ||\n  (selection.type === 'columns' && selection.columns.has(column)) ||\n  (selection.type === 'rectangle' &&\n    selection.bounds.left <= column &&\n    selection.bounds.right >= column);\n\nexport const rangeIndices = (a: number, b: number): number[] => {\n  const low = Math.min(a, b);\n  const high = Math.max(a, b);\n  const indices: number[] = [];\n  for (let i = low; i <= high; ++i) {\n    indices.push(i);\n  }\n  return indices;\n};\n\nexport const useSelectionActions = ({\n  onCellSelect,\n  focus,\n  columnCount,\n  rowCount,\n  onFocusChange,\n  scrollGridTo,\n  selection,\n  rowStart,\n}: Props): SelectionActions => {\n  const allSelect = useCallback(\n    (action: AllSelection) => {\n      const newSelection: SelectedRegion = {\n        type: 'rows',\n        rows: new Set(rangeIndices(rowStart, rowCount + rowStart - 1)),\n        anchorRow: 0,\n      };\n      scrollGridTo({ row: rowStart, column: 0 });\n      onFocusChange(rowStart, 0);\n      onCellSelect(action, newSelection, {\n        row: rowStart,\n        column: 0,\n      });\n    },\n    [onCellSelect, onFocusChange, rowCount, rowStart, scrollGridTo]\n  );\n\n  const cellSelect = useCallback(\n    (action: CellSelectionAction) => {\n      const { row, column } = action;\n      scrollGridTo({ row, column });\n      onFocusChange(row, column);\n      const newSelection: SelectedRegion = emptySelection();\n      onCellSelect(action, newSelection, focus);\n    },\n    [focus, onCellSelect, onFocusChange, scrollGridTo]\n  );\n\n  const shiftSelect = useCallback(\n    (action: CellSelectionAction) => {\n      const { row: rowIndex, column: columnIndex } = action;\n      const newSelection = rectangleSelection(\n        columnIndex,\n        rowIndex,\n        focus.column,\n        focus.row\n      );\n      scrollGridTo({ row: rowIndex, column: columnIndex });\n      onCellSelect(action, newSelection, focus);\n    },\n    [focus, onCellSelect, scrollGridTo]\n  );\n\n  const rowSelect = useCallback(\n    (action: RowSelectionAction) => {\n      const rowIndex = action.row;\n      const newSelection = rowSelection([rowIndex], rowIndex);\n      scrollGridTo({ row: rowIndex });\n      onCellSelect(action, newSelection, focus);\n    },\n    [focus, onCellSelect, scrollGridTo]\n  );\n\n  const shiftRowSelect = useCallback(\n    (action: RowSelectionAction) => {\n      const rowIndex = action.row;\n      const newSelection = rowSelection(rangeIndices(focus.row, rowIndex), rowIndex);\n      scrollGridTo({ row: rowIndex });\n      onCellSelect(action, newSelection, focus);\n    },\n    [focus, onCellSelect, scrollGridTo]\n  );\n\n  const columnSelect = useCallback(\n    (action: ColumnSelectionAction) => {\n      const columnIndex = action.column;\n      const newSelection = columnSelection([columnIndex], columnIndex);\n      scrollGridTo({ column: columnIndex });\n      onCellSelect(action, newSelection, focus);\n    },\n    [focus, onCellSelect, scrollGridTo]\n  );\n\n  const shiftColumnSelect = useCallback(\n    (action: ColumnSelectionAction) => {\n      const columnIndex = action.column;\n      const newSelection = columnSelection(\n        rangeIndices(focus.column, columnIndex),\n        columnIndex\n      );\n      onCellSelect(action, newSelection, focus);\n      scrollGridTo({ column: columnIndex });\n    },\n    [focus, onCellSelect, scrollGridTo]\n  );\n\n  const onSelection = useCallback(\n    (action: SelectionAction): void => {\n      switch (action.type) {\n        case 'all':\n          allSelect(action);\n          break;\n        case 'normal':\n          cellSelect(action);\n          break;\n        case 'shiftSelection':\n          shiftSelect(action);\n          break;\n        case 'columnSelection':\n          columnSelect(action);\n          break;\n        case 'shiftColumnSelection':\n          shiftColumnSelect(action);\n          break;\n        case 'rowSelection':\n          rowSelect(action);\n          break;\n        case 'shiftRowSelection':\n          shiftRowSelect(action);\n          break;\n        default:\n          throw new Error(`Value should not occur ${action}`);\n      }\n    },\n    [\n      allSelect,\n      cellSelect,\n      shiftSelect,\n      columnSelect,\n      shiftColumnSelect,\n      rowSelect,\n      shiftRowSelect,\n    ]\n  );\n\n  const moveSelection = useCallback(\n    (\n      columnDiff: number,\n      rowDiff: number,\n      moveAnchor: boolean,\n      event: KeyEventType\n    ): SelectionAction | null => {\n      const clamp = (n: number, low: number, high: number) => {\n        return Math.max(low, Math.min(high, n));\n      };\n\n      let action: SelectionAction | null = null;\n\n      if (moveAnchor) {\n        if (selection.type === 'rows') {\n          const row = clamp(selection.anchorRow + rowDiff, 0, rowCount + rowStart - 1);\n          action = { type: 'shiftRowSelection', row, event };\n        } else if (selection.type === 'columns') {\n          const column = clamp(selection.anchorColumn + columnDiff, 0, columnCount - 1);\n          action = { type: 'shiftColumnSelection', column, event };\n        } else if (selection.type === 'rectangle') {\n          const row = clamp(selection.anchor.row + rowDiff, 0, rowCount + rowStart - 1);\n          const column = clamp(selection.anchor.column + columnDiff, 0, columnCount - 1);\n          action = { type: 'shiftSelection', row, column, event };\n        }\n      } else {\n        const row = clamp(focus.row + rowDiff, 0, rowCount + rowStart - 1);\n        const column = clamp(focus.column + columnDiff, 0, columnCount - 1);\n        action = { type: 'normal', row, column, event };\n      }\n\n      if (action) {\n        onSelection(action);\n      }\n\n      return action;\n    },\n    [onSelection, columnCount, rowCount, selection, focus, rowStart]\n  );\n\n  const getSelectionType = useCallback(\n    (args: IsSelectedType): SelectionType => {\n      if (args.type === 'all') {\n        const isSelected = cellRectSelected(\n          selection,\n          0,\n          rowStart,\n          columnCount - 1,\n          rowCount + rowStart - 1\n        );\n        return isSelected ? 'selectDirect' : 'default';\n      }\n\n      if (args.type === 'column') {\n        if (\n          cellRectSelected(\n            selection,\n            args.column,\n            rowStart,\n            args.column,\n            rowCount + rowStart\n          )\n        ) {\n          return 'selectDirect';\n        }\n\n        return columnAnySelected(selection, args.column) ? 'selectIndirect' : 'default';\n      }\n\n      const isRowSelected = cellRectSelected(\n        selection,\n        0,\n        args.row,\n        columnCount,\n        args.row\n      );\n      const isRowAnySelected =\n        focus.row === args.row || rowAnySelected(selection, args.row);\n\n      if (args.type === 'cell' && args.column == -1) {\n        return 'default';\n      }\n\n      if (isRowSelected) {\n        return 'selectDirect';\n      }\n\n      if (!isRowAnySelected) {\n        return 'default';\n      }\n\n      if (args.type === 'cell') {\n        const { row, column } = args;\n        if (\n          row >= rowCount + rowStart ||\n          column >= columnCount ||\n          row < rowStart ||\n          column < 0\n        ) {\n          return 'default';\n        }\n\n        if (cellRectSelected(selection, column, row, column, row)) {\n          return 'selectDirect';\n        }\n      }\n\n      if (selection.type === 'columns') {\n        return 'default';\n      }\n\n      return 'selectIndirect';\n    },\n    [columnCount, focus.row, rowCount, rowStart, selection]\n  );\n\n  const mouseMoveCellSelect = useCallback(\n    (row: number, column: number) => {\n      const selectionType = selection.type;\n      const event = 'click';\n      if (row === -1 && column == -1) {\n        return;\n      }\n\n      if (selectionType === 'columns') {\n        onSelection({\n          type: 'shiftColumnSelection',\n          column,\n          event,\n        });\n        return;\n      }\n\n      if (selectionType === 'rows') {\n        onSelection({\n          type: 'shiftRowSelection',\n          row,\n          event,\n        });\n        return;\n      }\n\n      if (row === -1) {\n        let row = focus.row;\n        if (selection.type !== 'empty') {\n          const {\n            bounds: { top, bottom },\n          } = selection;\n          if (top <= row) {\n            row = top;\n          } else {\n            row = bottom;\n          }\n        }\n        onSelection({\n          type: 'shiftSelection',\n          row,\n          column,\n          event,\n        });\n        return;\n      }\n      if (column === -1) {\n        let column = focus.column;\n        if (selection.type !== 'empty') {\n          const {\n            bounds: { left, right },\n          } = selection;\n          if (left <= column) {\n            column = left;\n          } else {\n            column = right;\n          }\n        }\n        onSelection({\n          type: 'shiftSelection',\n          row,\n          column,\n          event,\n        });\n        return;\n      }\n\n      onSelection({\n        type: 'shiftSelection',\n        row,\n        column,\n        event,\n      });\n    },\n    [focus.column, focus.row, onSelection, selection]\n  );\n\n  return {\n    getSelectionType,\n    onSelection,\n    mouseMoveCellSelect,\n    moveSelection,\n  };\n};\n"],"names":["orderedRect","x1","y1","x2","y2","left","Math","min","right","max","top","bottom","cellRectSelected","selection","type","i","columns","has","rows","bounds","rowSelection","anchorRow","Set","columnSelection","anchorColumn","rectangleSelection","focusColumn","focusRow","emptySelection","anchor","column","row","rowAnySelected","columnAnySelected","rangeIndices","a","b","low","high","indices","push","useSelectionActions","onCellSelect","focus","columnCount","rowCount","onFocusChange","scrollGridTo","rowStart","allSelect","useCallback","action","newSelection","cellSelect","shiftSelect","rowIndex","columnIndex","rowSelect","shiftRowSelect","columnSelect","shiftColumnSelect","onSelection","Error","moveSelection","columnDiff","rowDiff","moveAnchor","event","clamp","n","getSelectionType","args","isSelected","isRowSelected","isRowAnySelected","mouseMoveCellSelect","selectionType"],"mappings":"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"}

package/dist/esm/components/GridContainer/index.js

@@ -0,0 +1,100 @@
+import { jsx } from 'react/jsx-runtime';
+import { styled } from 'styled-components';
+import { forwardRef } from 'react';
+
+const _GridContainer = ({
+  alignItems = "stretch",
+  alignContent = "stretch",
+  children,
+  columnGap,
+  gap,
+  gridAutoColumns,
+  gridAutoFlow,
+  gridAutoRows,
+  gridTemplateAreas,
+  gridTemplateColumns,
+  gridTemplateRows,
+  gridTemplate,
+  inline = false,
+  isResponsive = true,
+  justifyContent = "stretch",
+  justifyItems = "stretch",
+  rowGap,
+  height,
+  maxHeight,
+  minHeight,
+  fillWidth = true,
+  maxWidth,
+  minWidth,
+  overflow,
+  component,
+  ...props
+}, ref) => {
+  return /* @__PURE__ */ jsx(Wrapper, { as: component ?? "div", $alignItems: alignItems, $alignContent: alignContent, $columnGap: columnGap, $gap: gap, $gridAutoColumns: gridAutoColumns, $gridAutoFlow: gridAutoFlow, $gridAutoRows: gridAutoRows, $gridTemplateAreas: gridTemplateAreas, $gridTemplateColumns: gridTemplateColumns, $gridTemplateRows: gridTemplateRows, $gridTemplate: gridTemplate, $inline: inline, $isResponsive: isResponsive, $justifyContent: justifyContent, $justifyItems: justifyItems, $rowGap: rowGap, $height: height, $maxHeight: maxHeight, $minHeight: minHeight, $fillWidth: fillWidth, $maxWidth: maxWidth, $minWidth: minWidth, $overflow: overflow, "data-testid": "grid-container", ref, ...props, children });
+};
+const Wrapper = styled.div.withConfig({
+  componentId: "sc-fnour-0"
+})(["align-items:", ";align-content:", ";display:", ";", ";", ";", ";", ";", ";", ";", ";justify-content:", ";justify-items:", ";", " ", " ", " ", " @media (max-width:", "){grid-template-columns:", ";}"], ({
+  $alignItems = "stretch"
+}) => $alignItems, ({
+  $alignContent = "stretch"
+}) => $alignContent, ({
+  $inline
+}) => $inline === true ? "inline-grid" : "grid", ({
+  $gridAutoColumns
+}) => $gridAutoColumns && `grid-auto-columns: ${$gridAutoColumns}`, ({
+  $gridAutoFlow
+}) => $gridAutoFlow && `grid-auto-flow: ${$gridAutoFlow}`, ({
+  $gridAutoRows
+}) => $gridAutoRows && `grid-auto-rows: ${$gridAutoRows}`, ({
+  $gridTemplateAreas
+}) => $gridTemplateAreas && `grid-template-area: ${$gridTemplateAreas}`, ({
+  $gridTemplateColumns
+}) => $gridTemplateColumns && `grid-template-columns: ${$gridTemplateColumns}`, ({
+  $gridTemplateRows
+}) => $gridTemplateRows && `grid-template-rows: ${$gridTemplateRows}`, ({
+  $gridTemplate
+}) => $gridTemplate && `grid-template:  ${$gridTemplate}`, ({
+  $justifyContent = "stretch"
+}) => $justifyContent, ({
+  $justifyItems = "stretch"
+}) => $justifyItems, ({
+  theme,
+  $gap,
+  $columnGap,
+  $rowGap
+}) => `
+    gap: ${$gap ? theme.click.gridContainer.gap[$gap] : "inherit"};
+    ${$columnGap && `column-gap: ${theme.click.gridContainer.gap[$columnGap]}`};
+    ${$rowGap && `row-gap: ${theme.click.gridContainer.gap[$rowGap]}`};
+  `, ({
+  $fillWidth,
+  $maxWidth,
+  $minWidth
+}) => `
+    width: ${$fillWidth ? "100%" : "auto"};
+    ${typeof $maxWidth === "string" && `max-width: ${$maxWidth}`};
+    ${typeof $minWidth === "string" && `min-width: ${$minWidth}`};
+  `, ({
+  $height,
+  $maxHeight,
+  $minHeight
+}) => `
+    ${typeof $height === "string" && `height: ${$height}`};
+    ${typeof $maxHeight === "string" && `max-height: ${$maxHeight}`};
+    ${typeof $minHeight === "string" && `min-height: ${$minHeight}`};
+  `, ({
+  $overflow
+}) => `
+    ${typeof $overflow === "string" && `overflow: ${$overflow}`};
+  `, ({
+  theme
+}) => theme.breakpoint.sizes.md, ({
+  $isResponsive = true
+}) => $isResponsive === true ? "1fr" : ({
+  $gridTemplateColumns
+}) => $gridTemplateColumns || "auto");
+const GridContainer = forwardRef(_GridContainer);
+
+export { GridContainer };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/GridContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/GridContainer/GridContainer.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport {\n  ComponentProps,\n  ComponentPropsWithRef,\n  ElementType,\n  forwardRef,\n  ReactNode,\n} from 'react';\n\nexport type FlowOptions = 'row' | 'column' | 'row-dense' | 'column-dense';\ntype GapOptions = 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'unset';\ntype ItemsOptions = 'start' | 'center' | 'end' | 'stretch';\ntype ContentOptions =\n  | 'center'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly'\n  | 'start'\n  | 'stretch'\n  | 'end'\n  | 'left'\n  | 'right';\n\nexport interface GridContainerProps<T extends ElementType = 'div'> {\n  /** Custom component to render as */\n  component?: T;\n  /** Alignment of items along the block axis */\n  alignItems?: ItemsOptions;\n  /** Alignment of content along the block axis */\n  alignContent?: ContentOptions;\n  /** The content to display inside the grid container */\n  children?: React.ReactNode;\n  /** Gap between columns */\n  columnGap?: GapOptions;\n  /** Gap between rows and columns */\n  gap?: GapOptions;\n  /** Size of implicitly-created grid columns */\n  gridAutoColumns?: string;\n  /** How auto-placed items flow into the grid */\n  gridAutoFlow?: FlowOptions;\n  /** Size of implicitly-created grid rows */\n  gridAutoRows?: string;\n  /** Named grid areas */\n  gridTemplateAreas?: string;\n  /** Column track sizes */\n  gridTemplateColumns?: string;\n  /** Row track sizes */\n  gridTemplateRows?: string;\n  /** Shorthand for grid-template-rows, grid-template-columns, and grid-template-areas */\n  gridTemplate?: string;\n  /** Whether to use inline-grid instead of grid */\n  inline?: boolean;\n  /** Whether to collapse to single column on smaller screens */\n  isResponsive?: boolean;\n  /** Alignment of content along the inline axis */\n  justifyContent?: ContentOptions;\n  /** Alignment of items along the inline axis */\n  justifyItems?: ItemsOptions;\n  /** Gap between rows */\n  rowGap?: GapOptions;\n  /** Height of the container */\n  height?: string;\n  /** Maximum height of the container */\n  maxHeight?: string;\n  /** Minimum height of the container */\n  minHeight?: string;\n  /** Whether the container should fill the full width of its parent */\n  fillWidth?: boolean;\n  /** Maximum width of the container */\n  maxWidth?: string;\n  /** Minimum width of the container */\n  minWidth?: string;\n  /** CSS overflow behavior */\n  overflow?: string;\n}\n\ntype GridContainerPolymorphicComponent = <T extends ElementType = 'div'>(\n  props: Omit<ComponentProps<T>, keyof T> & GridContainerProps<T>\n) => ReactNode;\n\nconst _GridContainer = <T extends ElementType = 'div'>(\n  {\n    alignItems = 'stretch',\n    alignContent = 'stretch',\n    children,\n    columnGap,\n    gap,\n    gridAutoColumns,\n    gridAutoFlow,\n    gridAutoRows,\n    gridTemplateAreas,\n    gridTemplateColumns,\n    gridTemplateRows,\n    gridTemplate,\n    inline = false,\n    isResponsive = true,\n    justifyContent = 'stretch',\n    justifyItems = 'stretch',\n    rowGap,\n    height,\n    maxHeight,\n    minHeight,\n    fillWidth = true,\n    maxWidth,\n    minWidth,\n    overflow,\n    component,\n    ...props\n  }: Omit<ComponentProps<T>, keyof T> & GridContainerProps<T>,\n  ref: ComponentPropsWithRef<T>['ref']\n) => {\n  return (\n    <Wrapper\n      as={component ?? 'div'}\n      $alignItems={alignItems}\n      $alignContent={alignContent}\n      $columnGap={columnGap}\n      $gap={gap}\n      $gridAutoColumns={gridAutoColumns}\n      $gridAutoFlow={gridAutoFlow}\n      $gridAutoRows={gridAutoRows}\n      $gridTemplateAreas={gridTemplateAreas}\n      $gridTemplateColumns={gridTemplateColumns}\n      $gridTemplateRows={gridTemplateRows}\n      $gridTemplate={gridTemplate}\n      $inline={inline}\n      $isResponsive={isResponsive}\n      $justifyContent={justifyContent}\n      $justifyItems={justifyItems}\n      $rowGap={rowGap}\n      $height={height}\n      $maxHeight={maxHeight}\n      $minHeight={minHeight}\n      $fillWidth={fillWidth}\n      $maxWidth={maxWidth}\n      $minWidth={minWidth}\n      $overflow={overflow}\n      data-testid=\"grid-container\"\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Wrapper>\n  );\n};\n\nconst Wrapper = styled.div<{\n  $alignContent: ContentOptions;\n  $alignItems: ItemsOptions;\n  $columnGap?: GapOptions;\n  $gap?: GapOptions;\n  $gridAutoColumns?: string;\n  $gridAutoFlow?: FlowOptions;\n  $gridAutoRows?: string;\n  $gridTemplateAreas?: string;\n  $gridTemplateColumns?: string;\n  $gridTemplateRows?: string;\n  $gridTemplate?: string;\n  $inline: boolean;\n  $isResponsive: boolean;\n  $justifyContent: ContentOptions;\n  $justifyItems: ItemsOptions;\n  $rowGap?: GapOptions;\n  $height?: string;\n  $maxHeight?: string;\n  $minHeight?: string;\n  $fillWidth: boolean;\n  $maxWidth?: string;\n  $minWidth?: string;\n  $overflow?: string;\n}>`\n  align-items: ${({ $alignItems = 'stretch' }) => $alignItems};\n  align-content: ${({ $alignContent = 'stretch' }) => $alignContent};\n  display: ${({ $inline }) => ($inline === true ? 'inline-grid' : 'grid')};\n  ${({ $gridAutoColumns }) =>\n    $gridAutoColumns && `grid-auto-columns: ${$gridAutoColumns}`};\n  ${({ $gridAutoFlow }) => $gridAutoFlow && `grid-auto-flow: ${$gridAutoFlow}`};\n  ${({ $gridAutoRows }) => $gridAutoRows && `grid-auto-rows: ${$gridAutoRows}`};\n  ${({ $gridTemplateAreas }) =>\n    $gridTemplateAreas && `grid-template-area: ${$gridTemplateAreas}`};\n  ${({ $gridTemplateColumns }) =>\n    $gridTemplateColumns && `grid-template-columns: ${$gridTemplateColumns}`};\n  ${({ $gridTemplateRows }) =>\n    $gridTemplateRows && `grid-template-rows: ${$gridTemplateRows}`};\n  ${({ $gridTemplate }) => $gridTemplate && `grid-template:  ${$gridTemplate}`};\n  justify-content: ${({ $justifyContent = 'stretch' }) => $justifyContent};\n  justify-items: ${({ $justifyItems = 'stretch' }) => $justifyItems};\n  ${({ theme, $gap, $columnGap, $rowGap }) => `\n    gap: ${$gap ? theme.click.gridContainer.gap[$gap] : 'inherit'};\n    ${$columnGap && `column-gap: ${theme.click.gridContainer.gap[$columnGap]}`};\n    ${$rowGap && `row-gap: ${theme.click.gridContainer.gap[$rowGap]}`};\n  `}\n\n  ${({ $fillWidth, $maxWidth, $minWidth }) => `\n    width: ${$fillWidth ? '100%' : 'auto'};\n    ${typeof $maxWidth === 'string' && `max-width: ${$maxWidth}`};\n    ${typeof $minWidth === 'string' && `min-width: ${$minWidth}`};\n  `}\n  ${({ $height, $maxHeight, $minHeight }) => `\n    ${typeof $height === 'string' && `height: ${$height}`};\n    ${typeof $maxHeight === 'string' && `max-height: ${$maxHeight}`};\n    ${typeof $minHeight === 'string' && `min-height: ${$minHeight}`};\n  `}\n  ${({ $overflow }) => `\n    ${typeof $overflow === 'string' && `overflow: ${$overflow}`};\n  `}\n\n  @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n    grid-template-columns: ${({ $isResponsive = true }) =>\n      $isResponsive === true\n        ? '1fr'\n        : ({ $gridTemplateColumns }) => $gridTemplateColumns || 'auto'};\n  }\n`;\n\nexport const GridContainer: GridContainerPolymorphicComponent =\n  forwardRef(_GridContainer);\n"],"names":["_GridContainer","alignItems","alignContent","children","columnGap","gap","gridAutoColumns","gridAutoFlow","gridAutoRows","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","gridTemplate","inline","isResponsive","justifyContent","justifyItems","rowGap","height","maxHeight","minHeight","fillWidth","maxWidth","minWidth","overflow","component","props","ref","Wrapper","styled","div","withConfig","componentId","$alignItems","$alignContent","$inline","$gridAutoColumns","$gridAutoFlow","$gridAutoRows","$gridTemplateAreas","$gridTemplateColumns","$gridTemplateRows","$gridTemplate","$justifyContent","$justifyItems","theme","$gap","$columnGap","$rowGap","click","gridContainer","$fillWidth","$maxWidth","$minWidth","$height","$maxHeight","$minHeight","$overflow","breakpoint","sizes","md","$isResponsive","GridContainer","forwardRef"],"mappings":"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"}

package/dist/esm/components/HoverCard/index.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as RadixHoverCard from '@radix-ui/react-hover-card';
+import { GenericPopoverMenuPanel, Arrow } from '../GenericMenu/index.js';
+import { styled } from 'styled-components';
+import Popover_Arrow from '../Assets/Icons/Popover-Arrow.js';
+
+const HoverCard = ({
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(RadixHoverCard.Root, { ...props, children });
+};
+const Trigger = styled(RadixHoverCard.Trigger).withConfig({
+  componentId: "sc-1ujaek3-0"
+})(["width:fit-content;"]);
+const HoverCardTrigger = ({
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(Trigger, { ...props, children });
+};
+HoverCardTrigger.displayName = "HoverCardTrigger";
+HoverCard.Trigger = HoverCardTrigger;
+const HoverCardContent = ({
+  children,
+  showArrow,
+  forceMount,
+  container,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(RadixHoverCard.Portal, { forceMount, container, children: /* @__PURE__ */ jsxs(GenericPopoverMenuPanel, { as: RadixHoverCard.Content, $type: "hover-card", $showArrow: showArrow, ...props, children: [
+    showArrow && /* @__PURE__ */ jsx(Arrow, { asChild: true, as: RadixHoverCard.Arrow, width: 15, height: 10, children: /* @__PURE__ */ jsx(Popover_Arrow, {}) }),
+    children
+  ] }) });
+};
+HoverCardContent.displayName = "HoverCardContent";
+HoverCard.Content = HoverCardContent;
+
+export { HoverCard };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/HoverCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import * as RadixHoverCard from '@radix-ui/react-hover-card';\nimport { ReactNode } from 'react';\nimport { Arrow, GenericPopoverMenuPanel } from '@/components/GenericMenu';\nimport { styled } from 'styled-components';\nimport Popover_Arrow from '@/components/Assets/Icons/Popover-Arrow';\n\nexport interface HoverCardContentProps extends RadixHoverCard.HoverCardContentProps {\n  showArrow?: boolean;\n  forceMount?: true;\n  container?: HTMLElement | null;\n  children: ReactNode;\n}\n\nexport const HoverCard = ({ children, ...props }: RadixHoverCard.HoverCardProps) => {\n  return <RadixHoverCard.Root {...props}>{children}</RadixHoverCard.Root>;\n};\n\nconst Trigger = styled(RadixHoverCard.Trigger)`\n  width: fit-content;\n`;\n\nconst HoverCardTrigger = ({\n  children,\n  ...props\n}: RadixHoverCard.HoverCardTriggerProps) => {\n  return <Trigger {...props}>{children}</Trigger>;\n};\nHoverCardTrigger.displayName = 'HoverCardTrigger';\nHoverCard.Trigger = HoverCardTrigger;\n\nconst HoverCardContent = ({\n  children,\n  showArrow,\n  forceMount,\n  container,\n  ...props\n}: HoverCardContentProps) => {\n  return (\n    <RadixHoverCard.Portal\n      forceMount={forceMount}\n      container={container}\n    >\n      <GenericPopoverMenuPanel\n        as={RadixHoverCard.Content}\n        $type=\"hover-card\"\n        $showArrow={showArrow}\n        {...props}\n      >\n        {showArrow && (\n          <Arrow\n            asChild\n            as={RadixHoverCard.Arrow}\n            width={15}\n            height={10}\n          >\n            <Popover_Arrow />\n          </Arrow>\n        )}\n        {children}\n      </GenericPopoverMenuPanel>\n    </RadixHoverCard.Portal>\n  );\n};\nHoverCardContent.displayName = 'HoverCardContent';\nHoverCard.Content = HoverCardContent;\n"],"names":["HoverCard","children","props","Trigger","styled","RadixHoverCard","withConfig","componentId","HoverCardTrigger","displayName","HoverCardContent","showArrow","forceMount","container","Content","Arrow"],"mappings":";;;;;;AAaO,MAAMA,YAAYA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAU,GAAGC;AAAqC,CAAA,KAAM;AAClF,EAAA,2BAAQ,cAAA,CAAe,IAAA,EAAf,KAAwBA,OAAQD,QAAAA,EAAS,CAAA;AACnD;AAEA,MAAME,OAAAA,GAAUC,MAAAA,CAAOC,cAAAA,CAAeF,OAAO,EAACG,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA;AAI9C,MAAMC,mBAAmBA,CAAC;AAAA,EACxBP,QAAAA;AAAAA,EACA,GAAGC;AACiC,CAAA,KAAM;AAC1C,EAAA,uBAAO,GAAA,CAAC,OAAA,EAAA,EAAQ,GAAIA,KAAAA,EAAQD,QAAAA,EAAS,CAAA;AACvC,CAAA;AACAO,gBAAAA,CAAiBC,WAAAA,GAAc,kBAAA;AAC/BT,SAAAA,CAAUG,OAAAA,GAAUK,gBAAAA;AAEpB,MAAME,mBAAmBA,CAAC;AAAA,EACxBT,QAAAA;AAAAA,EACAU,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACA,GAAGX;AACkB,CAAA,KAAM;AAC3B,EAAA,2BACG,cAAA,CAAe,MAAA,EAAf,EACC,UAAA,EACA,WAEA,QAAA,kBAAA,IAAA,CAAC,uBAAA,EAAA,EACC,EAAA,EAAIG,cAAAA,CAAeS,SACnB,KAAA,EAAM,YAAA,EACN,UAAA,EAAYH,SAAAA,EACZ,GAAIT,KAAAA,EAEHS,QAAAA,EAAAA;AAAAA,IAAAA,SAAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EACC,OAAA,EAAO,IAAA,EACP,EAAA,EAAIN,cAAAA,CAAeU,KAAAA,EACnB,KAAA,EAAO,EAAA,EACP,MAAA,EAAQ,EAAA,EAER,QAAA,kBAAA,GAAA,CAAC,iBAAa,CAAA,EAChB,CAAA;AAAA,IAEDd;AAAAA,GAAAA,EACH,CAAA,EACF,CAAA;AAEJ,CAAA;AACAS,gBAAAA,CAAiBD,WAAAA,GAAc,kBAAA;AAC/BT,SAAAA,CAAUc,OAAAA,GAAUJ,gBAAAA;;;;"}

package/dist/esm/components/Icon/IconCommon.js

@@ -0,0 +1,6 @@
+import IconsLight from '../Assets/Icons/system/IconsLight.js';
+
+const ICONS_MAP = IconsLight;
+
+export { ICONS_MAP };
+//# sourceMappingURL=IconCommon.js.map

package/dist/esm/components/Icon/IconCommon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconCommon.js","sources":["../../../../src/components/Icon/IconCommon.tsx"],"sourcesContent":["import IconsLight from '@/components/Assets/Icons/system/IconsLight';\n\nexport const ICON_NAMES = Object.keys(IconsLight) as (keyof typeof IconsLight)[];\n\nexport const ICONS_MAP = IconsLight;\n"],"names":["ICONS_MAP","IconsLight"],"mappings":";;AAIO,MAAMA,SAAAA,GAAYC;;;;"}

package/dist/esm/components/Icon/SvgImageElement.js

@@ -0,0 +1,16 @@
+import { styled } from 'styled-components';
+
+const SvgImageElement = styled.svg.withConfig({
+  componentId: "sc-ddlgro-0"
+})(["display:flex;align-items:center;", ""], ({
+  theme,
+  $size
+}) => `
+      ${$size ? `
+        width: ${theme.click.image[$size].size.width};
+        height: ${theme.click.image[$size].size.height};
+      ` : ""}
+  `);
+
+export { SvgImageElement };
+//# sourceMappingURL=SvgImageElement.js.map

package/dist/esm/components/Icon/SvgImageElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgImageElement.js","sources":["../../../../src/components/Icon/SvgImageElement.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport type { AssetSize } from '@/types';\n\nexport const SvgImageElement = styled.svg<{\n  $size?: AssetSize;\n}>`\n  display: flex;\n  align-items: center;\n\n  ${({ theme, $size }) => `\n      ${\n        $size\n          ? `\n        width: ${theme.click.image[$size].size.width};\n        height: ${theme.click.image[$size].size.height};\n      `\n          : ''\n      }\n  `}\n`;\n"],"names":["SvgImageElement","styled","svg","withConfig","componentId","theme","$size","click","image","size","width","height"],"mappings":";;AAGO,MAAMA,eAAAA,GAAkBC,MAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,kCAAA,EAAA,EAAA,GAMrC,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAOC;AAAM,CAAA,KAAM;AAAA,MAAA,EAElBA,KAAAA,GACI;AAAA,eAAA,EACKD,MAAME,KAAAA,CAAMC,KAAAA,CAAMF,KAAK,CAAA,CAAEG,KAAKC,KAAK,CAAA;AAAA,gBAAA,EAClCL,MAAME,KAAAA,CAAMC,KAAAA,CAAMF,KAAK,CAAA,CAAEG,KAAKE,MAAM,CAAA;AAAA,MAAA,CAAA,GAE1C,EAAE;AAAA,EAAA,CAEX;;;;"}