handsontable 16.2.0 → 17.0.0-rc1

package/themes/static/variables/colors/classic.d.ts

@@ -0,0 +1,4 @@
+import { ThemeColorsConfig } from 'handsontable/themes';
+
+declare const colors: ThemeColorsConfig;
+export default colors;

package/themes/static/variables/colors/classic.js

@@ -0,0 +1,32 @@
+"use strict";
+
+exports.__esModule = true;
+/*
+ * This file is auto-generated. Do not edit directly.
+ */
+var _default = exports.default = {
+  primary: {
+    100: '#7aadffff',
+    200: '#6a9bffff',
+    300: '#6985b9ff',
+    400: '#8eb0e7ff',
+    500: '#5292f7ff',
+    600: '#3e7ee3ff'
+  },
+  palette: {
+    50: '#f0f0f0ff',
+    100: '#dcdcdcff',
+    200: '#ccccccff',
+    300: '#c6c6c6ff',
+    400: '#999999ff',
+    500: '#777777ff',
+    600: '#5c5c5cff',
+    700: '#404040ff',
+    800: '#313131ff',
+    900: '#222222ff',
+    950: '#0f0f10ff'
+  },
+  white: '#ffffffff',
+  black: '#000000ff',
+  transparent: '#ffffff00'
+};

package/themes/static/variables/colors/classic.mjs

@@ -0,0 +1,30 @@
+/*
+ * This file is auto-generated. Do not edit directly.
+ */
+
+export default {
+  primary: {
+    100: '#7aadffff',
+    200: '#6a9bffff',
+    300: '#6985b9ff',
+    400: '#8eb0e7ff',
+    500: '#5292f7ff',
+    600: '#3e7ee3ff'
+  },
+  palette: {
+    50: '#f0f0f0ff',
+    100: '#dcdcdcff',
+    200: '#ccccccff',
+    300: '#c6c6c6ff',
+    400: '#999999ff',
+    500: '#777777ff',
+    600: '#5c5c5cff',
+    700: '#404040ff',
+    800: '#313131ff',
+    900: '#222222ff',
+    950: '#0f0f10ff'
+  },
+  white: '#ffffffff',
+  black: '#000000ff',
+  transparent: '#ffffff00'
+};

package/themes/static/variables/colors/horizon.d.ts

@@ -0,0 +1,4 @@
+import { ThemeColorsConfig } from 'handsontable/themes';
+
+declare const colors: ThemeColorsConfig;
+export default colors;

package/themes/static/variables/colors/horizon.js

@@ -0,0 +1,32 @@
+"use strict";
+
+exports.__esModule = true;
+/*
+ * This file is auto-generated. Do not edit directly.
+ */
+var _default = exports.default = {
+  primary: {
+    100: '#f2c051ff',
+    200: '#f1b93eff',
+    300: '#d7a52aff',
+    400: '#57c784ff',
+    500: '#37bc6cff',
+    600: '#32a961ff'
+  },
+  palette: {
+    50: '#f7f7f9ff',
+    100: '#e7e7e9ff',
+    200: '#d1d1d4ff',
+    300: '#b5b5b9ff',
+    400: '#aeaeaeff',
+    500: '#727272ff',
+    600: '#353535ff',
+    700: '#262624ff',
+    800: '#222222ff',
+    900: '#19191cff',
+    950: '#070604ff'
+  },
+  white: '#ffffffff',
+  black: '#000000ff',
+  transparent: '#ffffff00'
+};

package/themes/static/variables/colors/horizon.mjs

@@ -0,0 +1,30 @@
+/*
+ * This file is auto-generated. Do not edit directly.
+ */
+
+export default {
+  primary: {
+    100: '#f2c051ff',
+    200: '#f1b93eff',
+    300: '#d7a52aff',
+    400: '#57c784ff',
+    500: '#37bc6cff',
+    600: '#32a961ff'
+  },
+  palette: {
+    50: '#f7f7f9ff',
+    100: '#e7e7e9ff',
+    200: '#d1d1d4ff',
+    300: '#b5b5b9ff',
+    400: '#aeaeaeff',
+    500: '#727272ff',
+    600: '#353535ff',
+    700: '#262624ff',
+    800: '#222222ff',
+    900: '#19191cff',
+    950: '#070604ff'
+  },
+  white: '#ffffffff',
+  black: '#000000ff',
+  transparent: '#ffffff00'
+};

