buildgrid-ui 1.1.0-dev.9 → 1.1.0
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/dist/blocks/help-carousel/help-carousel.d.ts +9 -0
- package/dist/blocks/help-carousel/index.d.ts +1 -0
- package/dist/blocks/index.d.ts +4 -0
- package/dist/blocks/month-navigator/index.d.ts +1 -0
- package/dist/blocks/month-navigator/month-navigator.d.ts +9 -0
- package/dist/blocks/pagination-controls/index.d.ts +1 -0
- package/dist/blocks/pagination-controls/pagination-controls.d.ts +7 -0
- package/dist/blocks/sidebar/index.d.ts +1 -0
- package/dist/blocks/sidebar/sidebar.d.ts +26 -0
- package/dist/buildgrid-ui.es.js +8281 -2987
- package/dist/buildgrid-ui.umd.js +104 -43
- package/dist/components/autocomplete/autocomplete.d.ts +1 -0
- package/dist/components/calendar/calendar.d.ts +8 -0
- package/dist/components/calendar/index.d.ts +1 -0
- package/dist/components/dialog/dialog.d.ts +19 -0
- package/dist/components/dialog/index.d.ts +1 -0
- package/dist/components/index.d.ts +14 -0
- package/dist/components/label/index.d.ts +1 -0
- package/dist/components/label/label.d.ts +5 -0
- package/dist/components/navigation-menu/index.d.ts +1 -0
- package/dist/components/navigation-menu/navigation-menu.d.ts +12 -0
- package/dist/components/pagination/index.d.ts +1 -0
- package/dist/components/pagination/pagination.d.ts +28 -0
- package/dist/components/radio-group/index.d.ts +1 -0
- package/dist/components/radio-group/radio-group.d.ts +5 -0
- package/dist/components/select/index.d.ts +1 -0
- package/dist/components/select/select.d.ts +13 -0
- package/dist/components/table/index.d.ts +1 -0
- package/dist/components/table/table.d.ts +10 -0
- package/dist/components/tabs/index.d.ts +1 -0
- package/dist/components/tabs/tabs.d.ts +7 -0
- package/dist/components/textarea/index.d.ts +1 -0
- package/dist/components/textarea/textarea.d.ts +3 -0
- package/dist/components/toaster/index.d.ts +2 -0
- package/dist/components/toaster/toaster.d.ts +9 -0
- package/dist/components/toggle/index.d.ts +1 -0
- package/dist/components/toggle/toggle.d.ts +12 -0
- package/dist/components/toggle-group/index.d.ts +1 -0
- package/dist/components/toggle-group/toggle-group.d.ts +12 -0
- package/dist/components/tooltip/index.d.ts +1 -0
- package/dist/components/tooltip/tooltip.d.ts +7 -0
- package/dist/index.d.ts +3 -1
- package/dist/lib/hooks/index.d.ts +5 -0
- package/dist/lib/hooks/use-debounce.d.ts +2 -0
- package/dist/lib/hooks/use-dialog.d.ts +30 -0
- package/dist/lib/hooks/use-media-query.d.ts +1 -0
- package/dist/lib/hooks/use-mobile.d.ts +1 -0
- package/dist/lib/hooks/use-pwa-install.d.ts +7 -0
- package/dist/lib/utils/index.d.ts +2 -0
- package/package.json +18 -2
- package/.editorconfig +0 -5
- package/.eslintrc.json +0 -3
- package/.github/workflows/release.yml +0 -25
- package/.husky/commit-msg +0 -1
- package/.prettierignore +0 -6
- package/.prettierrc +0 -6
- package/.releaserc.json +0 -40
- package/.storybook/main.ts +0 -26
- package/.storybook/preview.ts +0 -15
- package/CHANGELOG.md +0 -53
- package/commitlint.config.js +0 -3
- package/components.json +0 -21
- package/dist/lib/index.d.ts +0 -2
- package/eslint.config.mjs +0 -13
- package/postcss.config.js +0 -6
- package/src/components/adaptive-input/adaptive-input.stories.tsx +0 -31
- package/src/components/adaptive-input/adaptive-input.tsx +0 -66
- package/src/components/adaptive-input/index.ts +0 -1
- package/src/components/alert-dialog/alert-dialog.stories.tsx +0 -49
- package/src/components/alert-dialog/alert-dialog.tsx +0 -130
- package/src/components/alert-dialog/index.ts +0 -1
- package/src/components/autocomplete/autocomplete.stories.tsx +0 -84
- package/src/components/autocomplete/autocomplete.tsx +0 -136
- package/src/components/autocomplete/index.ts +0 -1
- package/src/components/avatar/avatar.stories.tsx +0 -29
- package/src/components/avatar/avatar.tsx +0 -48
- package/src/components/avatar/index.ts +0 -1
- package/src/components/badge/badge.stories.tsx +0 -30
- package/src/components/badge/badge.tsx +0 -34
- package/src/components/badge/index.ts +0 -1
- package/src/components/button/button.stories.tsx +0 -62
- package/src/components/button/button.tsx +0 -82
- package/src/components/button/index.ts +0 -1
- package/src/components/card/card.stories.tsx +0 -41
- package/src/components/card/card.tsx +0 -61
- package/src/components/card/index.ts +0 -1
- package/src/components/checkbox/checkbox.stories.tsx +0 -36
- package/src/components/checkbox/checkbox.tsx +0 -28
- package/src/components/checkbox/index.ts +0 -1
- package/src/components/currency-input/currency-input.stories.tsx +0 -28
- package/src/components/currency-input/currency-input.tsx +0 -93
- package/src/components/currency-input/index.ts +0 -1
- package/src/components/dropdown-menu/dropdown-menu.stories.tsx +0 -90
- package/src/components/dropdown-menu/dropdown-menu.tsx +0 -192
- package/src/components/dropdown-menu/index.ts +0 -1
- package/src/components/index.ts +0 -16
- package/src/components/input/index.ts +0 -1
- package/src/components/input/input.stories.tsx +0 -22
- package/src/components/input/input.tsx +0 -41
- package/src/components/password-input/index.ts +0 -1
- package/src/components/password-input/password-input.stories.tsx +0 -26
- package/src/components/password-input/password-input.tsx +0 -98
- package/src/components/popover/index.ts +0 -1
- package/src/components/popover/popover.stories.tsx +0 -32
- package/src/components/popover/popover.tsx +0 -30
- package/src/components/progress/index.ts +0 -1
- package/src/components/progress/progress.stories.tsx +0 -21
- package/src/components/progress/progress.tsx +0 -26
- package/src/components/skeleton/index.ts +0 -1
- package/src/components/skeleton/skeleton.stories.tsx +0 -24
- package/src/components/skeleton/skeleton.tsx +0 -19
- package/src/components/switch/index.ts +0 -1
- package/src/components/switch/switch.stories.tsx +0 -21
- package/src/components/switch/switch.tsx +0 -26
- package/src/index.ts +0 -2
- package/src/lib/index.ts +0 -2
- package/src/lib/utils/cn.ts +0 -6
- package/src/lib/utils/formatters.ts +0 -55
- package/src/styles/tailwind.css +0 -66
- package/tailwind.config.js +0 -57
- package/tsconfig.app.json +0 -10
- package/tsconfig.json +0 -29
- package/vite.config.ts +0 -34
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
export const formatCurrency = (
|
|
2
|
-
number: number,
|
|
3
|
-
language = 'pt-BR',
|
|
4
|
-
currency = 'BRL',
|
|
5
|
-
): string => {
|
|
6
|
-
return new Intl.NumberFormat(language, {
|
|
7
|
-
style: 'currency',
|
|
8
|
-
currency,
|
|
9
|
-
minimumFractionDigits: 2,
|
|
10
|
-
}).format(number)
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export const formatDateAndWeekday = (date: Date | string, language = 'pt-BR'): string =>
|
|
14
|
-
new Intl.DateTimeFormat(language, {
|
|
15
|
-
day: '2-digit',
|
|
16
|
-
month: 'long',
|
|
17
|
-
weekday: 'long',
|
|
18
|
-
}).format(new Date(date))
|
|
19
|
-
|
|
20
|
-
export const formatDateAndWeekdayAndYear = (
|
|
21
|
-
date: Date | string,
|
|
22
|
-
language = 'pt-BR',
|
|
23
|
-
): string =>
|
|
24
|
-
new Intl.DateTimeFormat(language, {
|
|
25
|
-
day: '2-digit',
|
|
26
|
-
month: 'long',
|
|
27
|
-
weekday: 'long',
|
|
28
|
-
year: 'numeric',
|
|
29
|
-
}).format(new Date(date))
|
|
30
|
-
|
|
31
|
-
export const formatDateAndMonth = (date: Date | string, language = 'pt-BR'): string =>
|
|
32
|
-
new Intl.DateTimeFormat(language, {
|
|
33
|
-
day: '2-digit',
|
|
34
|
-
month: 'long',
|
|
35
|
-
}).format(new Date(date))
|
|
36
|
-
|
|
37
|
-
export const formatLongDate = (date: Date | string, language = 'pt-BR'): string =>
|
|
38
|
-
new Intl.DateTimeFormat(language, { dateStyle: 'long' }).format(
|
|
39
|
-
typeof date === 'string' ? new Date(date) : date,
|
|
40
|
-
)
|
|
41
|
-
|
|
42
|
-
export const formatShortDate = (date: Date, language = 'pt-BR'): string =>
|
|
43
|
-
new Intl.DateTimeFormat(language, { dateStyle: 'short' }).format(date)
|
|
44
|
-
|
|
45
|
-
export const getMonthYearFromISODate = (date: string): string => {
|
|
46
|
-
return date.slice(0, 7)
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
export const formatWeekDayAndShortDate = (date: Date, language = 'pt-BR') => {
|
|
50
|
-
return date.toLocaleDateString(language, {
|
|
51
|
-
weekday: 'short',
|
|
52
|
-
day: '2-digit',
|
|
53
|
-
month: '2-digit',
|
|
54
|
-
})
|
|
55
|
-
}
|
package/src/styles/tailwind.css
DELETED
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
@tailwind base;
|
|
2
|
-
@tailwind components;
|
|
3
|
-
@tailwind utilities;
|
|
4
|
-
@layer base {
|
|
5
|
-
:root {
|
|
6
|
-
--background: 0 0% 100%;
|
|
7
|
-
--foreground: 0 0% 3.9%;
|
|
8
|
-
--card: 0 0% 100%;
|
|
9
|
-
--card-foreground: 0 0% 3.9%;
|
|
10
|
-
--popover: 0 0% 100%;
|
|
11
|
-
--popover-foreground: 0 0% 3.9%;
|
|
12
|
-
--primary: 0 0% 9%;
|
|
13
|
-
--primary-foreground: 0 0% 98%;
|
|
14
|
-
--secondary: 0 0% 96.1%;
|
|
15
|
-
--secondary-foreground: 0 0% 9%;
|
|
16
|
-
--muted: 0 0% 96.1%;
|
|
17
|
-
--muted-foreground: 0 0% 45.1%;
|
|
18
|
-
--accent: 0 0% 96.1%;
|
|
19
|
-
--accent-foreground: 0 0% 9%;
|
|
20
|
-
--destructive: 0 84.2% 60.2%;
|
|
21
|
-
--destructive-foreground: 0 0% 98%;
|
|
22
|
-
--border: 0 0% 89.8%;
|
|
23
|
-
--input: 0 0% 89.8%;
|
|
24
|
-
--ring: 0 0% 3.9%;
|
|
25
|
-
--chart-1: 12 76% 61%;
|
|
26
|
-
--chart-2: 173 58% 39%;
|
|
27
|
-
--chart-3: 197 37% 24%;
|
|
28
|
-
--chart-4: 43 74% 66%;
|
|
29
|
-
--chart-5: 27 87% 67%;
|
|
30
|
-
--radius: 0.5rem
|
|
31
|
-
}
|
|
32
|
-
.dark {
|
|
33
|
-
--background: 0 0% 3.9%;
|
|
34
|
-
--foreground: 0 0% 98%;
|
|
35
|
-
--card: 0 0% 3.9%;
|
|
36
|
-
--card-foreground: 0 0% 98%;
|
|
37
|
-
--popover: 0 0% 3.9%;
|
|
38
|
-
--popover-foreground: 0 0% 98%;
|
|
39
|
-
--primary: 0 0% 98%;
|
|
40
|
-
--primary-foreground: 0 0% 9%;
|
|
41
|
-
--secondary: 0 0% 14.9%;
|
|
42
|
-
--secondary-foreground: 0 0% 98%;
|
|
43
|
-
--muted: 0 0% 14.9%;
|
|
44
|
-
--muted-foreground: 0 0% 63.9%;
|
|
45
|
-
--accent: 0 0% 14.9%;
|
|
46
|
-
--accent-foreground: 0 0% 98%;
|
|
47
|
-
--destructive: 0 62.8% 30.6%;
|
|
48
|
-
--destructive-foreground: 0 0% 98%;
|
|
49
|
-
--border: 0 0% 14.9%;
|
|
50
|
-
--input: 0 0% 14.9%;
|
|
51
|
-
--ring: 0 0% 83.1%;
|
|
52
|
-
--chart-1: 220 70% 50%;
|
|
53
|
-
--chart-2: 160 60% 45%;
|
|
54
|
-
--chart-3: 30 80% 55%;
|
|
55
|
-
--chart-4: 280 65% 60%;
|
|
56
|
-
--chart-5: 340 75% 55%
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
@layer base {
|
|
60
|
-
* {
|
|
61
|
-
@apply border-border;
|
|
62
|
-
}
|
|
63
|
-
body {
|
|
64
|
-
@apply bg-background text-foreground;
|
|
65
|
-
}
|
|
66
|
-
}
|
package/tailwind.config.js
DELETED
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
/** @type {import('tailwindcss').Config} */
|
|
2
|
-
module.exports = {
|
|
3
|
-
darkMode: ["class"],
|
|
4
|
-
content: ["./src/**/*.{js,ts,jsx,tsx}"],
|
|
5
|
-
theme: {
|
|
6
|
-
extend: {
|
|
7
|
-
borderRadius: {
|
|
8
|
-
lg: 'var(--radius)',
|
|
9
|
-
md: 'calc(var(--radius) - 2px)',
|
|
10
|
-
sm: 'calc(var(--radius) - 4px)'
|
|
11
|
-
},
|
|
12
|
-
colors: {
|
|
13
|
-
background: 'hsl(var(--background))',
|
|
14
|
-
foreground: 'hsl(var(--foreground))',
|
|
15
|
-
card: {
|
|
16
|
-
DEFAULT: 'hsl(var(--card))',
|
|
17
|
-
foreground: 'hsl(var(--card-foreground))'
|
|
18
|
-
},
|
|
19
|
-
popover: {
|
|
20
|
-
DEFAULT: 'hsl(var(--popover))',
|
|
21
|
-
foreground: 'hsl(var(--popover-foreground))'
|
|
22
|
-
},
|
|
23
|
-
primary: {
|
|
24
|
-
DEFAULT: 'hsl(var(--primary))',
|
|
25
|
-
foreground: 'hsl(var(--primary-foreground))'
|
|
26
|
-
},
|
|
27
|
-
secondary: {
|
|
28
|
-
DEFAULT: 'hsl(var(--secondary))',
|
|
29
|
-
foreground: 'hsl(var(--secondary-foreground))'
|
|
30
|
-
},
|
|
31
|
-
muted: {
|
|
32
|
-
DEFAULT: 'hsl(var(--muted))',
|
|
33
|
-
foreground: 'hsl(var(--muted-foreground))'
|
|
34
|
-
},
|
|
35
|
-
accent: {
|
|
36
|
-
DEFAULT: 'hsl(var(--accent))',
|
|
37
|
-
foreground: 'hsl(var(--accent-foreground))'
|
|
38
|
-
},
|
|
39
|
-
destructive: {
|
|
40
|
-
DEFAULT: 'hsl(var(--destructive))',
|
|
41
|
-
foreground: 'hsl(var(--destructive-foreground))'
|
|
42
|
-
},
|
|
43
|
-
border: 'hsl(var(--border))',
|
|
44
|
-
input: 'hsl(var(--input))',
|
|
45
|
-
ring: 'hsl(var(--ring))',
|
|
46
|
-
chart: {
|
|
47
|
-
'1': 'hsl(var(--chart-1))',
|
|
48
|
-
'2': 'hsl(var(--chart-2))',
|
|
49
|
-
'3': 'hsl(var(--chart-3))',
|
|
50
|
-
'4': 'hsl(var(--chart-4))',
|
|
51
|
-
'5': 'hsl(var(--chart-5))'
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
},
|
|
56
|
-
plugins: [require("tailwindcss-animate")],
|
|
57
|
-
};
|
package/tsconfig.app.json
DELETED
package/tsconfig.json
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"compilerOptions": {
|
|
3
|
-
"baseUrl": ".",
|
|
4
|
-
"target": "esnext",
|
|
5
|
-
"module": "esnext",
|
|
6
|
-
"lib": ["dom", "esnext"],
|
|
7
|
-
"jsx": "react-jsx",
|
|
8
|
-
"strict": true,
|
|
9
|
-
"moduleResolution": "node",
|
|
10
|
-
"esModuleInterop": true,
|
|
11
|
-
"declaration": true,
|
|
12
|
-
"emitDeclarationOnly": true,
|
|
13
|
-
"outDir": "dist",
|
|
14
|
-
"skipLibCheck": true,
|
|
15
|
-
"forceConsistentCasingInFileNames": true,
|
|
16
|
-
"paths": {
|
|
17
|
-
"@/*": ["./src/*"]
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
"include": ["src"],
|
|
21
|
-
"exclude": [
|
|
22
|
-
"node_modules",
|
|
23
|
-
"dist",
|
|
24
|
-
".husky",
|
|
25
|
-
"**/*.test.ts",
|
|
26
|
-
"**/*.test.tsx",
|
|
27
|
-
"**/*.stories.tsx"
|
|
28
|
-
]
|
|
29
|
-
}
|
package/vite.config.ts
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { defineConfig } from "vite";
|
|
2
|
-
import path from "path";
|
|
3
|
-
import react from "@vitejs/plugin-react";
|
|
4
|
-
|
|
5
|
-
export default defineConfig({
|
|
6
|
-
plugins: [react()],
|
|
7
|
-
resolve: {
|
|
8
|
-
alias: {
|
|
9
|
-
"@": path.resolve(__dirname, "./src"),
|
|
10
|
-
},
|
|
11
|
-
},
|
|
12
|
-
css: {
|
|
13
|
-
postcss: {
|
|
14
|
-
plugins: [require("tailwindcss"), require("autoprefixer")],
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
|
|
18
|
-
build: {
|
|
19
|
-
lib: {
|
|
20
|
-
entry: "src/index.ts",
|
|
21
|
-
name: "BuildgridUI",
|
|
22
|
-
fileName: (format) => `buildgrid-ui.${format}.js`,
|
|
23
|
-
},
|
|
24
|
-
rollupOptions: {
|
|
25
|
-
external: ["react", "react-dom"],
|
|
26
|
-
output: {
|
|
27
|
-
globals: {
|
|
28
|
-
react: "React",
|
|
29
|
-
"react-dom": "ReactDOM",
|
|
30
|
-
},
|
|
31
|
-
},
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
});
|