@univers42/ui-collection 1.0.1
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.
- package/README.md +652 -0
- package/dist/components/blocks/ColorPickerBoard.d.ts +2 -0
- package/dist/components/blocks/ColorPickerBoard.d.ts.map +1 -0
- package/dist/components/blocks/ColorPickerBoard.js +13 -0
- package/dist/components/blocks/ColorPickerBoard.js.map +1 -0
- package/dist/components/blocks/EmojiPickerBoard.d.ts +2 -0
- package/dist/components/blocks/EmojiPickerBoard.d.ts.map +1 -0
- package/dist/components/blocks/EmojiPickerBoard.js +13 -0
- package/dist/components/blocks/EmojiPickerBoard.js.map +1 -0
- package/dist/components/blocks/IconPickerBoard.d.ts +2 -0
- package/dist/components/blocks/IconPickerBoard.d.ts.map +1 -0
- package/dist/components/blocks/IconPickerBoard.js +13 -0
- package/dist/components/blocks/IconPickerBoard.js.map +1 -0
- package/dist/components/blocks/SlashMenuIcons.d.ts +2 -0
- package/dist/components/blocks/SlashMenuIcons.d.ts.map +1 -0
- package/dist/components/blocks/SlashMenuIcons.js +2 -0
- package/dist/components/blocks/SlashMenuIcons.js.map +1 -0
- package/dist/components/blocks/SlashMenuIconsBasic.d.ts +2 -0
- package/dist/components/blocks/SlashMenuIconsBasic.d.ts.map +1 -0
- package/dist/components/blocks/SlashMenuIconsBasic.js +2 -0
- package/dist/components/blocks/SlashMenuIconsBasic.js.map +1 -0
- package/dist/components/blocks/SlashMenuIconsExtended.d.ts +2 -0
- package/dist/components/blocks/SlashMenuIconsExtended.d.ts.map +1 -0
- package/dist/components/blocks/SlashMenuIconsExtended.js +2 -0
- package/dist/components/blocks/SlashMenuIconsExtended.js.map +1 -0
- package/dist/components/blocks/slashMenuCatalog.d.ts +2 -0
- package/dist/components/blocks/slashMenuCatalog.d.ts.map +1 -0
- package/dist/components/blocks/slashMenuCatalog.js +2 -0
- package/dist/components/blocks/slashMenuCatalog.js.map +1 -0
- package/dist/library/catalogs/index.d.ts +3 -0
- package/dist/library/catalogs/index.d.ts.map +1 -0
- package/dist/library/catalogs/index.js +3 -0
- package/dist/library/catalogs/index.js.map +1 -0
- package/dist/library/catalogs/slashMenuCatalog.d.ts +17 -0
- package/dist/library/catalogs/slashMenuCatalog.d.ts.map +1 -0
- package/dist/library/catalogs/slashMenuCatalog.js +294 -0
- package/dist/library/catalogs/slashMenuCatalog.js.map +1 -0
- package/dist/library/catalogs/types.d.ts +4 -0
- package/dist/library/catalogs/types.d.ts.map +1 -0
- package/dist/library/catalogs/types.js +13 -0
- package/dist/library/catalogs/types.js.map +1 -0
- package/dist/library/components/react/analytics/formula/FormulaCharts.d.ts +22 -0
- package/dist/library/components/react/analytics/formula/FormulaCharts.d.ts.map +1 -0
- package/dist/library/components/react/analytics/formula/FormulaCharts.js +91 -0
- package/dist/library/components/react/analytics/formula/FormulaCharts.js.map +1 -0
- package/dist/library/components/react/analytics/formula/TextDistributionCard.d.ts +8 -0
- package/dist/library/components/react/analytics/formula/TextDistributionCard.d.ts.map +1 -0
- package/dist/library/components/react/analytics/formula/TextDistributionCard.js +43 -0
- package/dist/library/components/react/analytics/formula/TextDistributionCard.js.map +1 -0
- package/dist/library/components/react/analytics/formula/index.d.ts +3 -0
- package/dist/library/components/react/analytics/formula/index.d.ts.map +1 -0
- package/dist/library/components/react/analytics/formula/index.js +14 -0
- package/dist/library/components/react/analytics/formula/index.js.map +1 -0
- package/dist/library/components/react/analytics/index.d.ts +3 -0
- package/dist/library/components/react/analytics/index.d.ts.map +1 -0
- package/dist/library/components/react/analytics/index.js +14 -0
- package/dist/library/components/react/analytics/index.js.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCards.d.ts +21 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCards.d.ts.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCards.js +77 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCards.js.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCharts.d.ts +61 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCharts.d.ts.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCharts.js +58 -0
- package/dist/library/components/react/analytics/relation-rollup/RelationRollupCharts.js.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/RollupEditorHelpers.d.ts +51 -0
- package/dist/library/components/react/analytics/relation-rollup/RollupEditorHelpers.d.ts.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/RollupEditorHelpers.js +82 -0
- package/dist/library/components/react/analytics/relation-rollup/RollupEditorHelpers.js.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/index.d.ts +4 -0
- package/dist/library/components/react/analytics/relation-rollup/index.d.ts.map +1 -0
- package/dist/library/components/react/analytics/relation-rollup/index.js +15 -0
- package/dist/library/components/react/analytics/relation-rollup/index.js.map +1 -0
- package/dist/library/components/react/asset-picker/AssetPickerBoard.d.ts +20 -0
- package/dist/library/components/react/asset-picker/AssetPickerBoard.d.ts.map +1 -0
- package/dist/library/components/react/asset-picker/AssetPickerBoard.js +229 -0
- package/dist/library/components/react/asset-picker/AssetPickerBoard.js.map +1 -0
- package/dist/library/components/react/asset-picker/defaultTabs.d.ts +28 -0
- package/dist/library/components/react/asset-picker/defaultTabs.d.ts.map +1 -0
- package/dist/library/components/react/asset-picker/defaultTabs.js +104 -0
- package/dist/library/components/react/asset-picker/defaultTabs.js.map +1 -0
- package/dist/library/components/react/asset-picker/index.d.ts +4 -0
- package/dist/library/components/react/asset-picker/index.d.ts.map +1 -0
- package/dist/library/components/react/asset-picker/index.js +4 -0
- package/dist/library/components/react/asset-picker/index.js.map +1 -0
- package/dist/library/components/react/asset-picker/types.d.ts +45 -0
- package/dist/library/components/react/asset-picker/types.d.ts.map +1 -0
- package/dist/library/components/react/asset-picker/types.js +2 -0
- package/dist/library/components/react/asset-picker/types.js.map +1 -0
- package/dist/library/components/react/charts/BarCharts.d.ts +8 -0
- package/dist/library/components/react/charts/BarCharts.d.ts.map +1 -0
- package/dist/library/components/react/charts/BarCharts.js +38 -0
- package/dist/library/components/react/charts/BarCharts.js.map +1 -0
- package/dist/library/components/react/charts/DonutPieChart.d.ts +8 -0
- package/dist/library/components/react/charts/DonutPieChart.d.ts.map +1 -0
- package/dist/library/components/react/charts/DonutPieChart.js +52 -0
- package/dist/library/components/react/charts/DonutPieChart.js.map +1 -0
- package/dist/library/components/react/charts/LineChart.d.ts +7 -0
- package/dist/library/components/react/charts/LineChart.d.ts.map +1 -0
- package/dist/library/components/react/charts/LineChart.js +34 -0
- package/dist/library/components/react/charts/LineChart.js.map +1 -0
- package/dist/library/components/react/charts/MultiLineChart.d.ts +23 -0
- package/dist/library/components/react/charts/MultiLineChart.d.ts.map +1 -0
- package/dist/library/components/react/charts/MultiLineChart.js +93 -0
- package/dist/library/components/react/charts/MultiLineChart.js.map +1 -0
- package/dist/library/components/react/charts/SVGCharts.d.ts +17 -0
- package/dist/library/components/react/charts/SVGCharts.d.ts.map +1 -0
- package/dist/library/components/react/charts/SVGCharts.js +63 -0
- package/dist/library/components/react/charts/SVGCharts.js.map +1 -0
- package/dist/library/components/react/charts/chartUtils.d.ts +19 -0
- package/dist/library/components/react/charts/chartUtils.d.ts.map +1 -0
- package/dist/library/components/react/charts/chartUtils.js +64 -0
- package/dist/library/components/react/charts/chartUtils.js.map +1 -0
- package/dist/library/components/react/charts/index.d.ts +8 -0
- package/dist/library/components/react/charts/index.d.ts.map +1 -0
- package/dist/library/components/react/charts/index.js +18 -0
- package/dist/library/components/react/charts/index.js.map +1 -0
- package/dist/library/components/react/color-picker/ColorPickerBoard.d.ts +18 -0
- package/dist/library/components/react/color-picker/ColorPickerBoard.d.ts.map +1 -0
- package/dist/library/components/react/color-picker/ColorPickerBoard.js +382 -0
- package/dist/library/components/react/color-picker/ColorPickerBoard.js.map +1 -0
- package/dist/library/components/react/color-picker/index.d.ts +2 -0
- package/dist/library/components/react/color-picker/index.d.ts.map +1 -0
- package/dist/library/components/react/color-picker/index.js +13 -0
- package/dist/library/components/react/color-picker/index.js.map +1 -0
- package/dist/library/components/react/emoji-picker/EmojiPickerBoard.d.ts +14 -0
- package/dist/library/components/react/emoji-picker/EmojiPickerBoard.d.ts.map +1 -0
- package/dist/library/components/react/emoji-picker/EmojiPickerBoard.js +26 -0
- package/dist/library/components/react/emoji-picker/EmojiPickerBoard.js.map +1 -0
- package/dist/library/components/react/emoji-picker/emojiPickerData.d.ts +10 -0
- package/dist/library/components/react/emoji-picker/emojiPickerData.d.ts.map +1 -0
- package/dist/library/components/react/emoji-picker/emojiPickerData.js +27 -0
- package/dist/library/components/react/emoji-picker/emojiPickerData.js.map +1 -0
- package/dist/library/components/react/emoji-picker/index.d.ts +3 -0
- package/dist/library/components/react/emoji-picker/index.d.ts.map +1 -0
- package/dist/library/components/react/emoji-picker/index.js +14 -0
- package/dist/library/components/react/emoji-picker/index.js.map +1 -0
- package/dist/library/components/react/formula/ExampleBlock.d.ts +8 -0
- package/dist/library/components/react/formula/ExampleBlock.d.ts.map +1 -0
- package/dist/library/components/react/formula/ExampleBlock.js +41 -0
- package/dist/library/components/react/formula/ExampleBlock.js.map +1 -0
- package/dist/library/components/react/formula/index.d.ts +2 -0
- package/dist/library/components/react/formula/index.d.ts.map +1 -0
- package/dist/library/components/react/formula/index.js +13 -0
- package/dist/library/components/react/formula/index.js.map +1 -0
- package/dist/library/components/react/icon-picker/IconPickerBoard.d.ts +14 -0
- package/dist/library/components/react/icon-picker/IconPickerBoard.d.ts.map +1 -0
- package/dist/library/components/react/icon-picker/IconPickerBoard.js +26 -0
- package/dist/library/components/react/icon-picker/IconPickerBoard.js.map +1 -0
- package/dist/library/components/react/icon-picker/iconPickerData.d.ts +11 -0
- package/dist/library/components/react/icon-picker/iconPickerData.d.ts.map +1 -0
- package/dist/library/components/react/icon-picker/iconPickerData.js +52 -0
- package/dist/library/components/react/icon-picker/iconPickerData.js.map +1 -0
- package/dist/library/components/react/icon-picker/index.d.ts +3 -0
- package/dist/library/components/react/icon-picker/index.d.ts.map +1 -0
- package/dist/library/components/react/icon-picker/index.js +14 -0
- package/dist/library/components/react/icon-picker/index.js.map +1 -0
- package/dist/library/components/react/index.d.ts +10 -0
- package/dist/library/components/react/index.d.ts.map +1 -0
- package/dist/library/components/react/index.js +21 -0
- package/dist/library/components/react/index.js.map +1 -0
- package/dist/library/components/react/primitives/SettingsPrimitives.d.ts +39 -0
- package/dist/library/components/react/primitives/SettingsPrimitives.d.ts.map +1 -0
- package/dist/library/components/react/primitives/SettingsPrimitives.js +35 -0
- package/dist/library/components/react/primitives/SettingsPrimitives.js.map +1 -0
- package/dist/library/components/react/primitives/index.d.ts +2 -0
- package/dist/library/components/react/primitives/index.d.ts.map +1 -0
- package/dist/library/components/react/primitives/index.js +13 -0
- package/dist/library/components/react/primitives/index.js.map +1 -0
- package/dist/library/components/react/theme/ThemeToggle.d.ts +12 -0
- package/dist/library/components/react/theme/ThemeToggle.d.ts.map +1 -0
- package/dist/library/components/react/theme/ThemeToggle.js +57 -0
- package/dist/library/components/react/theme/ThemeToggle.js.map +1 -0
- package/dist/library/components/react/theme/index.d.ts +2 -0
- package/dist/library/components/react/theme/index.d.ts.map +1 -0
- package/dist/library/components/react/theme/index.js +13 -0
- package/dist/library/components/react/theme/index.js.map +1 -0
- package/dist/library/icons/react/cn.d.ts +2 -0
- package/dist/library/icons/react/cn.d.ts.map +1 -0
- package/dist/library/icons/react/cn.js +15 -0
- package/dist/library/icons/react/cn.js.map +1 -0
- package/dist/library/icons/react/index.d.ts +2 -0
- package/dist/library/icons/react/index.d.ts.map +1 -0
- package/dist/library/icons/react/index.js +2 -0
- package/dist/library/icons/react/index.js.map +1 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsBasic.d.ts +20 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsBasic.d.ts.map +1 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsBasic.js +72 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsBasic.js.map +1 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsExtended.d.ts +14 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsExtended.d.ts.map +1 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsExtended.js +54 -0
- package/dist/library/icons/react/slash-menu/SlashMenuIconsExtended.js.map +1 -0
- package/dist/library/icons/react/slash-menu/index.d.ts +3 -0
- package/dist/library/icons/react/slash-menu/index.d.ts.map +1 -0
- package/dist/library/icons/react/slash-menu/index.js +14 -0
- package/dist/library/icons/react/slash-menu/index.js.map +1 -0
- package/dist/library/index.d.ts +11 -0
- package/dist/library/index.d.ts.map +1 -0
- package/dist/library/index.js +9 -0
- package/dist/library/index.js.map +1 -0
- package/dist/library/media/collections/emojis.d.ts +2 -0
- package/dist/library/media/collections/emojis.d.ts.map +1 -0
- package/dist/library/media/collections/emojis.js +44 -0
- package/dist/library/media/collections/emojis.js.map +1 -0
- package/dist/library/media/collections/index.d.ts +12 -0
- package/dist/library/media/collections/index.d.ts.map +1 -0
- package/dist/library/media/collections/index.js +34 -0
- package/dist/library/media/collections/index.js.map +1 -0
- package/dist/library/media/collections/other-media.d.ts +2 -0
- package/dist/library/media/collections/other-media.d.ts.map +1 -0
- package/dist/library/media/collections/other-media.js +60 -0
- package/dist/library/media/collections/other-media.js.map +1 -0
- package/dist/library/media/collections/photos.d.ts +2 -0
- package/dist/library/media/collections/photos.d.ts.map +1 -0
- package/dist/library/media/collections/photos.js +25 -0
- package/dist/library/media/collections/photos.js.map +1 -0
- package/dist/library/media/collections/svg.d.ts +2 -0
- package/dist/library/media/collections/svg.d.ts.map +1 -0
- package/dist/library/media/collections/svg.js +51 -0
- package/dist/library/media/collections/svg.js.map +1 -0
- package/dist/library/media/collections/videos.d.ts +2 -0
- package/dist/library/media/collections/videos.d.ts.map +1 -0
- package/dist/library/media/collections/videos.js +35 -0
- package/dist/library/media/collections/videos.js.map +1 -0
- package/dist/library/media/index.d.ts +6 -0
- package/dist/library/media/index.d.ts.map +1 -0
- package/dist/library/media/index.js +6 -0
- package/dist/library/media/index.js.map +1 -0
- package/dist/library/media/providers.d.ts +13 -0
- package/dist/library/media/providers.d.ts.map +1 -0
- package/dist/library/media/providers.js +39 -0
- package/dist/library/media/providers.js.map +1 -0
- package/dist/library/media/registry.d.ts +19 -0
- package/dist/library/media/registry.d.ts.map +1 -0
- package/dist/library/media/registry.js +35 -0
- package/dist/library/media/registry.js.map +1 -0
- package/dist/library/media/types.d.ts +53 -0
- package/dist/library/media/types.d.ts.map +1 -0
- package/dist/library/media/types.js +26 -0
- package/dist/library/media/types.js.map +1 -0
- package/dist/library/media/utils.d.ts +6 -0
- package/dist/library/media/utils.d.ts.map +1 -0
- package/dist/library/media/utils.js +77 -0
- package/dist/library/media/utils.js.map +1 -0
- package/package.json +143 -0
|
@@ -0,0 +1,382 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/* ************************************************************************** */
|
|
3
|
+
/* */
|
|
4
|
+
/* ::: :::::::: */
|
|
5
|
+
/* ColorPickerBoard.tsx :+: :+: :+: */
|
|
6
|
+
/* +:+ +:+ +:+ */
|
|
7
|
+
/* By: rstancu <rstancu@student.42madrid.com> +#+ +:+ +#+ */
|
|
8
|
+
/* +#+#+#+#+#+ +#+ */
|
|
9
|
+
/* Created: 2026/04/09 11:33:25 by rstancu #+# #+# */
|
|
10
|
+
/* Updated: 2026/04/09 11:49:25 by rstancu ### ########.fr */
|
|
11
|
+
/* */
|
|
12
|
+
/* ************************************************************************** */
|
|
13
|
+
import { useEffect, useRef, useState, } from 'react';
|
|
14
|
+
const DEFAULT_COLOR = '#4F46E5';
|
|
15
|
+
export const DEFAULT_COLOR_PRESETS = [
|
|
16
|
+
{ label: 'Indigo', value: '#4F46E5' },
|
|
17
|
+
{ label: 'Sky', value: '#0EA5E9' },
|
|
18
|
+
{ label: 'Emerald', value: '#10B981' },
|
|
19
|
+
{ label: 'Amber', value: '#F59E0B' },
|
|
20
|
+
{ label: 'Rose', value: '#F43F5E' },
|
|
21
|
+
{ label: 'Slate', value: '#334155' },
|
|
22
|
+
{ label: 'White', value: '#FFFFFF' },
|
|
23
|
+
{ label: 'Black', value: '#0F172A' },
|
|
24
|
+
];
|
|
25
|
+
function clamp(value, min, max) {
|
|
26
|
+
return Math.min(max, Math.max(min, value));
|
|
27
|
+
}
|
|
28
|
+
function normalizeHexColor(value) {
|
|
29
|
+
if (!value) {
|
|
30
|
+
return null;
|
|
31
|
+
}
|
|
32
|
+
const normalized = value.trim().toUpperCase();
|
|
33
|
+
if (/^#[0-9A-F]{6}$/.test(normalized)) {
|
|
34
|
+
return normalized;
|
|
35
|
+
}
|
|
36
|
+
const shortMatch = normalized.match(/^#([0-9A-F]{3})$/);
|
|
37
|
+
if (!shortMatch) {
|
|
38
|
+
return null;
|
|
39
|
+
}
|
|
40
|
+
const [r, g, b] = shortMatch[1].split('');
|
|
41
|
+
return `#${r}${r}${g}${g}${b}${b}`;
|
|
42
|
+
}
|
|
43
|
+
function hexToRgb(hex) {
|
|
44
|
+
const normalized = normalizeHexColor(hex) ?? DEFAULT_COLOR;
|
|
45
|
+
return {
|
|
46
|
+
r: Number.parseInt(normalized.slice(1, 3), 16),
|
|
47
|
+
g: Number.parseInt(normalized.slice(3, 5), 16),
|
|
48
|
+
b: Number.parseInt(normalized.slice(5, 7), 16),
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
function rgbToHex(r, g, b) {
|
|
52
|
+
return `#${[r, g, b]
|
|
53
|
+
.map((value) => clamp(Math.round(value), 0, 255).toString(16).padStart(2, '0'))
|
|
54
|
+
.join('')
|
|
55
|
+
.toUpperCase()}`;
|
|
56
|
+
}
|
|
57
|
+
function rgbToHsva(r, g, b) {
|
|
58
|
+
const r1 = r / 255;
|
|
59
|
+
const g1 = g / 255;
|
|
60
|
+
const b1 = b / 255;
|
|
61
|
+
const max = Math.max(r1, g1, b1);
|
|
62
|
+
const min = Math.min(r1, g1, b1);
|
|
63
|
+
const delta = max - min;
|
|
64
|
+
let h = 0;
|
|
65
|
+
if (delta !== 0) {
|
|
66
|
+
if (max === r1) {
|
|
67
|
+
h = 60 * (((g1 - b1) / delta) % 6);
|
|
68
|
+
}
|
|
69
|
+
else if (max === g1) {
|
|
70
|
+
h = 60 * ((b1 - r1) / delta + 2);
|
|
71
|
+
}
|
|
72
|
+
else {
|
|
73
|
+
h = 60 * ((r1 - g1) / delta + 4);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
if (h < 0) {
|
|
77
|
+
h += 360;
|
|
78
|
+
}
|
|
79
|
+
const s = max === 0 ? 0 : (delta / max) * 100;
|
|
80
|
+
const v = max * 100;
|
|
81
|
+
return { h, s, v };
|
|
82
|
+
}
|
|
83
|
+
function hsvaToRgb(color) {
|
|
84
|
+
const h = color.h;
|
|
85
|
+
const s = clamp(color.s, 0, 100) / 100;
|
|
86
|
+
const v = clamp(color.v, 0, 100) / 100;
|
|
87
|
+
const c = v * s;
|
|
88
|
+
const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
|
|
89
|
+
const m = v - c;
|
|
90
|
+
let r1 = 0;
|
|
91
|
+
let g1 = 0;
|
|
92
|
+
let b1 = 0;
|
|
93
|
+
if (h >= 0 && h < 60) {
|
|
94
|
+
r1 = c;
|
|
95
|
+
g1 = x;
|
|
96
|
+
}
|
|
97
|
+
else if (h >= 60 && h < 120) {
|
|
98
|
+
r1 = x;
|
|
99
|
+
g1 = c;
|
|
100
|
+
}
|
|
101
|
+
else if (h >= 120 && h < 180) {
|
|
102
|
+
g1 = c;
|
|
103
|
+
b1 = x;
|
|
104
|
+
}
|
|
105
|
+
else if (h >= 180 && h < 240) {
|
|
106
|
+
g1 = x;
|
|
107
|
+
b1 = c;
|
|
108
|
+
}
|
|
109
|
+
else if (h >= 240 && h < 300) {
|
|
110
|
+
r1 = x;
|
|
111
|
+
b1 = c;
|
|
112
|
+
}
|
|
113
|
+
else {
|
|
114
|
+
r1 = c;
|
|
115
|
+
b1 = x;
|
|
116
|
+
}
|
|
117
|
+
return {
|
|
118
|
+
r: (r1 + m) * 255,
|
|
119
|
+
g: (g1 + m) * 255,
|
|
120
|
+
b: (b1 + m) * 255,
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
function hexToHsva(hex) {
|
|
124
|
+
const { r, g, b } = hexToRgb(hex);
|
|
125
|
+
return rgbToHsva(r, g, b);
|
|
126
|
+
}
|
|
127
|
+
function hsvaToHex(color) {
|
|
128
|
+
const { r, g, b } = hsvaToRgb(color);
|
|
129
|
+
return rgbToHex(r, g, b);
|
|
130
|
+
}
|
|
131
|
+
function getReadableTextColor(hex) {
|
|
132
|
+
const { r, g, b } = hexToRgb(hex);
|
|
133
|
+
const luminance = (0.2126 * r + 0.7152 * g + 0.0722 * b) / 255;
|
|
134
|
+
return luminance > 0.62 ? '#0F172A' : '#FFFFFF';
|
|
135
|
+
}
|
|
136
|
+
export function ColorPickerBoard({ value, defaultValue = DEFAULT_COLOR, onChange, onChangeComplete, presets = DEFAULT_COLOR_PRESETS, label = 'Color picker', showInput = true, size = 240, className, }) {
|
|
137
|
+
const initialHex = normalizeHexColor(value) ?? normalizeHexColor(defaultValue) ?? DEFAULT_COLOR;
|
|
138
|
+
const [internalHex, setInternalHex] = useState(initialHex);
|
|
139
|
+
const [currentColor, setCurrentColor] = useState(hexToHsva(initialHex));
|
|
140
|
+
const [inputValue, setInputValue] = useState(initialHex);
|
|
141
|
+
const [isBoardDragging, setIsBoardDragging] = useState(false);
|
|
142
|
+
const [isHueDragging, setIsHueDragging] = useState(false);
|
|
143
|
+
const boardRef = useRef(null);
|
|
144
|
+
const hueRef = useRef(null);
|
|
145
|
+
const resolvedHex = normalizeHexColor(value) ?? internalHex;
|
|
146
|
+
const activeHex = normalizeHexColor(resolvedHex) ?? DEFAULT_COLOR;
|
|
147
|
+
useEffect(() => {
|
|
148
|
+
const normalized = normalizeHexColor(value) ?? normalizeHexColor(defaultValue) ?? DEFAULT_COLOR;
|
|
149
|
+
if (value === undefined) {
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
setCurrentColor(hexToHsva(normalized));
|
|
153
|
+
setInputValue(normalized);
|
|
154
|
+
}, [value, defaultValue]);
|
|
155
|
+
function commitColor(nextColor, notifyComplete = false) {
|
|
156
|
+
const normalizedColor = {
|
|
157
|
+
h: clamp(nextColor.h, 0, 360),
|
|
158
|
+
s: clamp(nextColor.s, 0, 100),
|
|
159
|
+
v: clamp(nextColor.v, 0, 100),
|
|
160
|
+
};
|
|
161
|
+
const nextHex = hsvaToHex(normalizedColor);
|
|
162
|
+
setCurrentColor(normalizedColor);
|
|
163
|
+
setInputValue(nextHex);
|
|
164
|
+
if (value === undefined) {
|
|
165
|
+
setInternalHex(nextHex);
|
|
166
|
+
}
|
|
167
|
+
onChange?.(nextHex);
|
|
168
|
+
if (notifyComplete) {
|
|
169
|
+
onChangeComplete?.(nextHex);
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
function updateBoardFromPointer(clientX, clientY, notifyComplete = false) {
|
|
173
|
+
const board = boardRef.current;
|
|
174
|
+
if (!board) {
|
|
175
|
+
return;
|
|
176
|
+
}
|
|
177
|
+
const rect = board.getBoundingClientRect();
|
|
178
|
+
const x = clamp(clientX - rect.left, 0, rect.width);
|
|
179
|
+
const y = clamp(clientY - rect.top, 0, rect.height);
|
|
180
|
+
commitColor({
|
|
181
|
+
...currentColor,
|
|
182
|
+
s: (x / rect.width) * 100,
|
|
183
|
+
v: 100 - (y / rect.height) * 100,
|
|
184
|
+
}, notifyComplete);
|
|
185
|
+
}
|
|
186
|
+
function updateHueFromPointer(clientX, notifyComplete = false) {
|
|
187
|
+
const hue = hueRef.current;
|
|
188
|
+
if (!hue) {
|
|
189
|
+
return;
|
|
190
|
+
}
|
|
191
|
+
const rect = hue.getBoundingClientRect();
|
|
192
|
+
const x = clamp(clientX - rect.left, 0, rect.width);
|
|
193
|
+
commitColor({
|
|
194
|
+
...currentColor,
|
|
195
|
+
h: (x / rect.width) * 360,
|
|
196
|
+
}, notifyComplete);
|
|
197
|
+
}
|
|
198
|
+
function handleBoardPointerDown(event) {
|
|
199
|
+
event.preventDefault();
|
|
200
|
+
event.currentTarget.setPointerCapture(event.pointerId);
|
|
201
|
+
setIsBoardDragging(true);
|
|
202
|
+
updateBoardFromPointer(event.clientX, event.clientY);
|
|
203
|
+
}
|
|
204
|
+
function handleBoardPointerMove(event) {
|
|
205
|
+
if (!isBoardDragging) {
|
|
206
|
+
return;
|
|
207
|
+
}
|
|
208
|
+
updateBoardFromPointer(event.clientX, event.clientY);
|
|
209
|
+
}
|
|
210
|
+
function handleBoardPointerUp(event) {
|
|
211
|
+
if (!isBoardDragging) {
|
|
212
|
+
return;
|
|
213
|
+
}
|
|
214
|
+
event.currentTarget.releasePointerCapture(event.pointerId);
|
|
215
|
+
setIsBoardDragging(false);
|
|
216
|
+
updateBoardFromPointer(event.clientX, event.clientY, true);
|
|
217
|
+
}
|
|
218
|
+
function handleHuePointerDown(event) {
|
|
219
|
+
event.preventDefault();
|
|
220
|
+
event.currentTarget.setPointerCapture(event.pointerId);
|
|
221
|
+
setIsHueDragging(true);
|
|
222
|
+
updateHueFromPointer(event.clientX);
|
|
223
|
+
}
|
|
224
|
+
function handleHuePointerMove(event) {
|
|
225
|
+
if (!isHueDragging) {
|
|
226
|
+
return;
|
|
227
|
+
}
|
|
228
|
+
updateHueFromPointer(event.clientX);
|
|
229
|
+
}
|
|
230
|
+
function handleHuePointerUp(event) {
|
|
231
|
+
if (!isHueDragging) {
|
|
232
|
+
return;
|
|
233
|
+
}
|
|
234
|
+
event.currentTarget.releasePointerCapture(event.pointerId);
|
|
235
|
+
setIsHueDragging(false);
|
|
236
|
+
updateHueFromPointer(event.clientX, true);
|
|
237
|
+
}
|
|
238
|
+
function handleInputChange(event) {
|
|
239
|
+
setInputValue(event.target.value.toUpperCase());
|
|
240
|
+
}
|
|
241
|
+
function commitInputValue() {
|
|
242
|
+
const normalized = normalizeHexColor(inputValue);
|
|
243
|
+
if (!normalized) {
|
|
244
|
+
setInputValue(activeHex);
|
|
245
|
+
return;
|
|
246
|
+
}
|
|
247
|
+
commitColor(hexToHsva(normalized), true);
|
|
248
|
+
}
|
|
249
|
+
function handleInputKeyDown(event) {
|
|
250
|
+
if (event.key !== 'Enter') {
|
|
251
|
+
return;
|
|
252
|
+
}
|
|
253
|
+
commitInputValue();
|
|
254
|
+
}
|
|
255
|
+
const boardHandleLeft = `${currentColor.s}%`;
|
|
256
|
+
const boardHandleTop = `${100 - currentColor.v}%`;
|
|
257
|
+
const hueHandleLeft = `${(currentColor.h / 360) * 100}%`;
|
|
258
|
+
const boardHue = hsvaToHex({ h: currentColor.h, s: 100, v: 100 });
|
|
259
|
+
const textColor = getReadableTextColor(activeHex);
|
|
260
|
+
const rootStyle = {
|
|
261
|
+
width: size + 32,
|
|
262
|
+
padding: 16,
|
|
263
|
+
borderRadius: 24,
|
|
264
|
+
border: '1px solid rgba(148, 163, 184, 0.22)',
|
|
265
|
+
background: 'linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(30, 41, 59, 0.96) 100%)',
|
|
266
|
+
boxShadow: '0 24px 60px rgba(15, 23, 42, 0.28)',
|
|
267
|
+
color: '#E2E8F0',
|
|
268
|
+
fontFamily: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
269
|
+
};
|
|
270
|
+
const boardStyle = {
|
|
271
|
+
position: 'relative',
|
|
272
|
+
width: size,
|
|
273
|
+
height: size,
|
|
274
|
+
borderRadius: 20,
|
|
275
|
+
overflow: 'hidden',
|
|
276
|
+
cursor: 'crosshair',
|
|
277
|
+
backgroundColor: boardHue,
|
|
278
|
+
boxShadow: 'inset 0 0 0 1px rgba(255, 255, 255, 0.08)',
|
|
279
|
+
touchAction: 'none',
|
|
280
|
+
};
|
|
281
|
+
return (_jsxs("section", { className: className, style: rootStyle, "aria-label": label, children: [_jsxs("div", { style: {
|
|
282
|
+
display: 'flex',
|
|
283
|
+
alignItems: 'center',
|
|
284
|
+
justifyContent: 'space-between',
|
|
285
|
+
gap: 16,
|
|
286
|
+
marginBottom: 16,
|
|
287
|
+
}, children: [_jsxs("div", { children: [_jsx("div", { style: { fontSize: 12, letterSpacing: '0.08em', textTransform: 'uppercase', opacity: 0.7 }, children: "Picker Board" }), _jsx("h3", { style: { margin: '6px 0 0', fontSize: 20, lineHeight: 1.1 }, children: label })] }), _jsx("div", { "aria-label": `Selected color ${activeHex}`, style: {
|
|
288
|
+
minWidth: 88,
|
|
289
|
+
padding: '10px 12px',
|
|
290
|
+
borderRadius: 16,
|
|
291
|
+
background: activeHex,
|
|
292
|
+
color: textColor,
|
|
293
|
+
textAlign: 'center',
|
|
294
|
+
fontSize: 12,
|
|
295
|
+
fontWeight: 700,
|
|
296
|
+
boxShadow: 'inset 0 0 0 1px rgba(255, 255, 255, 0.16)',
|
|
297
|
+
}, children: activeHex })] }), _jsxs("div", { ref: boardRef, role: "presentation", style: boardStyle, onPointerDown: handleBoardPointerDown, onPointerMove: handleBoardPointerMove, onPointerUp: handleBoardPointerUp, onPointerCancel: handleBoardPointerUp, children: [_jsx("div", { style: {
|
|
298
|
+
position: 'absolute',
|
|
299
|
+
inset: 0,
|
|
300
|
+
background: 'linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)',
|
|
301
|
+
} }), _jsx("div", { style: {
|
|
302
|
+
position: 'absolute',
|
|
303
|
+
inset: 0,
|
|
304
|
+
background: 'linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%)',
|
|
305
|
+
} }), _jsx("div", { style: {
|
|
306
|
+
position: 'absolute',
|
|
307
|
+
left: boardHandleLeft,
|
|
308
|
+
top: boardHandleTop,
|
|
309
|
+
width: 18,
|
|
310
|
+
height: 18,
|
|
311
|
+
borderRadius: '50%',
|
|
312
|
+
border: '2px solid #FFFFFF',
|
|
313
|
+
boxShadow: '0 0 0 1px rgba(15, 23, 42, 0.35), 0 4px 14px rgba(15, 23, 42, 0.35)',
|
|
314
|
+
transform: 'translate(-50%, -50%)',
|
|
315
|
+
} })] }), _jsx("div", { ref: hueRef, role: "presentation", style: {
|
|
316
|
+
position: 'relative',
|
|
317
|
+
width: size,
|
|
318
|
+
height: 18,
|
|
319
|
+
marginTop: 14,
|
|
320
|
+
borderRadius: 999,
|
|
321
|
+
background: 'linear-gradient(90deg, #FF0000 0%, #FFFF00 16.66%, #00FF00 33.33%, #00FFFF 50%, #0000FF 66.66%, #FF00FF 83.33%, #FF0000 100%)',
|
|
322
|
+
boxShadow: 'inset 0 0 0 1px rgba(255, 255, 255, 0.1)',
|
|
323
|
+
cursor: 'ew-resize',
|
|
324
|
+
touchAction: 'none',
|
|
325
|
+
}, onPointerDown: handleHuePointerDown, onPointerMove: handleHuePointerMove, onPointerUp: handleHuePointerUp, onPointerCancel: handleHuePointerUp, children: _jsx("div", { style: {
|
|
326
|
+
position: 'absolute',
|
|
327
|
+
left: hueHandleLeft,
|
|
328
|
+
top: '50%',
|
|
329
|
+
width: 14,
|
|
330
|
+
height: 26,
|
|
331
|
+
borderRadius: 999,
|
|
332
|
+
background: '#FFFFFF',
|
|
333
|
+
border: '1px solid rgba(15, 23, 42, 0.18)',
|
|
334
|
+
boxShadow: '0 6px 18px rgba(15, 23, 42, 0.28)',
|
|
335
|
+
transform: 'translate(-50%, -50%)',
|
|
336
|
+
} }) }), showInput ? (_jsxs("div", { style: { display: 'grid', gridTemplateColumns: '1fr auto', gap: 12, marginTop: 16 }, children: [_jsxs("label", { style: { display: 'grid', gap: 8 }, children: [_jsx("span", { style: { fontSize: 12, fontWeight: 600, opacity: 0.78 }, children: "HEX" }), _jsx("input", { value: inputValue, onChange: handleInputChange, onBlur: commitInputValue, onKeyDown: handleInputKeyDown, spellCheck: false, style: {
|
|
337
|
+
height: 42,
|
|
338
|
+
borderRadius: 14,
|
|
339
|
+
border: '1px solid rgba(148, 163, 184, 0.22)',
|
|
340
|
+
background: 'rgba(15, 23, 42, 0.45)',
|
|
341
|
+
color: '#F8FAFC',
|
|
342
|
+
padding: '0 14px',
|
|
343
|
+
fontSize: 14,
|
|
344
|
+
outline: 'none',
|
|
345
|
+
} })] }), _jsx("button", { type: "button", onClick: commitInputValue, style: {
|
|
346
|
+
alignSelf: 'end',
|
|
347
|
+
height: 42,
|
|
348
|
+
padding: '0 14px',
|
|
349
|
+
border: '1px solid rgba(148, 163, 184, 0.22)',
|
|
350
|
+
borderRadius: 14,
|
|
351
|
+
background: 'rgba(255, 255, 255, 0.08)',
|
|
352
|
+
color: '#F8FAFC',
|
|
353
|
+
fontSize: 14,
|
|
354
|
+
fontWeight: 700,
|
|
355
|
+
cursor: 'pointer',
|
|
356
|
+
}, children: "Apply" })] })) : null, _jsx("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(4, minmax(0, 1fr))', gap: 10, marginTop: 18 }, children: presets.map((preset) => {
|
|
357
|
+
const presetValue = normalizeHexColor(preset.value) ?? DEFAULT_COLOR;
|
|
358
|
+
const isActive = presetValue === activeHex;
|
|
359
|
+
return (_jsxs("button", { type: "button", onClick: () => {
|
|
360
|
+
commitColor(hexToHsva(presetValue), true);
|
|
361
|
+
}, title: `${preset.label}: ${presetValue}`, style: {
|
|
362
|
+
display: 'grid',
|
|
363
|
+
gap: 6,
|
|
364
|
+
justifyItems: 'center',
|
|
365
|
+
padding: '10px 8px',
|
|
366
|
+
borderRadius: 16,
|
|
367
|
+
border: isActive
|
|
368
|
+
? '1px solid rgba(255, 255, 255, 0.5)'
|
|
369
|
+
: '1px solid rgba(148, 163, 184, 0.18)',
|
|
370
|
+
background: 'rgba(255, 255, 255, 0.04)',
|
|
371
|
+
color: '#CBD5E1',
|
|
372
|
+
cursor: 'pointer',
|
|
373
|
+
}, children: [_jsx("span", { style: {
|
|
374
|
+
width: 28,
|
|
375
|
+
height: 28,
|
|
376
|
+
borderRadius: 10,
|
|
377
|
+
background: presetValue,
|
|
378
|
+
boxShadow: 'inset 0 0 0 1px rgba(15, 23, 42, 0.12)',
|
|
379
|
+
} }), _jsx("span", { style: { fontSize: 11, lineHeight: 1.2 }, children: preset.label })] }, `${preset.label}-${presetValue}`));
|
|
380
|
+
}) })] }));
|
|
381
|
+
}
|
|
382
|
+
//# sourceMappingURL=ColorPickerBoard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorPickerBoard.js","sourceRoot":"","sources":["../../../../../library/components/react/color-picker/ColorPickerBoard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/color-picker/index.ts"],"names":[],"mappings":"AAYA,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/* ************************************************************************** */
|
|
2
|
+
/* */
|
|
3
|
+
/* ::: :::::::: */
|
|
4
|
+
/* index.ts :+: :+: :+: */
|
|
5
|
+
/* +:+ +:+ +:+ */
|
|
6
|
+
/* By: rstancu <rstancu@student.42madrid.com> +#+ +:+ +#+ */
|
|
7
|
+
/* +#+#+#+#+#+ +#+ */
|
|
8
|
+
/* Created: 2026/04/09 11:33:25 by rstancu #+# #+# */
|
|
9
|
+
/* Updated: 2026/04/09 11:49:25 by rstancu ### ########.fr */
|
|
10
|
+
/* */
|
|
11
|
+
/* ************************************************************************** */
|
|
12
|
+
export * from './ColorPickerBoard.js';
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../library/components/react/color-picker/index.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAEhF,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type EmojiPickerItem } from './emojiPickerData.js';
|
|
2
|
+
export interface EmojiPickerBoardProps {
|
|
3
|
+
value?: string;
|
|
4
|
+
defaultValue?: string;
|
|
5
|
+
onChange?: (value: string) => void;
|
|
6
|
+
onChangeComplete?: (value: string) => void;
|
|
7
|
+
items?: EmojiPickerItem[];
|
|
8
|
+
label?: string;
|
|
9
|
+
showSearch?: boolean;
|
|
10
|
+
columns?: number;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare function EmojiPickerBoard({ value, defaultValue, onChange, onChangeComplete, items, label, showSearch, columns, className, }: Readonly<EmojiPickerBoardProps>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=EmojiPickerBoard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmojiPickerBoard.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/emoji-picker/EmojiPickerBoard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,gBAAgB,EAChB,KAAkC,EAClC,KAAsB,EACtB,UAAiB,EACjB,OAAW,EACX,SAAS,GACV,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CA0BjC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { AssetPickerBoard, createEmojiPickerTab, } from '../asset-picker/index.js';
|
|
4
|
+
import { DEFAULT_EMOJI_PICKER_ITEMS, } from './emojiPickerData.js';
|
|
5
|
+
function resolveSelectionValue(items, requestedValue) {
|
|
6
|
+
if (items.length === 0) {
|
|
7
|
+
return undefined;
|
|
8
|
+
}
|
|
9
|
+
const selectedItem = items.find((item) => item.value === requestedValue) ??
|
|
10
|
+
items[0];
|
|
11
|
+
return {
|
|
12
|
+
tabId: 'emojis',
|
|
13
|
+
itemId: selectedItem.id,
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
export function EmojiPickerBoard({ value, defaultValue, onChange, onChangeComplete, items = DEFAULT_EMOJI_PICKER_ITEMS, label = 'Emoji picker', showSearch = true, columns = 6, className, }) {
|
|
17
|
+
const tab = useMemo(() => createEmojiPickerTab(items, { columns }), [columns, items]);
|
|
18
|
+
const boardValue = resolveSelectionValue(items, value);
|
|
19
|
+
const boardDefaultValue = resolveSelectionValue(items, defaultValue);
|
|
20
|
+
return (_jsx(AssetPickerBoard, { tabs: [tab], value: boardValue, defaultValue: boardDefaultValue, label: label, showSearch: showSearch, showTabs: false, columns: columns, className: className, onChange: (selection) => {
|
|
21
|
+
onChange?.(selection.item.value);
|
|
22
|
+
}, onChangeComplete: (selection) => {
|
|
23
|
+
onChangeComplete?.(selection.item.value);
|
|
24
|
+
} }));
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=EmojiPickerBoard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmojiPickerBoard.js","sourceRoot":"","sources":["../../../../../library/components/react/emoji-picker/EmojiPickerBoard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EACL,gBAAgB,EAChB,oBAAoB,GAErB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,0BAA0B,GAE3B,MAAM,sBAAsB,CAAC;AAc9B,SAAS,qBAAqB,CAC5B,KAAwB,EACxB,cAAkC;IAElC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,YAAY,GAChB,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,cAAc,CAAC;QACnD,KAAK,CAAC,CAAC,CAAC,CAAC;IAEX,OAAO;QACL,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,YAAY,CAAC,EAAE;KACxB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,gBAAgB,EAChB,KAAK,GAAG,0BAA0B,EAClC,KAAK,GAAG,cAAc,EACtB,UAAU,GAAG,IAAI,EACjB,OAAO,GAAG,CAAC,EACX,SAAS,GACuB;IAChC,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAC9C,CAAC,OAAO,EAAE,KAAK,CAAC,CACjB,CAAC;IACF,MAAM,UAAU,GAAG,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACvD,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;IAErE,OAAO,CACL,KAAC,gBAAgB,IACf,IAAI,EAAE,CAAC,GAAG,CAAC,EACX,KAAK,EAAE,UAAU,EACjB,YAAY,EAAE,iBAAiB,EAC/B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE;YACtB,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,EACD,gBAAgB,EAAE,CAAC,SAAS,EAAE,EAAE;YAC9B,gBAAgB,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,GACD,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface EmojiPickerItem {
|
|
2
|
+
id: string;
|
|
3
|
+
label: string;
|
|
4
|
+
value: string;
|
|
5
|
+
keywords?: string[];
|
|
6
|
+
group?: string;
|
|
7
|
+
src?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const DEFAULT_EMOJI_PICKER_ITEMS: EmojiPickerItem[];
|
|
10
|
+
//# sourceMappingURL=emojiPickerData.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"emojiPickerData.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/emoji-picker/emojiPickerData.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,0BAA0B,EAAE,eAAe,EAyBvD,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export const DEFAULT_EMOJI_PICKER_ITEMS = [
|
|
2
|
+
{ id: 'wave', label: 'Wave', value: '👋', keywords: ['hello', 'hand'], group: 'gestures' },
|
|
3
|
+
{ id: 'thumbs-up', label: 'Thumbs Up', value: '👍', keywords: ['like', 'approve'], group: 'gestures' },
|
|
4
|
+
{ id: 'fire', label: 'Fire', value: '🔥', keywords: ['hot', 'trend'], group: 'status' },
|
|
5
|
+
{ id: 'sparkles', label: 'Sparkles', value: '✨', keywords: ['shine', 'magic'], group: 'status' },
|
|
6
|
+
{ id: 'rocket', label: 'Rocket', value: '🚀', keywords: ['launch', 'speed'], group: 'status' },
|
|
7
|
+
{ id: 'party', label: 'Party', value: '🎉', keywords: ['celebrate', 'confetti'], group: 'status' },
|
|
8
|
+
{ id: 'check', label: 'Check', value: '✅', keywords: ['done', 'success'], group: 'symbols' },
|
|
9
|
+
{ id: 'warning', label: 'Warning', value: '⚠️', keywords: ['alert', 'risk'], group: 'symbols' },
|
|
10
|
+
{ id: 'idea', label: 'Idea', value: '💡', keywords: ['tip', 'brainstorm'], group: 'objects' },
|
|
11
|
+
{ id: 'brain', label: 'Brain', value: '🧠', keywords: ['thinking', 'smart'], group: 'objects' },
|
|
12
|
+
{ id: 'palette', label: 'Palette', value: '🎨', keywords: ['design', 'art'], group: 'objects' },
|
|
13
|
+
{ id: 'package', label: 'Package', value: '📦', keywords: ['box', 'delivery'], group: 'objects' },
|
|
14
|
+
{ id: 'pin', label: 'Pin', value: '📌', keywords: ['attach', 'note'], group: 'objects' },
|
|
15
|
+
{ id: 'paperclip', label: 'Paperclip', value: '📎', keywords: ['attachment', 'file'], group: 'objects' },
|
|
16
|
+
{ id: 'puzzle', label: 'Puzzle', value: '🧩', keywords: ['piece', 'integration'], group: 'objects' },
|
|
17
|
+
{ id: 'tools', label: 'Tools', value: '🛠️', keywords: ['build', 'fix'], group: 'objects' },
|
|
18
|
+
{ id: 'megaphone', label: 'Megaphone', value: '📣', keywords: ['announce', 'broadcast'], group: 'objects' },
|
|
19
|
+
{ id: 'heart', label: 'Heart', value: '❤️', keywords: ['love', 'favorite'], group: 'status' },
|
|
20
|
+
{ id: 'star', label: 'Star', value: '⭐', keywords: ['favorite', 'quality'], group: 'status' },
|
|
21
|
+
{ id: 'moon', label: 'Moon', value: '🌙', keywords: ['night', 'dark'], group: 'nature' },
|
|
22
|
+
{ id: 'sun', label: 'Sun', value: '☀️', keywords: ['day', 'light'], group: 'nature' },
|
|
23
|
+
{ id: 'leaf', label: 'Leaf', value: '🌿', keywords: ['green', 'fresh'], group: 'nature' },
|
|
24
|
+
{ id: 'robot', label: 'Robot', value: '🤖', keywords: ['bot', 'ai'], group: 'faces' },
|
|
25
|
+
{ id: 'cool', label: 'Cool', value: '😎', keywords: ['confidence', 'style'], group: 'faces' },
|
|
26
|
+
];
|
|
27
|
+
//# sourceMappingURL=emojiPickerData.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"emojiPickerData.js","sourceRoot":"","sources":["../../../../../library/components/react/emoji-picker/emojiPickerData.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/emoji-picker/index.ts"],"names":[],"mappings":"AAYA,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/* ************************************************************************** */
|
|
2
|
+
/* */
|
|
3
|
+
/* ::: :::::::: */
|
|
4
|
+
/* index.ts :+: :+: :+: */
|
|
5
|
+
/* +:+ +:+ +:+ */
|
|
6
|
+
/* By: rstancu <rstancu@student.42madrid.com> +#+ +:+ +#+ */
|
|
7
|
+
/* +#+#+#+#+#+ +#+ */
|
|
8
|
+
/* Created: 2026/04/09 11:38:08 by rstancu #+# #+# */
|
|
9
|
+
/* Updated: 2026/04/09 11:49:25 by rstancu ### ########.fr */
|
|
10
|
+
/* */
|
|
11
|
+
/* ************************************************************************** */
|
|
12
|
+
export * from './emojiPickerData.js';
|
|
13
|
+
export * from './EmojiPickerBoard.js';
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../library/components/react/emoji-picker/index.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAEhF,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface ExampleBlockProps {
|
|
2
|
+
code: string;
|
|
3
|
+
onInsert?: (text: string) => void;
|
|
4
|
+
onCopy?: (text: string) => void;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function ExampleBlock({ code, onInsert, onCopy, className }: Readonly<ExampleBlockProps>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=ExampleBlock.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExampleBlock.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/formula/ExampleBlock.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,QAAQ,CAAC,iBAAiB,CAAC,2CA2C9F"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/* ************************************************************************** */
|
|
3
|
+
/* */
|
|
4
|
+
/* ::: :::::::: */
|
|
5
|
+
/* ExampleBlock.tsx :+: :+: :+: */
|
|
6
|
+
/* +:+ +:+ +:+ */
|
|
7
|
+
/* By: rstancu <rstancu@student.42madrid.com> +#+ +:+ +#+ */
|
|
8
|
+
/* +#+#+#+#+#+ +#+ */
|
|
9
|
+
/* Created: 2026/04/09 12:25:25 by rstancu #+# #+# */
|
|
10
|
+
/* Updated: 2026/04/09 12:25:25 by rstancu ### ########.fr */
|
|
11
|
+
/* */
|
|
12
|
+
/* ************************************************************************** */
|
|
13
|
+
import React, { useState } from 'react';
|
|
14
|
+
import { cn } from '../../../icons/react/cn.js';
|
|
15
|
+
function InsertIcon({ className }) {
|
|
16
|
+
return (_jsxs("svg", { viewBox: "0 0 16 16", className: className, fill: "none", stroke: "currentColor", strokeWidth: "1.4", "aria-hidden": "true", children: [_jsx("path", { d: "M5 11L11 5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M6 5h5v5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
17
|
+
}
|
|
18
|
+
function CopyIcon({ className }) {
|
|
19
|
+
return (_jsxs("svg", { className: className, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: [_jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] }));
|
|
20
|
+
}
|
|
21
|
+
function CheckIcon({ className }) {
|
|
22
|
+
return (_jsx("svg", { viewBox: "0 0 16 16", className: className, fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": "true", children: _jsx("path", { d: "M3.5 8.5l2.5 2.5 6-6", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
23
|
+
}
|
|
24
|
+
export function ExampleBlock({ code, onInsert, onCopy, className }) {
|
|
25
|
+
const [copied, setCopied] = useState(false);
|
|
26
|
+
async function handleCopy() {
|
|
27
|
+
try {
|
|
28
|
+
await navigator.clipboard?.writeText(code);
|
|
29
|
+
onCopy?.(code);
|
|
30
|
+
setCopied(true);
|
|
31
|
+
window.setTimeout(() => setCopied(false), 1500);
|
|
32
|
+
}
|
|
33
|
+
catch {
|
|
34
|
+
setCopied(false);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
return (_jsxs("div", { className: cn('flex items-start gap-1 group', className), children: [_jsx("div", { className: cn('flex-1 p-1.5 rounded bg-surface-primary border border-line font-mono text-[11px] text-ink-body break-all leading-snug'), children: code }), _jsxs("div", { className: cn('flex flex-col gap-0.5 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity'), children: [onInsert ? (_jsx("button", { type: "button", onClick: () => onInsert(code), className: cn('p-1 rounded hover:bg-hover-accent-soft text-ink-muted hover:text-hover-accent-text transition-colors'), title: "Insert into formula", children: _jsx(InsertIcon, { className: cn('w-3 h-3') }) })) : null, _jsx("button", { type: "button", onClick: () => {
|
|
38
|
+
void handleCopy();
|
|
39
|
+
}, className: cn('p-1 rounded hover:bg-hover-surface2 text-ink-muted hover:text-hover-text transition-colors'), title: "Copy", children: copied ? _jsx(CheckIcon, { className: cn('w-3 h-3 text-success-text') }) : _jsx(CopyIcon, { className: cn('w-3 h-3') }) })] })] }));
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=ExampleBlock.js.map
|