package/themes/static/variables/colors/main.d.ts

@@ -0,0 +1,4 @@
+import { ThemeColorsConfig } from 'handsontable/themes';
+
+declare const colors: ThemeColorsConfig;
+export default colors;

package/themes/static/variables/colors/main.js

@@ -0,0 +1,32 @@
+"use strict";
+
+exports.__esModule = true;
+/*
+ * This file is auto-generated. Do not edit directly.
+ */
+var _default = exports.default = {
+  white: '#ffffffff',
+  black: '#000000ff',
+  primary: {
+    100: '#6180ffff',
+    200: '#5573f0ff',
+    300: '#4669f6ff',
+    400: '#2e56fcff',
+    500: '#1a42e8ff',
+    600: '#1535bcff'
+  },
+  palette: {
+    50: '#f7f7f9ff',
+    100: '#e7e7e9ff',
+    200: '#b9b9bbff',
+    300: '#a3a3a3ff',
+    400: '#68696cff',
+    500: '#404144ff',
+    600: '#313132ff',
+    700: '#282829ff',
+    800: '#222222ff',
+    900: '#1e1e1fff',
+    950: '#050506ff'
+  },
+  transparent: '#ffffff00'
+};

package/themes/static/variables/colors/main.mjs

@@ -0,0 +1,30 @@
+/*
+ * This file is auto-generated. Do not edit directly.
+ */
+
+export default {
+  white: '#ffffffff',
+  black: '#000000ff',
+  primary: {
+    100: '#6180ffff',
+    200: '#5573f0ff',
+    300: '#4669f6ff',
+    400: '#2e56fcff',
+    500: '#1a42e8ff',
+    600: '#1535bcff'
+  },
+  palette: {
+    50: '#f7f7f9ff',
+    100: '#e7e7e9ff',
+    200: '#b9b9bbff',
+    300: '#a3a3a3ff',
+    400: '#68696cff',
+    500: '#404144ff',
+    600: '#313132ff',
+    700: '#282829ff',
+    800: '#222222ff',
+    900: '#1e1e1fff',
+    950: '#050506ff'
+  },
+  transparent: '#ffffff00'
+};

package/themes/static/variables/colors/material.d.ts

@@ -0,0 +1,4 @@
+import { ThemeColorsConfig } from 'handsontable/themes';
+
+declare const colors: ThemeColorsConfig;
+export default colors;

package/themes/static/variables/colors/material.js

@@ -0,0 +1,32 @@
+"use strict";
+
+exports.__esModule = true;
+/*
+ * This file is auto-generated. Do not edit directly.
+ */
+var _default = exports.default = {
+  palette: {
+    50: '#fafafaff',
+    100: '#f5f5f5ff',
+    200: '#eeeeeeff',
+    300: '#e0e0e0ff',
+    400: '#bdbdbdff',
+    500: '#9e9e9eff',
+    600: '#757575ff',
+    700: '#616161ff',
+    800: '#424242ff',
+    900: '#212121ff',
+    950: '#000000ff'
+  },
+  primary: {
+    100: '#6d65feff',
+    200: '#6d65feff',
+    300: '#6d65feff',
+    400: '#6444d5ff',
+    500: '#6444d5ff',
+    600: '#6444d5ff'
+  },
+  white: '#ffffffff',
+  black: '#000000ff',
+  transparent: '#ffffff00'
+};

package/themes/static/variables/colors/material.mjs

@@ -0,0 +1,30 @@
+/*
+ * This file is auto-generated. Do not edit directly.
+ */
+
+export default {
+  palette: {
+    50: '#fafafaff',
+    100: '#f5f5f5ff',
+    200: '#eeeeeeff',
+    300: '#e0e0e0ff',
+    400: '#bdbdbdff',
+    500: '#9e9e9eff',
+    600: '#757575ff',
+    700: '#616161ff',
+    800: '#424242ff',
+    900: '#212121ff',
+    950: '#000000ff'
+  },
+  primary: {
+    100: '#6d65feff',
+    200: '#6d65feff',
+    300: '#6d65feff',
+    400: '#6444d5ff',
+    500: '#6444d5ff',
+    600: '#6444d5ff'
+  },
+  white: '#ffffffff',
+  black: '#000000ff',
+  transparent: '#ffffff00'
+};

