@adaptabletools/adaptable 24.0.0-canary.6 → 24.0.0-canary.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/index.css +29 -173
  2. package/package.json +1 -1
  3. package/src/AdaptableOptions/UserInterfaceOptions.d.ts +4 -6
  4. package/src/AdaptableState/StyledColumns/GradientStyle.d.ts +4 -0
  5. package/src/Api/Implementation/QuickSearchApiImpl.js +2 -2
  6. package/src/Api/Implementation/UserInterfaceApiImpl.d.ts +0 -1
  7. package/src/Api/Implementation/UserInterfaceApiImpl.js +9 -15
  8. package/src/Api/Internal/AdaptableInternalApi.js +5 -3
  9. package/src/Api/Internal/StateInternalApi.js +4 -3
  10. package/src/Api/UserInterfaceApi.d.ts +0 -4
  11. package/src/Redux/ActionsReducers/QuickSearchRedux.d.ts +9 -0
  12. package/src/Redux/ActionsReducers/QuickSearchRedux.js +9 -0
  13. package/src/Redux/Store/AdaptableStore.js +4 -2
  14. package/src/Utilities/Helpers/UIHelper.d.ts +6 -11
  15. package/src/Utilities/Helpers/UIHelper.js +6 -33
  16. package/src/View/Components/Popups/AdaptablePopup/Navigation.js +9 -11
  17. package/src/View/Components/StyleComponent.js +2 -2
  18. package/src/View/Dashboard/Dashboard.d.ts +1 -1
  19. package/src/View/Dashboard/Dashboard.js +1 -1
  20. package/src/View/QuickSearch/QuickSearchInput.js +1 -1
  21. package/src/View/QuickSearch/QuickSearchPopup.d.ts +1 -1
  22. package/src/View/QuickSearch/QuickSearchPopup.js +1 -1
  23. package/src/View/QuickSearch/Utilities/useQuickSearchDebounced.d.ts +2 -2
  24. package/src/View/StyledColumn/RangesComponent.js +8 -11
  25. package/src/View/StyledColumn/Wizard/BadgePillStyleEditor.d.ts +0 -2
  26. package/src/View/StyledColumn/Wizard/BadgePillStyleEditor.js +2 -2
  27. package/src/View/StyledColumn/Wizard/StyledColumnBadgeSection.js +2 -3
  28. package/src/View/StyledColumn/Wizard/StyledColumnSliceStyleEditors.d.ts +0 -3
  29. package/src/View/StyledColumn/Wizard/StyledColumnSliceStyleEditors.js +3 -3
  30. package/src/View/StyledColumn/Wizard/StyledColumnSparklineSettingsSection.js +7 -11
  31. package/src/View/StyledColumn/Wizard/StyledColumnWizardBulletSection.js +4 -4
  32. package/src/View/StyledColumn/Wizard/StyledColumnWizardGradientSection.js +2 -2
  33. package/src/View/StyledColumn/Wizard/StyledColumnWizardIconSection.js +2 -2
  34. package/src/View/StyledColumn/Wizard/StyledColumnWizardRangeBarSection.js +7 -7
  35. package/src/View/StyledColumn/Wizard/StyledColumnWizardRatingSection.js +4 -4
  36. package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/StyledColumnWizardStyleSection.js +3 -3
  37. package/src/components/ColorField/index.d.ts +14 -0
  38. package/src/components/ColorField/index.js +6 -0
  39. package/src/env.js +2 -2
  40. package/src/migration/VersionUpgrade24.d.ts +9 -0
  41. package/src/migration/VersionUpgrade24.js +27 -0
  42. package/src/setupDevTools.js +163 -9
  43. package/tsconfig.esm.tsbuildinfo +1 -1
  44. package/vendor/components/ColorField/index.d.ts +43 -0
  45. package/vendor/components/ColorField/index.d.ts.map +1 -0
  46. package/vendor/components/ColorField/index.js +81 -0
  47. package/vendor/components/ColorField/index.js.map +1 -0
  48. package/vendor/components/ColorPicker/colorPickerTab.d.ts +2 -2
  49. package/vendor/components/ColorPicker/colorPickerTab.d.ts.map +1 -1
  50. package/vendor/components/ColorPicker/colorPickerTab.js +6 -28
  51. package/vendor/components/ColorPicker/colorPickerTab.js.map +1 -1
  52. package/vendor/components/ColorPicker/index.d.ts +36 -8
  53. package/vendor/components/ColorPicker/index.d.ts.map +1 -1
  54. package/vendor/components/ColorPicker/index.js +97 -25
  55. package/vendor/components/ColorPicker/index.js.map +1 -1
  56. package/vendor/components/ColorPicker/themeColors.d.ts +33 -4
  57. package/vendor/components/ColorPicker/themeColors.d.ts.map +1 -1
  58. package/vendor/components/ColorPicker/themeColors.js +76 -18
  59. package/vendor/components/ColorPicker/themeColors.js.map +1 -1
  60. package/vendor/components/NumberInput/index.d.ts +51 -0
  61. package/vendor/components/NumberInput/index.d.ts.map +1 -0
  62. package/vendor/components/NumberInput/index.js +82 -0
  63. package/vendor/components/NumberInput/index.js.map +1 -0
  64. package/vendor/components/index.css +67 -24
  65. package/vendor/components/index.d.ts +6 -2
  66. package/vendor/components/index.d.ts.map +1 -1
  67. package/vendor/components/index.js +3 -1
  68. package/vendor/components/index.js.map +1 -1
  69. package/vendor/components/ui/input-group.d.ts.map +1 -1
  70. package/vendor/components/ui/input-group.js +5 -4
  71. package/vendor/components/ui/input-group.js.map +1 -1
  72. package/src/components/ColorPicker/ColorPicker.d.ts +0 -12
  73. package/src/components/ColorPicker/ColorPicker.js +0 -48
  74. package/src/components/ColorPicker/OptionalColorPicker.d.ts +0 -12
  75. package/src/components/ColorPicker/OptionalColorPicker.js +0 -13
  76. package/src/components/ColorPicker/index.d.ts +0 -2
  77. package/src/components/ColorPicker/index.js +0 -2
