@prokodo/ui 0.1.14 → 0.1.15
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/components/RTE/RTE.client.js +0 -1
- package/dist/components/RTE/RTE.js +4 -1
- package/dist/components/accordion/Accordion.js +8 -2
- package/dist/components/accordion/Accordion.view.js +1 -1
- package/dist/components/animated/Animated.client.js +13 -5
- package/dist/components/animated/Animated.js +8 -2
- package/dist/components/animatedText/AnimatedText.client.js +10 -2
- package/dist/components/animatedText/AnimatedText.js +8 -2
- package/dist/components/autocomplete/Autocomplete.client.js +5 -1
- package/dist/components/autocomplete/Autocomplete.js +4 -1
- package/dist/components/autocomplete/Autocomplete.view.js +13 -4
- package/dist/components/avatar/Avatar.js +4 -1
- package/dist/components/avatar/Avatar.view.js +19 -12
- package/dist/components/base-link/BaseLink.js +4 -1
- package/dist/components/base-link/BaseLink.view.js +3 -0
- package/dist/components/button/Button.js +4 -1
- package/dist/components/button/Button.view.js +3 -1
- package/dist/components/calendly/Calendly.js +8 -2
- package/dist/components/card/Card.js +11 -5
- package/dist/components/card/Card.view.js +22 -5
- package/dist/components/carousel/Carousel.client.js +140 -129
- package/dist/components/carousel/Carousel.js +8 -2
- package/dist/components/carousel/Carousel.view.js +10 -0
- package/dist/components/checkbox/Checkbox.js +4 -1
- package/dist/components/checkbox/Checkbox.view.js +4 -1
- package/dist/components/checkbox-group/CheckboxGroup.js +4 -1
- package/dist/components/checkbox-group/CheckboxGroup.view.js +4 -1
- package/dist/components/chip/Chip.js +4 -1
- package/dist/components/chip/Chip.view.js +4 -0
- package/dist/components/datePicker/DatePicker.js +4 -1
- package/dist/components/dialog/Dialog.js +8 -2
- package/dist/components/dialog/Dialog.view.js +23 -5
- package/dist/components/drawer/Drawer.client.js +0 -1
- package/dist/components/drawer/Drawer.js +4 -1
- package/dist/components/drawer/Drawer.view.js +14 -3
- package/dist/components/dynamic-list/DynamicList.client.js +1 -0
- package/dist/components/dynamic-list/DynamicList.js +4 -1
- package/dist/components/dynamic-list/DynamicList.view.js +18 -5
- package/dist/components/form/Form.client.js +4 -1
- package/dist/components/form/Form.js +4 -1
- package/dist/components/form/Form.view.js +3 -1
- package/dist/components/form/FormField.client.js +8 -2
- package/dist/components/form/FormField.js +4 -1
- package/dist/components/form/FormResponse.js +4 -1
- package/dist/components/headline/Headline.js +8 -2
- package/dist/components/icon/Icon.js +8 -2
- package/dist/components/image/Image.client.js +9 -5
- package/dist/components/image/Image.js +8 -2
- package/dist/components/image/Image.server.js +2 -1
- package/dist/components/image-text/ImageText.js +18 -8
- package/dist/components/input/Input.client.js +15 -2
- package/dist/components/input/Input.js +4 -1
- package/dist/components/input/Input.view.js +15 -6
- package/dist/components/input/InputValidation.js +6 -2
- package/dist/components/inputOTP/InputOTP.js +2 -1
- package/dist/components/link/Link.js +5 -3
- package/dist/components/link/Link.view.js +2 -1
- package/dist/components/list/List.js +52 -23
- package/dist/components/loading/Loading.js +4 -1
- package/dist/components/loading/Loading.view.js +25 -5
- package/dist/components/lottie/Lottie.js +9 -5
- package/dist/components/map/Map.js +62 -44
- package/dist/components/pagination/Pagination.js +4 -1
- package/dist/components/pagination/Pagination.view.js +3 -1
- package/dist/components/post-item/PostItem.js +4 -1
- package/dist/components/post-item/PostItemAuthor.js +4 -1
- package/dist/components/post-teaser/PostTeaser.js +4 -1
- package/dist/components/post-teaser/PostTeaser.view.js +4 -2
- package/dist/components/post-widget/PostWidget.js +5 -3
- package/dist/components/post-widget/PostWidget.view.js +9 -3
- package/dist/components/post-widget-carousel/PostWidgetCarousel.js +8 -2
- package/dist/components/post-widget-carousel/PostWidgetCarousel.view.js +2 -1
- package/dist/components/progressBar/ProgressBar.js +8 -2
- package/dist/components/progressBar/ProgressBar.view.js +4 -1
- package/dist/components/rating/Rating.client.js +6 -1
- package/dist/components/rating/Rating.js +4 -1
- package/dist/components/rich-text/RichText.client.js +52 -17
- package/dist/components/rich-text/RichText.js +8 -2
- package/dist/components/rich-text/RichText.server.js +3 -0
- package/dist/components/select/Select.client.js +149 -101
- package/dist/components/select/Select.js +8 -2
- package/dist/components/select/Select.view.js +35 -11
- package/dist/components/sidenav/SideNav.js +8 -2
- package/dist/components/slider/Slider.client.js +11 -2
- package/dist/components/slider/Slider.js +4 -1
- package/dist/components/slider/Slider.view.js +43 -5
- package/dist/components/snackbar/Snackbar.client.js +5 -1
- package/dist/components/snackbar/Snackbar.js +4 -1
- package/dist/components/snackbar/SnackbarProvider.js +8 -2
- package/dist/components/stepper/Stepper.client.js +6 -3
- package/dist/components/stepper/Stepper.js +4 -1
- package/dist/components/switch/Switch.js +4 -1
- package/dist/components/switch/Switch.view.js +1 -0
- package/dist/components/table/Table.js +1 -0
- package/dist/components/tabs/Tabs.client.js +1 -0
- package/dist/components/tabs/Tabs.js +8 -2
- package/dist/components/tabs/Tabs.view.js +8 -2
- package/dist/components/tooltip/Tooltip.client.js +126 -91
- package/dist/components/tooltip/Tooltip.js +10 -4
- package/dist/components/tooltip/Tooltip.view.js +1 -0
- package/dist/constants/project.js +1 -1
- package/dist/helpers/createIsland.js +1 -0
- package/dist/helpers/createLazyWrapper.js +1 -0
- package/dist/hooks/useGoogleMaps.js +0 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/RTE/RTE.d.ts +1 -1
- package/dist/types/components/RTE/RTE.lazy.d.ts +1 -1
- package/dist/types/components/avatar/Avatar.view.d.ts +1 -1
- package/dist/types/components/carousel/Carousel.view.d.ts +1 -1
- package/dist/types/components/dynamic-list/DynamicList.model.d.ts +1 -1
- package/dist/types/components/headline/Headline.model.d.ts +1 -1
- package/dist/types/components/input/Input.view.d.ts +1 -1
- package/package.json +19 -5
|
@@ -320,10 +320,10 @@ export declare const RTE: import("react").ComponentType<{
|
|
|
320
320
|
inputContainerClassName?: string | undefined;
|
|
321
321
|
inputClassName?: string | undefined;
|
|
322
322
|
hideCounter?: boolean | undefined;
|
|
323
|
+
hideLegend?: boolean | undefined;
|
|
323
324
|
minRows?: number | undefined;
|
|
324
325
|
maxRows?: number | undefined;
|
|
325
326
|
errorTranslations?: import("../input").InputErrorTranslations | undefined;
|
|
326
|
-
hideLegend?: boolean | undefined;
|
|
327
327
|
onValidate?: import("../input").InputValidateEvent | undefined;
|
|
328
328
|
} & {
|
|
329
329
|
value?: string;
|
|
@@ -320,10 +320,10 @@ declare const _default: import("react").ComponentType<{
|
|
|
320
320
|
inputContainerClassName?: string | undefined;
|
|
321
321
|
inputClassName?: string | undefined;
|
|
322
322
|
hideCounter?: boolean | undefined;
|
|
323
|
+
hideLegend?: boolean | undefined;
|
|
323
324
|
minRows?: number | undefined;
|
|
324
325
|
maxRows?: number | undefined;
|
|
325
326
|
errorTranslations?: import("../input").InputErrorTranslations | undefined;
|
|
326
|
-
hideLegend?: boolean | undefined;
|
|
327
327
|
onValidate?: import("../input").InputValidateEvent | undefined;
|
|
328
328
|
} & {
|
|
329
329
|
value?: string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { AvatarProps } from "./Avatar.model";
|
|
2
2
|
import type { JSX } from "react";
|
|
3
|
-
export declare function AvatarView({ className, variant, size, image, redirect, ...rest }: AvatarProps): JSX.Element;
|
|
3
|
+
export declare function AvatarView({ className, variant, size, image, redirect, iconOverride, ...rest }: AvatarProps): JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { type JSX } from "react";
|
|
2
2
|
import type { CarouselProps } from "./Carousel.model";
|
|
3
|
-
export declare function CarouselView({ itemsToShow, className, classNameWrapper, classNameItem, classNameDots, classNameDot, enableControl, children, ...rest }: CarouselProps): JSX.Element;
|
|
3
|
+
export declare function CarouselView({ itemsToShow, className, classNameWrapper, classNameItem, classNameDots, classNameDot, classNameDotActive: _classNameDotActive, classNameButtons: _classNameButtons, classNameControls: _classNameControls, enableControl, enableDots: _enableDots, autoplay: _autoplay, translateX: _translateX, itemStyle: _itemStyle, responsive: _responsive, nextButton: _nextButton, prevButton: _prevButton, children, ...rest }: CarouselProps): JSX.Element;
|
|
@@ -14,7 +14,7 @@ export type DynamicListFieldSelect = Omit<SelectProps, "id"> & {
|
|
|
14
14
|
export type DynamicListField = DynamicListFieldInput | DynamicListFieldSelect;
|
|
15
15
|
export type DynamicListDefault = {
|
|
16
16
|
id?: string;
|
|
17
|
-
name
|
|
17
|
+
name?: string;
|
|
18
18
|
className?: string;
|
|
19
19
|
classNameList?: string;
|
|
20
20
|
buttonAddProps?: ButtonProps;
|
|
@@ -3,7 +3,7 @@ import type { Schema } from "@/types/schema";
|
|
|
3
3
|
import type { Variants } from "@/types/variants";
|
|
4
4
|
import type { HTMLAttributes } from "react";
|
|
5
5
|
export type HeadlineTypeProps = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
6
|
-
export type HeadlineSizeProps = "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
|
|
6
|
+
export type HeadlineSizeProps = "xxl" | "xl" | "lg" | "md" | "sm" | "xs" | number;
|
|
7
7
|
export type HeadlineVariant = Variants;
|
|
8
8
|
export type HeadlineProps = HTMLAttributes<HTMLHeadElement> & {
|
|
9
9
|
animated?: boolean;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { InputProps } from "./Input.model";
|
|
2
2
|
import type { JSX } from "react";
|
|
3
|
-
export declare function InputView({ inputRef, name, label, disabled, placeholder, isFocused, labelProps, value, helperText, errorText, required, fullWidth, multiline, maxLength, className, fieldClassName, inputContainerClassName, inputClassName, hideCounter, rows, minRows, maxRows, type, renderNode, ...rest }: InputProps): JSX.Element;
|
|
3
|
+
export declare function InputView({ inputRef, name, label, disabled, placeholder, isFocused, labelProps, value, helperText, errorText, required, fullWidth, multiline, maxLength, className, fieldClassName, inputContainerClassName, inputClassName, hideCounter, rows, hideLegend: _hideLegend, minRows, maxRows, type, renderNode, ...rest }: InputProps): JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prokodo/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.15",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "UI components for production-grade Next.js + Headless CMS (Strapi, Contentful, Headless WordPress) websites by prokodo – built for Core Web Vitals & SEO.",
|
|
6
6
|
"sideEffects": [
|
|
@@ -295,9 +295,14 @@
|
|
|
295
295
|
"build": "vite build && pnpm build:types && node tools/duplicate-css-modules.mjs && node tools/update-exports.mjs",
|
|
296
296
|
"build:types": "tsc --project tsconfig.build.json",
|
|
297
297
|
"typecheck": "tsc --project tsconfig.typecheck.json",
|
|
298
|
-
"
|
|
299
|
-
"test
|
|
300
|
-
"test:ci": "
|
|
298
|
+
"typecheck:cypress": "tsc --project tsconfig.cypress.json",
|
|
299
|
+
"test": "pnpm format && pnpm lint && pnpm typecheck && pnpm test:unit && pnpm test:e2e:ci",
|
|
300
|
+
"test:ci": "pnpm format && pnpm lint && pnpm typecheck && pnpm test:unit:ci && pnpm test:e2e:ci",
|
|
301
|
+
"test:unit": "NODE_ENV=test jest --coverage --verbose",
|
|
302
|
+
"test:unit:watch": "NODE_ENV=test jest --watch",
|
|
303
|
+
"test:unit:ci": "NODE_ENV=test jest --runInBand --ci --coverage",
|
|
304
|
+
"test:e2e": "cypress open --component",
|
|
305
|
+
"test:e2e:ci": "cypress run --component --headless",
|
|
301
306
|
"fix": "pnpm format:fix && pnpm lint:fix",
|
|
302
307
|
"lint": "eslint 'src/**/*.{ts,tsx}' --cache --cache-location .eslintcache",
|
|
303
308
|
"lint:fix": "eslint 'src/**/*.{ts,tsx}' --fix --cache --cache-location .eslintcache",
|
|
@@ -312,7 +317,7 @@
|
|
|
312
317
|
},
|
|
313
318
|
"dependencies": {
|
|
314
319
|
"@googlemaps/js-api-loader": "^2.0.2",
|
|
315
|
-
"@lottiefiles/dotlottie-react": "^0.
|
|
320
|
+
"@lottiefiles/dotlottie-react": "^0.18.2",
|
|
316
321
|
"dayjs": "^1.11.19",
|
|
317
322
|
"highlight.js": "^11.11.1",
|
|
318
323
|
"markdown-it": "^14.1.0",
|
|
@@ -331,12 +336,14 @@
|
|
|
331
336
|
"@babel/preset-react": "^7.27.1",
|
|
332
337
|
"@babel/preset-typescript": "^7.27.1",
|
|
333
338
|
"@changesets/cli": "^2.29.4",
|
|
339
|
+
"@chromatic-com/cypress": "^0.11.8",
|
|
334
340
|
"@chromatic-com/storybook": "^3",
|
|
335
341
|
"@csstools/css-color-parser": "^3.1.0",
|
|
336
342
|
"@eslint/compat": "^1.2.0",
|
|
337
343
|
"@hugeicons/core-free-icons": "^2.0.0",
|
|
338
344
|
"@jest/globals": "^29.7.0",
|
|
339
345
|
"@jest/types": "^29.6.3",
|
|
346
|
+
"@storybook/addon-a11y": "8.2.9",
|
|
340
347
|
"@storybook/addon-essentials": "8.2.9",
|
|
341
348
|
"@storybook/addon-interactions": "8.2.9",
|
|
342
349
|
"@storybook/addon-links": "8.2.9",
|
|
@@ -348,12 +355,14 @@
|
|
|
348
355
|
"@storybook/test": "8.2.9",
|
|
349
356
|
"@storybook/theming": "^8.6.14",
|
|
350
357
|
"@svgr/webpack": "^8.1.0",
|
|
358
|
+
"@testing-library/cypress": "^10.1.0",
|
|
351
359
|
"@testing-library/jest-dom": "^6.5.0",
|
|
352
360
|
"@testing-library/react": "^16.0.1",
|
|
353
361
|
"@testing-library/user-event": "^14.6.1",
|
|
354
362
|
"@types/google.maps": "^3.55.11",
|
|
355
363
|
"@types/hast": "^3.0.4",
|
|
356
364
|
"@types/jest": "^29.5.13",
|
|
365
|
+
"@types/jest-axe": "^3.5.9",
|
|
357
366
|
"@types/node": "^22.15.21",
|
|
358
367
|
"@types/react": "19.2.2",
|
|
359
368
|
"@types/react-dom": "19.2.2",
|
|
@@ -362,7 +371,11 @@
|
|
|
362
371
|
"@vitejs/plugin-react": "^4.5.0",
|
|
363
372
|
"acorn": "^8.14.1",
|
|
364
373
|
"acorn-walk": "^8.3.4",
|
|
374
|
+
"axe-core": "^4.11.1",
|
|
365
375
|
"babel-jest": "^29.7.0",
|
|
376
|
+
"chromatic": "^15.2.0",
|
|
377
|
+
"cypress": "^15.10.0",
|
|
378
|
+
"cypress-axe": "^1.7.0",
|
|
366
379
|
"esbuild": "^0.25.4",
|
|
367
380
|
"eslint": "^9.10.0",
|
|
368
381
|
"eslint-config-prettier": "^9.1.0",
|
|
@@ -383,6 +396,7 @@
|
|
|
383
396
|
"husky": "^9.1.6",
|
|
384
397
|
"identity-obj-proxy": "^3.0.0",
|
|
385
398
|
"jest": "^29.7.0",
|
|
399
|
+
"jest-axe": "^10.0.0",
|
|
386
400
|
"jest-canvas-mock": "^2.5.2",
|
|
387
401
|
"jest-css-modules": "^2.1.0",
|
|
388
402
|
"jest-environment-jsdom": "^29.7.0",
|