package/themes/static/variables/colors/shadcn.d.ts

@@ -0,0 +1,4 @@
+import { ThemeColorsConfig } from 'handsontable/themes';
+
+declare const colors: ThemeColorsConfig;
+export default colors;

package/themes/static/variables/colors/shadcn.js

@@ -0,0 +1,32 @@
+"use strict";
+
+exports.__esModule = true;
+/*
+ * This file is auto-generated. Do not edit directly.
+ */
+var _default = exports.default = {
+  palette: {
+    50: '#fafafaff',
+    100: '#f5f5f5ff',
+    200: '#e5e5e5ff',
+    300: '#d4d4d8ff',
+    400: '#a3a3a3ff',
+    500: '#737373ff',
+    600: '#525252ff',
+    700: '#404040ff',
+    800: '#262626ff',
+    900: '#171717ff',
+    950: '#0a0a0aff'
+  },
+  primary: {
+    100: '#e5e5e5ff',
+    200: '#e5e5e5ff',
+    300: '#e5e5e5ff',
+    400: '#171717ff',
+    500: '#171717ff',
+    600: '#171717ff'
+  },
+  white: '#ffffffff',
+  black: '#000000ff',
+  transparent: '#ffffff00'
+};

package/themes/static/variables/colors/shadcn.mjs

@@ -0,0 +1,30 @@
+/*
+ * This file is auto-generated. Do not edit directly.
+ */
+
+export default {
+  palette: {
+    50: '#fafafaff',
+    100: '#f5f5f5ff',
+    200: '#e5e5e5ff',
+    300: '#d4d4d8ff',
+    400: '#a3a3a3ff',
+    500: '#737373ff',
+    600: '#525252ff',
+    700: '#404040ff',
+    800: '#262626ff',
+    900: '#171717ff',
+    950: '#0a0a0aff'
+  },
+  primary: {
+    100: '#e5e5e5ff',
+    200: '#e5e5e5ff',
+    300: '#e5e5e5ff',
+    400: '#171717ff',
+    500: '#171717ff',
+    600: '#171717ff'
+  },
+  white: '#ffffffff',
+  black: '#000000ff',
+  transparent: '#ffffff00'
+};

package/themes/static/variables/density.d.ts

@@ -0,0 +1,4 @@
+import { ThemeDensitySizes } from 'handsontable/themes';
+
+declare const density: ThemeDensitySizes;
+export default density;

package/themes/static/variables/density.js

@@ -0,0 +1,59 @@
+"use strict";
+
+exports.__esModule = true;
+/*
+ * This file is auto-generated. Do not edit directly.
+ */
+var _default = exports.default = {
+  default: {
+    cellVertical: 'sizing.size_1',
+    cellHorizontal: 'sizing.size_2',
+    barsHorizontal: 'sizing.size_4',
+    barsVertical: 'sizing.size_2',
+    gap: 'sizing.size_1',
+    buttonHorizontal: 'sizing.size_3',
+    buttonVertical: 'sizing.size_1_5',
+    dialogHorizontal: 'sizing.size_2',
+    dialogVertical: 'sizing.size_2',
+    inputHorizontal: 'sizing.size_3',
+    inputVertical: 'sizing.size_1_5',
+    menuVertical: 'sizing.size_2',
+    menuHorizontal: 'sizing.size_0',
+    menuItemVertical: 'sizing.size_1',
+    menuItemHorizontal: 'sizing.size_3'
+  },
+  compact: {
+    cellVertical: 'sizing.size_0_5',
+    cellHorizontal: 'sizing.size_1_5',
+    barsHorizontal: 'sizing.size_2',
+    barsVertical: 'sizing.size_1',
+    gap: 'sizing.size_0_5',
+    buttonHorizontal: 'sizing.size_2',
+    buttonVertical: 'sizing.size_0_5',
+    dialogHorizontal: 'sizing.size_1_5',
+    dialogVertical: 'sizing.size_1_5',
+    inputHorizontal: 'sizing.size_2',
+    inputVertical: 'sizing.size_0_5',
+    menuVertical: 'sizing.size_2',
+    menuHorizontal: 'sizing.size_0',
+    menuItemVertical: 'sizing.size_0_5',
+    menuItemHorizontal: 'sizing.size_2'
+  },
+  comfortable: {
+    cellVertical: 'sizing.size_2',
+    cellHorizontal: 'sizing.size_3',
+    barsHorizontal: 'sizing.size_4',
+    barsVertical: 'sizing.size_2',
+    gap: 'sizing.size_1_5',
+    buttonHorizontal: 'sizing.size_4',
+    buttonVertical: 'sizing.size_2',
+    dialogHorizontal: 'sizing.size_3',
+    dialogVertical: 'sizing.size_3',
+    inputHorizontal: 'sizing.size_4',
+    inputVertical: 'sizing.size_2',
+    menuVertical: 'sizing.size_3',
+    menuHorizontal: 'sizing.size_0',
+    menuItemVertical: 'sizing.size_2',
+    menuItemHorizontal: 'sizing.size_2'
+  }
+};