@@ -25,28 +25,86 @@ const SEMANTIC_COLORS = [
25
25
  themeColor('muted', 'Muted'),
26
26
  themeColor('muted-foreground', 'Muted text'),
27
27
  ];
28
- const PALETTE_COLORS = Array.from({ length: 12 }, (_, i) => themeColor(`palette-${i + 1}`, `Palette ${i + 1}`));
29
- const SWATCH_COLORS = Array.from({ length: 20 }, (_, i) => themeColor(`swatch-${i + 1}`, `Swatch ${i + 1}`));
30
- export const THEME_COLOR_GROUPS = [
31
- { id: 'theme', label: 'Theme', colors: SEMANTIC_COLORS },
32
- { id: 'palette', label: 'Palette', colors: PALETTE_COLORS },
33
- { id: 'swatch', label: 'Swatches', colors: SWATCH_COLORS },
34
- ];
35
- const LABEL_BY_VALUE = new Map(THEME_COLOR_GROUPS.flatMap((group) => group.colors.map((c) => [c.value, c.label])));
28
+ export const THEME_COLOR_GROUP = {
29
+ id: 'theme',
30
+ label: 'Theme',
31
+ colors: SEMANTIC_COLORS,
32
+ };
33
+ const LABEL_BY_VALUE = new Map(SEMANTIC_COLORS.map((c) => [c.value, c.label]));
34
+ const PALETTE_VALUE = /^var\(--ab-color-palette-(\d+)\)$/;
35
+ const TOKEN_VALUE = /^var\(--ab-color-([a-z0-9]+(?:-[a-z0-9]+)*)\)$/;
36
+ /** `quick-search-match-foreground` → "Quick search match text". */
37
+ function tokenLabel(token) {
38
+ const words = token.split('-').map((word) => (word === 'foreground' ? 'text' : word));
39
+ const label = words.join(' ');
40
+ return label.charAt(0).toUpperCase() + label.slice(1);
41
+ }
42
+ const paletteColor = (index) => themeColor(`palette-${index}`, `Palette ${index}`);
43
+ /** Stops the palette probe on a theme that defines palette vars without a gap. */
44
+ const MAX_PALETTE_SIZE = 256;
45
+ export const PALETTE_COUNT_VAR = '--ab-cmp-color-picker__palette-count';
46
+ export const ALLOWED_COLORS_VAR = '--ab-cmp-color-picker__allowed-colors';
47
+ export const TABS_VAR = '--ab-cmp-color-picker__tabs';
48
+ const DEFAULT_TABS = ['precise', 'colors'];
49
+ const TAB_IDS = new Map([
50
+ ['precise', 'precise'],
51
+ ['colors', 'colors'],
52
+ ['colours', 'colors'],
53
+ ]);
54
+ /**
55
+ * The palette colours in effect on `element`: `--ab-color-palette-1` upwards
56
+ * until one is not defined, capped by `--ab-cmp-color-picker__palette-count`
57
+ * when that is a positive integer.
58
+ */
59
+ export function readPaletteColors(element) {
60
+ const style = getComputedStyle(element);
61
+ const count = Number.parseInt(style.getPropertyValue(PALETTE_COUNT_VAR).trim(), 10);
62
+ const max = count > 0 ? Math.min(count, MAX_PALETTE_SIZE) : MAX_PALETTE_SIZE;
63
+ const colors = [];
64
+ for (let index = 1; index <= max; index++) {
65
+ if (!style.getPropertyValue(`--ab-color-palette-${index}`).trim()) {
66
+ break;
67
+ }
68
+ colors.push(paletteColor(index));
69
+ }
70
+ return colors;
71
+ }
72
+ /** `--ab-cmp-color-picker__allowed-colors` on `element`; `any` when unset or unrecognised. */
73
+ export function readAllowedColors(element) {
74
+ const value = getComputedStyle(element).getPropertyValue(ALLOWED_COLORS_VAR).trim();
75
+ return value === 'predefined' || value === 'palette' ? value : 'any';
76
+ }
77
+ /**
78
+ * `--ab-cmp-color-picker__tabs` on `element`: the tabs to show, in order, the
79
+ * first being the default (e.g. `colors precise`; `colours` is also
80
+ * accepted). Unknown and repeated ids are dropped; `precise colors` when
81
+ * nothing valid is left.
82
+ */
83
+ export function readTabs(element) {
84
+ return parseTabs(getComputedStyle(element).getPropertyValue(TABS_VAR));
85
+ }
86
+ /** A `--ab-cmp-color-picker__tabs` value as tab ids; see `readTabs`. */
87
+ export function parseTabs(value) {
88
+ const ids = value.trim().toLowerCase().split(/[\s,]+/).map((id) => TAB_IDS.get(id));
89
+ const tabs = [...new Set(ids.filter((id) => id !== undefined))];
90
+ return tabs.length ? tabs : DEFAULT_TABS;
91
+ }
36
92
  /**
37
93
  * The picker's name for a stored colour: the token label for a theme colour
38
- * (`var(--ab-color-success)` → "Success"), the value itself otherwise.
94
+ * (`var(--ab-color-success)` → "Success", `var(--ab-color-palette-3)` →
95
+ * "Palette 3"), a name derived from any other `--ab-color-*` token
96
+ * (`var(--ab-color-badge-foreground)` → "Badge text"), the value itself otherwise.
39
97
  */
