@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.
Files changed (113) hide show
  1. package/dist/components/RTE/RTE.client.js +0 -1
  2. package/dist/components/RTE/RTE.js +4 -1
  3. package/dist/components/accordion/Accordion.js +8 -2
  4. package/dist/components/accordion/Accordion.view.js +1 -1
  5. package/dist/components/animated/Animated.client.js +13 -5
  6. package/dist/components/animated/Animated.js +8 -2
  7. package/dist/components/animatedText/AnimatedText.client.js +10 -2
  8. package/dist/components/animatedText/AnimatedText.js +8 -2
  9. package/dist/components/autocomplete/Autocomplete.client.js +5 -1
  10. package/dist/components/autocomplete/Autocomplete.js +4 -1
  11. package/dist/components/autocomplete/Autocomplete.view.js +13 -4
  12. package/dist/components/avatar/Avatar.js +4 -1
  13. package/dist/components/avatar/Avatar.view.js +19 -12
  14. package/dist/components/base-link/BaseLink.js +4 -1
  15. package/dist/components/base-link/BaseLink.view.js +3 -0
  16. package/dist/components/button/Button.js +4 -1
  17. package/dist/components/button/Button.view.js +3 -1
  18. package/dist/components/calendly/Calendly.js +8 -2
  19. package/dist/components/card/Card.js +11 -5
  20. package/dist/components/card/Card.view.js +22 -5
  21. package/dist/components/carousel/Carousel.client.js +140 -129
  22. package/dist/components/carousel/Carousel.js +8 -2
  23. package/dist/components/carousel/Carousel.view.js +10 -0
  24. package/dist/components/checkbox/Checkbox.js +4 -1
  25. package/dist/components/checkbox/Checkbox.view.js +4 -1
  26. package/dist/components/checkbox-group/CheckboxGroup.js +4 -1
  27. package/dist/components/checkbox-group/CheckboxGroup.view.js +4 -1
  28. package/dist/components/chip/Chip.js +4 -1
  29. package/dist/components/chip/Chip.view.js +4 -0
  30. package/dist/components/datePicker/DatePicker.js +4 -1
  31. package/dist/components/dialog/Dialog.js +8 -2
  32. package/dist/components/dialog/Dialog.view.js +23 -5
  33. package/dist/components/drawer/Drawer.client.js +0 -1
  34. package/dist/components/drawer/Drawer.js +4 -1
  35. package/dist/components/drawer/Drawer.view.js +14 -3
  36. package/dist/components/dynamic-list/DynamicList.client.js +1 -0
  37. package/dist/components/dynamic-list/DynamicList.js +4 -1
  38. package/dist/components/dynamic-list/DynamicList.view.js +18 -5
  39. package/dist/components/form/Form.client.js +4 -1
  40. package/dist/components/form/Form.js +4 -1
  41. package/dist/components/form/Form.view.js +3 -1
  42. package/dist/components/form/FormField.client.js +8 -2
  43. package/dist/components/form/FormField.js +4 -1
  44. package/dist/components/form/FormResponse.js +4 -1
  45. package/dist/components/headline/Headline.js +8 -2
  46. package/dist/components/icon/Icon.js +8 -2
  47. package/dist/components/image/Image.client.js +9 -5
  48. package/dist/components/image/Image.js +8 -2
  49. package/dist/components/image/Image.server.js +2 -1
  50. package/dist/components/image-text/ImageText.js +18 -8
  51. package/dist/components/input/Input.client.js +15 -2
  52. package/dist/components/input/Input.js +4 -1
  53. package/dist/components/input/Input.view.js +15 -6
  54. package/dist/components/input/InputValidation.js +6 -2
  55. package/dist/components/inputOTP/InputOTP.js +2 -1
  56. package/dist/components/link/Link.js +5 -3
  57. package/dist/components/link/Link.view.js +2 -1
  58. package/dist/components/list/List.js +52 -23
  59. package/dist/components/loading/Loading.js +4 -1
  60. package/dist/components/loading/Loading.view.js +25 -5
  61. package/dist/components/lottie/Lottie.js +9 -5
  62. package/dist/components/map/Map.js +62 -44
  63. package/dist/components/pagination/Pagination.js +4 -1
  64. package/dist/components/pagination/Pagination.view.js +3 -1
  65. package/dist/components/post-item/PostItem.js +4 -1
  66. package/dist/components/post-item/PostItemAuthor.js +4 -1
  67. package/dist/components/post-teaser/PostTeaser.js +4 -1
  68. package/dist/components/post-teaser/PostTeaser.view.js +4 -2
  69. package/dist/components/post-widget/PostWidget.js +5 -3
  70. package/dist/components/post-widget/PostWidget.view.js +9 -3
  71. package/dist/components/post-widget-carousel/PostWidgetCarousel.js +8 -2
  72. package/dist/components/post-widget-carousel/PostWidgetCarousel.view.js +2 -1
  73. package/dist/components/progressBar/ProgressBar.js +8 -2
  74. package/dist/components/progressBar/ProgressBar.view.js +4 -1
  75. package/dist/components/rating/Rating.client.js +6 -1
  76. package/dist/components/rating/Rating.js +4 -1
  77. package/dist/components/rich-text/RichText.client.js +52 -17
  78. package/dist/components/rich-text/RichText.js +8 -2
  79. package/dist/components/rich-text/RichText.server.js +3 -0
  80. package/dist/components/select/Select.client.js +149 -101
  81. package/dist/components/select/Select.js +8 -2
  82. package/dist/components/select/Select.view.js +35 -11
  83. package/dist/components/sidenav/SideNav.js +8 -2
  84. package/dist/components/slider/Slider.client.js +11 -2
  85. package/dist/components/slider/Slider.js +4 -1
  86. package/dist/components/slider/Slider.view.js +43 -5
  87. package/dist/components/snackbar/Snackbar.client.js +5 -1
  88. package/dist/components/snackbar/Snackbar.js +4 -1
  89. package/dist/components/snackbar/SnackbarProvider.js +8 -2
  90. package/dist/components/stepper/Stepper.client.js +6 -3
  91. package/dist/components/stepper/Stepper.js +4 -1
  92. package/dist/components/switch/Switch.js +4 -1
  93. package/dist/components/switch/Switch.view.js +1 -0
  94. package/dist/components/table/Table.js +1 -0
  95. package/dist/components/tabs/Tabs.client.js +1 -0
  96. package/dist/components/tabs/Tabs.js +8 -2
  97. package/dist/components/tabs/Tabs.view.js +8 -2
  98. package/dist/components/tooltip/Tooltip.client.js +126 -91
  99. package/dist/components/tooltip/Tooltip.js +10 -4
  100. package/dist/components/tooltip/Tooltip.view.js +1 -0
  101. package/dist/constants/project.js +1 -1
  102. package/dist/helpers/createIsland.js +1 -0
  103. package/dist/helpers/createLazyWrapper.js +1 -0
  104. package/dist/hooks/useGoogleMaps.js +0 -1
  105. package/dist/tsconfig.build.tsbuildinfo +1 -1
  106. package/dist/types/components/RTE/RTE.d.ts +1 -1
  107. package/dist/types/components/RTE/RTE.lazy.d.ts +1 -1
  108. package/dist/types/components/avatar/Avatar.view.d.ts +1 -1
  109. package/dist/types/components/carousel/Carousel.view.d.ts +1 -1
  110. package/dist/types/components/dynamic-list/DynamicList.model.d.ts +1 -1
  111. package/dist/types/components/headline/Headline.model.d.ts +1 -1
  112. package/dist/types/components/input/Input.view.d.ts +1 -1
  113. 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: string;
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.14",
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
- "test": "NODE_ENV=test jest --coverage --verbose && pnpm format && pnpm lint && pnpm typecheck",
299
- "test:watch": "NODE_ENV=test jest --watch",
300
- "test:ci": "NODE_ENV=test jest --runInBand --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.17.8",
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",