package/themes/static/variables/density.mjs

@@ -0,0 +1,57 @@
+/*
+ * This file is auto-generated. Do not edit directly.
+ */
+
+export default {
+  default: {
+    cellVertical: 'sizing.size_1',
+    cellHorizontal: 'sizing.size_2',
+    barsHorizontal: 'sizing.size_4',
+    barsVertical: 'sizing.size_2',
+    gap: 'sizing.size_1',
+    buttonHorizontal: 'sizing.size_3',
+    buttonVertical: 'sizing.size_1_5',
+    dialogHorizontal: 'sizing.size_2',
+    dialogVertical: 'sizing.size_2',
+    inputHorizontal: 'sizing.size_3',
+    inputVertical: 'sizing.size_1_5',
+    menuVertical: 'sizing.size_2',
+    menuHorizontal: 'sizing.size_0',
+    menuItemVertical: 'sizing.size_1',
+    menuItemHorizontal: 'sizing.size_3'
+  },
+  compact: {
+    cellVertical: 'sizing.size_0_5',
+    cellHorizontal: 'sizing.size_1_5',
+    barsHorizontal: 'sizing.size_2',
+    barsVertical: 'sizing.size_1',
+    gap: 'sizing.size_0_5',
+    buttonHorizontal: 'sizing.size_2',
+    buttonVertical: 'sizing.size_0_5',
+    dialogHorizontal: 'sizing.size_1_5',
+    dialogVertical: 'sizing.size_1_5',
+    inputHorizontal: 'sizing.size_2',
+    inputVertical: 'sizing.size_0_5',
+    menuVertical: 'sizing.size_2',
+    menuHorizontal: 'sizing.size_0',
+    menuItemVertical: 'sizing.size_0_5',
+    menuItemHorizontal: 'sizing.size_2'
+  },
+  comfortable: {
+    cellVertical: 'sizing.size_2',
+    cellHorizontal: 'sizing.size_3',
+    barsHorizontal: 'sizing.size_4',
+    barsVertical: 'sizing.size_2',
+    gap: 'sizing.size_1_5',
+    buttonHorizontal: 'sizing.size_4',
+    buttonVertical: 'sizing.size_2',
+    dialogHorizontal: 'sizing.size_3',
+    dialogVertical: 'sizing.size_3',
+    inputHorizontal: 'sizing.size_4',
+    inputVertical: 'sizing.size_2',
+    menuVertical: 'sizing.size_3',
+    menuHorizontal: 'sizing.size_0',
+    menuItemVertical: 'sizing.size_2',
+    menuItemHorizontal: 'sizing.size_2'
+  }
+};

package/themes/static/variables/helpers/iconsMap.d.ts

@@ -0,0 +1,3 @@
+import { ThemeIconsConfig } from 'handsontable/themes';
+
+export function iconsMap(icons: ThemeIconsConfig, themePrefix?: string): string;

package/themes/static/variables/helpers/iconsMap.js