40
- export function describeColor(value, groups = THEME_COLOR_GROUPS) {
41
- if (groups === THEME_COLOR_GROUPS) {
42
- return LABEL_BY_VALUE.get(value) ?? value;
98
+ export function describeColor(value) {
99
+ const palette = PALETTE_VALUE.exec(value);
100
+ if (palette) {
101
+ return `Palette ${palette[1]}`;
43
102
  }
44
- for (const group of groups) {
45
- const color = group.colors.find((c) => c.value === value);
46
- if (color) {
47
- return color.label;
48
- }
103
+ const label = LABEL_BY_VALUE.get(value);
104
+ if (label) {
105
+ return label;
49
106
  }
50
- return value;
107
+ const token = TOKEN_VALUE.exec(value);
108
+ return token ? tokenLabel(token[1]) : value;
51
109
  }
52
110
  //# sourceMappingURL=themeColors.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"themeColors.js","sourceRoot":"","sources":["../../src/ColorPicker/themeColors.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAeH,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,KAAa,EAAc,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,kBAAkB,KAAK,GAAG;IACjC,KAAK;CACN,CAAC,CAAC;AAEH,MAAM,eAAe,GAAiB;IACpC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC9B,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC;IAChC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC;IAC7B,UAAU,CAAC,aAAa,EAAE,aAAa,CAAC;IACxC,UAAU,CAAC,wBAAwB,EAAE,kBAAkB,CAAC;IACxD,UAAU,CAAC,aAAa,EAAE,aAAa,CAAC;IACxC,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC;IAC1C,UAAU,CAAC,eAAe,EAAE,eAAe,CAAC;IAC5C,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC;IAC1C,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC;IAChC,UAAU,CAAC,oBAAoB,EAAE,cAAc,CAAC;IAChD,UAAU,CAAC,YAAY,EAAE,YAAY,CAAC;IACtC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,kBAAkB,EAAE,YAAY,CAAC;CAC7C,CAAC;AAEF,MAAM,cAAc,GAAiB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACvE,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,CACnD,CAAC;AAEF,MAAM,aAAa,GAAiB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACtE,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAsB;IACnD,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE;IACxD,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE;IAC3D,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE;CAC3D,CAAC;AAEF,MAAM,cAAc,GAAG,IAAI,GAAG,CAC5B,kBAAkB,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAU,CAAC,CAAC,CAC5F,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,aAAa,CAC3B,KAAa,EACb,SAA4B,kBAAkB;IAE9C,IAAI,MAAM,KAAK,kBAAkB,EAAE,CAAC;QAClC,OAAO,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;IAC5C,CAAC;IACD,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QAC1D,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,KAAK,CAAC,KAAK,CAAC;QACrB,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}
1
+ {"version":3,"file":"themeColors.js","sourceRoot":"","sources":["../../src/ColorPicker/themeColors.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,51 @@
1
+ import * as React from 'react';
2
+ export type NumberInputProps = Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'defaultValue' | 'onChange' | 'type' | 'min' | 'max' | 'step'> & {
3
+ /** Controlled value; `undefined` is empty. Leave out `value` entirely for uncontrolled mode. */
4
+ value?: number | undefined;
5
+ /** Initial value in uncontrolled mode. */
6
+ defaultValue?: number;
7
+ /**
8
+ * Called with every valid value: typed (once it parses and is in range),
9
+ * stepped, or clamped on blur. `undefined` when cleared (see `clearable`).
10
+ */
11
+ onValueChange?: (value: number | undefined) => void;
12
+ min?: number;
13
+ max?: number;
14
+ /** Default `1`; Shift + Arrow steps ten times as far. */
15
+ step?: number;
16
+ /** Whether the field can be left empty; default `true`. */
17
+ clearable?: boolean;
18
+ /** Applied to the `InputGroup` wrapper — the input itself takes `inputClassName`. */
19
+ className?: string;
20
+ inputClassName?: string;
21
+ 'data-name'?: string;
22
+ };
23
+ /**
24
+ * A numeric input with − / + buttons on either side instead of the browser's
25
+ * spinner arrows. The text can be mid-edit (empty, `-`, `1.`) without
26
+ * reporting; out-of-range numbers are clamped to `min` / `max` on blur.
27
+ * Supports controlled (`value` + `onValueChange`) and uncontrolled
28
+ * (`defaultValue`) modes.
29
+ */
30
+ export declare const NumberInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "value" | "max" | "min" | "step" | "type" | "defaultValue"> & {
31
+ /** Controlled value; `undefined` is empty. Leave out `value` entirely for uncontrolled mode. */
32
+ value?: number | undefined;
33
+ /** Initial value in uncontrolled mode. */
34
+ defaultValue?: number;
35
+ /**
36
+ * Called with every valid value: typed (once it parses and is in range),
37
+ * stepped, or clamped on blur. `undefined` when cleared (see `clearable`).
38
+ */
39
+ onValueChange?: (value: number | undefined) => void;
40
+ min?: number;
41
+ max?: number;
42
+ /** Default `1`; Shift + Arrow steps ten times as far. */
43
+ step?: number;
44
+ /** Whether the field can be left empty; default `true`. */
45
+ clearable?: boolean;
46
+ /** Applied to the `InputGroup` wrapper — the input itself takes `inputClassName`. */
47
+ className?: string;
48
+ inputClassName?: string;
49
+ 'data-name'?: string;
50
+ } & React.RefAttributes<HTMLInputElement>>;
51
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/NumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EACvC,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CACxE,GAAG;IACF,gGAAgG;IAChG,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AASF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW;IAnCtB,gGAAgG;YACxF,MAAM,GAAG,SAAS;IAC1B,0CAA0C;mBAC3B,MAAM;IACrB;;;OAGG;oBACa,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI;UAC7C,MAAM;UACN,MAAM;IACZ,yDAAyD;WAClD,MAAM;IACb,2DAA2D;gBAC/C,OAAO;IACnB,qFAAqF;gBACzE,MAAM;qBACD,MAAM;kBACT,MAAM;0CAqJrB,CAAC"}
@@ -0,0 +1,82 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import * as React from 'react';
3
+ import { MinusIcon, PlusIcon } from 'lucide-react';
4
+ import { cn } from '../lib/utils';
5
+ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, } from '../ui/input-group';
6
+ const decimalsOf = (n) => (String(n).split('.')[1] ?? '').length;
7
+ /** A number at the precision of `step`, so 0.1 + 0.2 shows as 0.3. */
8
+ const roundTo = (n, step) => Number(n.toFixed(decimalsOf(step)));
9
+ const format = (n) => (n === undefined ? '' : String(n));
10
+ /**
11
+ * A numeric input with − / + buttons on either side instead of the browser's
12
+ * spinner arrows. The text can be mid-edit (empty, `-`, `1.`) without
13
+ * reporting; out-of-range numbers are clamped to `min` / `max` on blur.
14
+ * Supports controlled (`value` + `onValueChange`) and uncontrolled
15
+ * (`defaultValue`) modes.
16
+ */
17
+ export const NumberInput = React.forwardRef(function NumberInput(props, ref) {
18
+ const { value: controlledValue, defaultValue, onValueChange, min = -Infinity, max = Infinity, step = 1, clearable = true, disabled, className, inputClassName, onBlur, onKeyDown, 'data-name': dataName, ...inputProps } = props;
19
+ // `value={undefined}` is a controlled empty field, not uncontrolled mode
20
+ const isControlled = 'value' in props;
21
+ const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
22
+ const value = isControlled ? controlledValue : uncontrolledValue;
23
+ // the text while editing; `null` shows the value
24
+ const [draft, setDraft] = React.useState(null);
25
+ const clamp = (n) => Math.min(max, Math.max(min, n));
26
+ const commit = (next) => {
27
+ if (!isControlled) {
28
+ setUncontrolledValue(next);
29
+ }
30
+ if (next !== value) {
31
+ onValueChange?.(next);
32
+ }
33
+ };
34
+ const stepBy = (direction, multiplier = 1) => {
35
+ const start = value ?? (Number.isFinite(min) ? min : 0);
36
+ const next = value === undefined ? start : roundTo(start + direction * step * multiplier, step);
37
+ setDraft(null);
38
+ commit(clamp(next));
39
+ };
40
+ const handleChange = (text) => {
41
+ setDraft(text);
42
+ if (text.trim() === '') {
43
+ if (clearable)
44
+ commit(undefined);
45
+ return;
46
+ }
47
+ const n = Number(text);
48
+ if (Number.isFinite(n) && n >= min && n <= max) {
49
+ commit(n);
50
+ }
51
+ };
52
+ const handleBlur = () => {
53
+ if (draft === null)
54
+ return;
55
+ const n = Number(draft);
56
+ if (draft.trim() === '') {
57
+ commit(clearable ? undefined : value);
58
+ }
59
+ else if (Number.isFinite(n)) {
60
+ commit(clamp(n));
61
+ }
62
+ setDraft(null);
63
+ };
64
+ const canDecrement = !disabled && (value === undefined || value > min);
65
+ const canIncrement = !disabled && (value === undefined || value < max);
66
+ return (_jsxs(InputGroup, { className: cn('twa:w-32', className), "data-disabled": disabled ? true : undefined, "data-name": dataName, children: [_jsx(InputGroupAddon, { children: _jsx(InputGroupButton, { tabIndex: -1, "aria-label": "Decrease", disabled: !canDecrement, onClick: () => stepBy(-1), "data-name": dataName ? `${dataName}-decrement` : undefined, children: _jsx(MinusIcon, {}) }) }), _jsx(InputGroupInput, { ref: ref, type: "text", inputMode: "decimal", role: "spinbutton", autoComplete: "off", "aria-valuenow": value, "aria-valuemin": Number.isFinite(min) ? min : undefined, "aria-valuemax": Number.isFinite(max) ? max : undefined, disabled: disabled, value: draft ?? format(value), onChange: (event) => handleChange(event.target.value), onBlur: (event) => {
67
+ handleBlur();
68
+ onBlur?.(event);
69
+ }, onKeyDown: (event) => {
70
+ onKeyDown?.(event);
71
+ if (event.defaultPrevented)
72
+ return;
73
+ if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
74
+ event.preventDefault();
75
+ stepBy(event.key === 'ArrowUp' ? 1 : -1, event.shiftKey ? 10 : 1);
76
+ }
77
+ else if (event.key === 'Enter') {
78
+ handleBlur();
79
+ }
80
+ }, className: cn('twa:px-0 twa:text-center twa:tabular-nums', inputClassName), "data-name": dataName ? `${dataName}-input` : undefined, ...inputProps }), _jsx(InputGroupAddon, { align: "inline-end", children: _jsx(InputGroupButton, { tabIndex: -1, "aria-label": "Increase", disabled: !canIncrement, onClick: () => stepBy(1), "data-name": dataName ? `${dataName}-increment` : undefined, children: _jsx(PlusIcon, {}) }) })] }));
81
+ });
82
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/NumberInput/index.tsx"],"names":[],"mappings":"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"}
@@ -268,6 +268,9 @@
268
268
  .twa\:field-sizing-content {
269
269
  field-sizing: content;
270
270
  }
271
+ .twa\:aspect-auto {
272
+ aspect-ratio: auto;
273
+ }
271
274
  .twa\:aspect-square {
272
275
  aspect-ratio: 1 / 1;
273
276
  }
@@ -315,10 +318,6 @@
315
318
  width: calc(var(--ab-base-space) * 16);
316
319
  height: calc(var(--ab-base-space) * 16);
317
320
  }
318
- .twa\:size-\[calc\(100\%-2\*var\(--ab-base-space\)\)\] {
319
- width: calc(100% - 2 * var(--ab-base-space));
320
- height: calc(100% - 2 * var(--ab-base-space));
321
- }
322
321
  .twa\:size-auto {
323
322
  width: auto;
324
323
  height: auto;
@@ -353,6 +352,9 @@
353
352
  .twa\:h-\[calc\(100\%-1px\)\] {
354
353
  height: calc(100% - 1px);
355
354
  }
355
+ .twa\:h-\[calc\(100\%-2\*var\(--ab-base-space\)\)\] {
356
+ height: calc(100% - 2 * var(--ab-base-space));
357
+ }
356
358
  .twa\:h-\[min\(22rem\,var\(--total-size\)\)\] {
357
359
  height: min(22rem, var(--total-size));
358
360
  }
@@ -410,6 +412,12 @@
410
412
  .twa\:w-1 {
411
413
  width: var(--ab-base-space);
412
414
  }
415
+ .twa\:w-12 {
416
+ width: calc(var(--ab-base-space) * 12);
417
+ }
418
+ .twa\:w-32 {
419
+ width: calc(var(--ab-base-space) * 32);
420
+ }
413
421
  .twa\:w-72 {
414
422
  width: calc(var(--ab-base-space) * 72);
415
423
  }
@@ -419,6 +427,9 @@
419
427
  .twa\:w-\[1rem\] {
420
428
  width: 1rem;
421
429
  }
430
+ .twa\:w-\[300px\] {
431
+ width: 300px;
432
+ }
422
433
  .twa\:w-auto {
423
434
  width: auto;
424
435
  }
@@ -819,6 +830,9 @@
819
830
  .twa\:px-\(--cell-size\) {
820
831
  padding-inline: var(--cell-size);
821
832
  }
833
+ .twa\:px-0 {
834
+ padding-inline: 0px;
835
+ }
822
836
  .twa\:px-1\.5 {
823
837
  padding-inline: calc(var(--ab-base-space) * 1.5);
824
838
  }
@@ -959,6 +973,10 @@
959
973
  .twa\:text-white {
960
974
  color: var(--twa-color-white);
961
975
  }
976
+ .twa\:tabular-nums {
977
+ --tw-numeric-spacing: tabular-nums;
978
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
979
+ }
962
980
  .twa\:underline-offset-4 {
963
981
  text-underline-offset: 4px;
964
982
  }
@@ -2654,26 +2672,26 @@
2654
2672
  --ab-color-palette-10: #4a5568;
2655
2673
  --ab-color-palette-11: #f3e8ff;
2656
2674
  --ab-color-palette-12: #553c9a;
2657
- --ab-color-swatch-1: #000000;
2658
- --ab-color-swatch-2: #ffffff;
2659
- --ab-color-swatch-3: #d3d3d3;
2660
- --ab-color-swatch-4: #808080;
2661
- --ab-color-swatch-5: #a52a2a;
2662
- --ab-color-swatch-6: #006400;
2663
- --ab-color-swatch-7: #008000;
2664
- --ab-color-swatch-8: #32cd32;
2665
- --ab-color-swatch-9: #ffff00;
2666
- --ab-color-swatch-10: #ffffe0;
2667
- --ab-color-swatch-11: #00008b;
2668
- --ab-color-swatch-12: #0000ff;
2669
- --ab-color-swatch-13: #87cefa;
2670
- --ab-color-swatch-14: #00ffff;
2671
- --ab-color-swatch-15: #ff00ff;
2672
- --ab-color-swatch-16: #800080;
2673
- --ab-color-swatch-17: #8b0000;
2674
- --ab-color-swatch-18: #ff0000;
2675
- --ab-color-swatch-19: #dc143c;
2676
- --ab-color-swatch-20: #ffa500;
2675
+ --ab-color-palette-13: #000000;
2676
+ --ab-color-palette-14: #ffffff;
2677
+ --ab-color-palette-15: #d3d3d3;
2678
+ --ab-color-palette-16: #808080;
2679
+ --ab-color-palette-17: #a52a2a;
2680
+ --ab-color-palette-18: #006400;
2681
+ --ab-color-palette-19: #008000;
2682
+ --ab-color-palette-20: #32cd32;
2683
+ --ab-color-palette-21: #ffff00;
2684
+ --ab-color-palette-22: #ffffe0;
2685
+ --ab-color-palette-23: #00008b;
2686
+ --ab-color-palette-24: #0000ff;
2687
+ --ab-color-palette-25: #87cefa;
2688
+ --ab-color-palette-26: #00ffff;
2689
+ --ab-color-palette-27: #ff00ff;
2690
+ --ab-color-palette-28: #800080;
2691
+ --ab-color-palette-29: #8b0000;
2692
+ --ab-color-palette-30: #ff0000;
2693
+ --ab-color-palette-31: #dc143c;
2694
+ --ab-color-palette-32: #ffa500;
2677
2695
  --ab-icon-fill: currentColor;
2678
2696
  --ab-custom-scrollbar-size: 8px;
2679
2697
  --ab-color-custom-scrollbar-track: var(--ab-color-background);
@@ -2930,6 +2948,26 @@
2930
2948
  syntax: "*";
2931
2949
  inherits: false;
2932
2950
  }
2951
+ @property --tw-ordinal {
2952
+ syntax: "*";
2953
+ inherits: false;
2954
+ }
2955
+ @property --tw-slashed-zero {
2956
+ syntax: "*";
2957
+ inherits: false;
2958
+ }
2959
+ @property --tw-numeric-figure {
2960
+ syntax: "*";
2961
+ inherits: false;
2962
+ }
2963
+ @property --tw-numeric-spacing {
2964
+ syntax: "*";
2965
+ inherits: false;
2966
+ }
2967
+ @property --tw-numeric-fraction {
2968
+ syntax: "*";
2969
+ inherits: false;
2970
+ }
2933
2971
  @property --tw-shadow {
2934
2972
  syntax: "*";
2935
2973
  inherits: false;
@@ -3159,6 +3197,11 @@
3159
3197
  --tw-leading: initial;
3160
3198
  --tw-font-weight: initial;
3161
3199
  --tw-tracking: initial;
3200
+ --tw-ordinal: initial;
3201
+ --tw-slashed-zero: initial;
3202
+ --tw-numeric-figure: initial;
3203
+ --tw-numeric-spacing: initial;
3204
+ --tw-numeric-fraction: initial;
3162
3205
  --tw-shadow: 0 0 #0000;
3163
3206
  --tw-shadow-color: initial;
3164
3207
  --tw-shadow-alpha: 100%;
@@ -15,12 +15,16 @@ export { Resizable, ResizablePanel, ResizableHandle } from './Resizable';
15
15
  export type { ResizableProps, ResizablePanelProps, ResizableHandleProps, PanelSizeValue, ResizableSizes, ResizableSizeInput, } from './Resizable';
16
16
  export { SearchInput } from './SearchInput';
17
17
  export type { SearchInputProps } from './SearchInput';
18
+ export { NumberInput } from './NumberInput';
19
+ export type { NumberInputProps } from './NumberInput';
18
20
  export { Tooltip } from './Tooltip';
19
21
  export type { TooltipProps } from './Tooltip';
20
22
  export { Button } from './Button';
21
23
  export type { ButtonProps } from './Button';
22
- export { ColorPicker, CHECKERBOARD, HEX_COLOR, describeColor, THEME_COLOR_GROUPS, setColorPickerTab, useColorPickerTab, } from './ColorPicker';
23
- export type { ColorPickerProps, ColorPickerTab, ThemeColor, ThemeColorGroup, } from './ColorPicker';
24
+ export { ALLOWED_COLORS_VAR, ColorPicker, CHECKERBOARD, HEX_COLOR, describeColor, PALETTE_COUNT_VAR, parseTabs, readAllowedColors, readPaletteColors, readTabs, TABS_VAR, THEME_COLOR_GROUP, setColorPickerTab, useColorPickerTab, } from './ColorPicker';
25
+ export type { AllowedColors, ColorPickerProps, ColorPickerTab, ThemeColor, ThemeColorGroup, } from './ColorPicker';
26
+ export { ColorField } from './ColorField';
27
+ export type { ColorFieldProps } from './ColorField';
24
28
  export { DropdownButton, NewDropdownButton } from './DropdownButton';
25
29
  export type { DropdownButtonItem, DropdownButtonProps, NewDropdownButtonItem, NewDropdownButtonProps, } from './DropdownButton';
26
30
  export type { TreeListItem, NewTreeDropdownProps, GridFilterTreeDropdownProps, } from './Tree/TreeDropdown';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACrD,YAAY,EACV,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AACxE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,yCAAyC,GAC1C,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACzE,YAAY,EACV,cAAc,EACd,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,kBAAkB,GACnB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAI9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EACL,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,eAAe,GAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrE,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC;AAO1B,YAAY,EACV,YAAY,EACZ,oBAAoB,EACpB,2BAA2B,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,qBAAqB,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAEvF,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAI7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
@@ -8,11 +8,13 @@ export { SingleCombobox, MultiCombobox, GridFilterCombobox, GRID_FILTER_COMBBOX_
8
8
  export { SingleSelect, MultiSelect } from './Select';
9
9
  export { Resizable, ResizablePanel, ResizableHandle } from './Resizable';
10
10
  export { SearchInput } from './SearchInput';
11
+ export { NumberInput } from './NumberInput';
11
12
  export { Tooltip } from './Tooltip';
12
13
  // Shadows the star export from ./ui/button below (explicit exports win):
13
14
  // same Button, plus a `tooltip` prop.
14
15
  export { Button } from './Button';
15
- export { ColorPicker, CHECKERBOARD, HEX_COLOR, describeColor, THEME_COLOR_GROUPS, setColorPickerTab, useColorPickerTab, } from './ColorPicker';
16
+ export { ALLOWED_COLORS_VAR, ColorPicker, CHECKERBOARD, HEX_COLOR, describeColor, PALETTE_COUNT_VAR, parseTabs, readAllowedColors, readPaletteColors, readTabs, TABS_VAR, THEME_COLOR_GROUP, setColorPickerTab, useColorPickerTab, } from './ColorPicker';
17
+ export { ColorField } from './ColorField';
16
18
  export { DropdownButton, NewDropdownButton } from './DropdownButton';
17
19
  export { toDisplayValueDefault, toDisplayValueFromOptionTree } from './Tree/treeUtils';
18
20
  export * from './ui/alert-dialog';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AASrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAGxE,OAAO,EACL,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,yCAAyC,GAC1C,MAAM,YAAY,CAAC;AAQpB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAUzE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,yEAAyE;AACzE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,OAAO,EACL,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAQvB,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkBrE,OAAO,EAAE,qBAAqB,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAEvF,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,0EAA0E;AAC1E,uEAAuE;AACvE,4EAA4E;AAC5E,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AASrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAGxE,OAAO,EACL,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,yCAAyC,GAC1C,MAAM,YAAY,CAAC;AAQpB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAUzE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,yEAAyE;AACzE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,eAAe,CAAC;AASvB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkBrE,OAAO,EAAE,qBAAqB,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAEvF,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,0EAA0E;AAC1E,uEAAuE;AACvE,4EAA4E;AAC5E,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,QAAA,MAAM,UAAU,mKAef,CAAC;AAEF,QAAA,MAAM,uBAAuB;;8EAoB5B,CAAC;AAEF,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAgB5E;AAsBD,QAAA,MAAM,gBAAgB;;;;;;WAIT,QAAQ,GAAG,QAAQ,GAAG,OAAO;mDAmBxC,CAAC;AAEH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAU5E;AAED,QAAA,MAAM,eAAe,8KAepB,CAAC;AAEF,QAAA,MAAM,kBAAkB,0LAetB,CAAC;AAEH,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,CAAC"}
1
+ {"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,QAAA,MAAM,UAAU,mKAef,CAAC;AAEF,QAAA,MAAM,uBAAuB;;8EAoB5B,CAAC;AAEF,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAgB5E;AAuBD,QAAA,MAAM,gBAAgB;;;;;;WAIT,QAAQ,GAAG,QAAQ,GAAG,OAAO;mDAmBxC,CAAC;AAEH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAU5E;AAED,QAAA,MAAM,eAAe,8KAepB,CAAC;AAEF,QAAA,MAAM,kBAAkB,0LAetB,CAAC;AAEH,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,CAAC"}
@@ -32,12 +32,13 @@ function InputGroupAddon({ className, align = 'inline-start', ...props }) {
32
32
  }, ...props }));
33
33
  }