@@ -0,0 +1,139 @@
+"use strict";
+
+exports.__esModule = true;
+/* eslint-disable max-len, quotes */
+
+/*
+ * This file is auto-generated. Do not edit directly.
+ */
+
+const icon = (icons, name) => {
+  return `width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  -webkit-mask-size: contain;
+  -webkit-mask-image: url("${icons[name]}");
+  background-color: currentColor;`;
+};
+const iconsMap = (icons, themePrefix) => {
+  const prefix = themePrefix ? `[class*=${themePrefix}] ` : "";
+  return `${prefix}.htDropdownMenu table tbody tr td.htSubmenu .htItemWrapper::after,
+${prefix}.htContextMenu table tbody tr td.htSubmenu .htItemWrapper::after,
+${prefix}.htFiltersConditionsMenu table tbody tr td.htSubmenu .htItemWrapper::after,
+${prefix}.pika-single .pika-next {
+  ${icon(icons, "arrowRight")}
+}
+
+${prefix}.pika-single .pika-prev {
+  ${icon(icons, "arrowLeft")}
+}
+
+${prefix}.ht-page-size-section__select-wrapper::after {
+  ${icon(icons, "arrowDown")}
+}
+
+${prefix}.changeType::before {
+  ${icon(icons, "menu")}
+}
+
+${prefix}.htUISelectCaption::after,
+.htAutocompleteArrow::after {
+  ${icon(icons, "selectArrow")}
+}
+
+${prefix}.columnSorting.sortAction.ascending::before {
+  ${icon(icons, "arrowNarrowUp")}
+}
+
+${prefix}.columnSorting.sortAction.descending::before {
+  ${icon(icons, "arrowNarrowDown")}
+}
+
+${prefix}.ht-page-navigation-section .ht-page-first::before {
+  ${icon(icons, "arrowLeftWithBar")}
+}
+
+${prefix}[dir="rtl"] .ht-page-navigation-section .ht-page-first::before {
+  ${icon(icons, "arrowRightWithBar")}
+}
+
+${prefix}.ht-page-navigation-section .ht-page-prev::before {
+  ${icon(icons, "arrowLeft")}
+}
+
+${prefix}[dir="rtl"] .ht-page-navigation-section .ht-page-prev::before {
+  ${icon(icons, "arrowRight")}
+}
+
+${prefix}.ht-page-navigation-section .ht-page-next::before {
+  ${icon(icons, "arrowRight")}
+}
+
+${prefix}[dir="rtl"] .ht-page-navigation-section .ht-page-next::before {
+  ${icon(icons, "arrowLeft")}
+}
+
+${prefix}.ht-page-navigation-section .ht-page-last::before {
+  ${icon(icons, "arrowRightWithBar")}
+}
+
+${prefix}[dir="rtl"] .ht-page-navigation-section .ht-page-last::before {
+  ${icon(icons, "arrowLeftWithBar")}
+}
+
+${prefix}.htDropdownMenu table tbody tr td .htItemWrapper span.selected::after,
+${prefix}.htContextMenu table tbody tr td .htItemWrapper span.selected::after,
+${prefix}.htFiltersConditionsMenu table tbody tr td .htItemWrapper span.selected::after {
+  ${icon(icons, "check")}
+}
+
+${prefix}.htCheckboxRendererInput {
+  appearance: none;
+}
+
+${prefix}.htCheckboxRendererInput::after {
+  ${icon(icons, "checkbox")}
+}
+
+${prefix}th.beforeHiddenColumn::after {
+  ${icon(icons, "caretHiddenLeft")}
+}
+
+${prefix}th.afterHiddenColumn::before {
+  ${icon(icons, "caretHiddenRight")}
+}
+
+${prefix}th.beforeHiddenRow::after {
+  ${icon(icons, "caretHiddenUp")}
+}
+
+${prefix}th.afterHiddenRow::before {
+  ${icon(icons, "caretHiddenDown")}
+}
+
+${prefix}.collapsibleIndicator::before,
+${prefix}.ht_nestingButton::before {
+  ${icon(icons, "collapseOff")}
+}
+
+${prefix}.collapsibleIndicator.collapsed::before,
+${prefix}.ht_nestingButton.ht_nestingExpand::before {
+  ${icon(icons, "collapseOn")}
+}
+
+${prefix}.htUIRadio > input[type="radio"]::after {
+  ${icon(icons, "radio")}
+}
+
+${prefix}.ht-multi-select-chip-remove::before {
+  ${icon(icons, "chipClose")}
+}
+
+${prefix}.ht-multi-select-editor-search-icon {
+  ${icon(icons, "search")}
+}
+
+${prefix}.ht-multi-select-editor-item-selected input::after {
+  ${icon(icons, "checkbox")}
+}`;
+};
+exports.iconsMap = iconsMap;