34
34
  const inputGroupButtonVariants = cva(
35
- // fill the addon/group height with a 1-unit vertical margin; fixed size variants override below.
36
- // `size-[…]` (not `h-*`/`w-*`) so twMerge drops Button's `size-10` from icon-md.
37
- 'twa:flex twa:my-1 twa:aspect-square twa:size-[calc(100%-2*var(--ab-base-space))] twa:min-h-0 twa:items-center twa:gap-1 twa:p-0 twa:text-sm twa:shadow-none twa:cursor-pointer', {
35
+ // fill the addon/group height (so it follows --ab-input-height) with a 1-unit vertical margin,
36
+ // and stay square: a percentage width would resolve against the addon, not the height.
37
+ // `size-auto` so twMerge drops Button's `size-10` from icon-md; fixed size variants override below.
38
+ 'twa:flex twa:my-1 twa:aspect-square twa:size-auto twa:h-[calc(100%-2*var(--ab-base-space))] twa:min-h-0 twa:items-center twa:gap-1 twa:p-0 twa:text-sm twa:shadow-none twa:cursor-pointer', {
38
39
  variants: {
39
40
  size: {
40
- xs: 'twa:h-6 twa:gap-1 twa:rounded twa:px-1.5 twa:[&>svg:not([class*=size-])]:size-3.5',
41
+ xs: 'twa:h-6 twa:aspect-auto twa:gap-1 twa:rounded twa:px-1.5 twa:[&>svg:not([class*=size-])]:size-3.5',
41
42
  sm: 'twa:',
42
43
  'icon-xs': 'twa:size-6 twa:rounded twa:has-[>svg]:p-0',
43
44
  'icon-sm': 'twa:size-8 twa:has-[>svg]:p-0',
@@ -1 +1 @@
1
- {"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"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"}
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import { HTMLProps } from 'react';
3
- import { AdaptableApi } from '../../Api/AdaptableApi';
4
- import { BoxProps } from '../Flex';
5
- export type ColorPickerProps = Omit<HTMLProps<HTMLInputElement>, 'onChange'> & {
6
- api: AdaptableApi;
7
- onChange: (color: string) => void;
8
- className?: string;
9
- value: string;
10
- includeAlpha?: boolean;
11
- } & Omit<BoxProps, 'onChange'>;
12
- export declare const ColorPicker: React.ForwardRefExoticComponent<Omit<ColorPickerProps, "ref"> & React.RefAttributes<unknown>>;
@@ -1,48 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import * as React from 'react';
3
- import { useCallback, useEffect } from 'react';
4
- import { debounce } from '../../Utilities/Helpers/TimingHelper';
5
- import { cn } from '../../lib/utils';
6
- import Input from '../Input';
7
- import { getVariableColor } from '../../Utilities/Helpers/StyleHelper';
8
- import tinycolor from 'tinycolor2';
9
- import { Box, Flex } from '../Flex';
10
- import { twMerge } from '../../twMerge';
11
- export const ColorPicker = React.forwardRef((props, ref) => {
12
- const ColorPalette = props.api.userInterfaceApi.getColorPalette();
13
- let { value, includeAlpha = true, className, ...restProps } = props;
14
- const debouncedOnChange = useCallback(debounce((color) => {
15
- props.onChange(color);
16
- }, 30), [props.onChange]);
17
- useEffect(() => {
18
- return () => {
19
- debouncedOnChange.cancel();
20
- };
21
- }, [debouncedOnChange]);
22
- const optionsMap = ColorPalette.reduce((acc, colorItem) => ({ ...acc, [getVariableColor(colorItem)]: colorItem }), {});
23
- const ABcolorChoicesOptions = Object.keys(optionsMap).map((x) => {
24
- return (_jsx("option", { value: x, children: x }, x));
25
- });
26
- const ABcolorChoices = _jsx("datalist", { id: 'ABcolorChoices', children: ABcolorChoicesOptions });
27
- const preparedValue = React.useMemo(() => {
28
- const color = getVariableColor(value);
29
- return tinycolor(color).toHexString();
30
- }, [value]);
31
- const preparedAlphaColor = React.useMemo(() => {
32
- const color = getVariableColor(value);
33
- return [tinycolor(color).setAlpha(0).toRgbString(), tinycolor(color).setAlpha(1).toRgbString()];
34
- }, [value]);
35
- const rangeBackround = `linear-gradient(90deg, ${preparedAlphaColor[0]} 0%, ${preparedAlphaColor[1]} 100%)`;
36
- const alpha = tinycolor(getVariableColor(value)).getAlpha();
37
- return (_jsxs(Flex, { className: cn('ColorPicker twa:items-center twa:gap-2', {
38
- 'twa:opacity-30': props.disabled,
39
- }, className), children: [_jsx(Input, { ...restProps, as: undefined, disabled: props.disabled, className: twMerge('ab-ColorPicker-swatch'), onChange: (event) => {
40
- const color = optionsMap[event.target.value] ?? event.target.value;
41
- debouncedOnChange(color);
42
- }, value: preparedValue, ref: ref, type: "color", list: "ABcolorChoices", title: props.title }), ABcolorChoices, includeAlpha && (_jsxs(Flex, { alignItems: "center", className: "twa:gap-1", children: [_jsx(Box, { children: "Opacity" }), _jsx(Flex, { alignItems: "center", className: "twa:min-h-input", children: _jsx(Input, { disabled: props.disabled, className: "ab-ColorPicker-range", style: { background: rangeBackround }, value: alpha, onChange: (event) => {
43
- const color = tinycolor(getVariableColor(value))
44
- .setAlpha(event.target.value)
45
- .toRgbString();
46
- debouncedOnChange(color);
47
- }, min: 0, max: 1, step: 0.01, type: "range" }) })] }))] }));
48
- });
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import { AdaptableApi } from '../../Api/AdaptableApi';
3
- export type OptionalColorPickerProps = {
4
- api: AdaptableApi;
5
- value: string | undefined;
6
- onChange: (color: string | undefined) => void;
7
- defaultColor?: string;
8
- disabled?: boolean;
9
- includeAlpha?: boolean;
10
- className?: string;
11
- };
12
- export declare const OptionalColorPicker: React.FC<OptionalColorPickerProps>;