@prokodo/ui 1.0.3 → 1.0.5
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.css +9 -9
- package/dist/components/RTE/RTE.module.css +9 -9
- package/dist/components/RTE/RTE.module.scss.js +12 -1
- package/dist/components/animatedText/AnimatedText.server.js +2 -2
- package/dist/components/autocomplete/Autocomplete.css +1 -1
- package/dist/components/autocomplete/Autocomplete.module.css +1 -1
- package/dist/components/autocomplete/Autocomplete.module.scss.js +3 -0
- package/dist/components/avatar/Avatar.view.js +1 -1
- package/dist/components/button/Button.client.js +2 -2
- package/dist/components/button/Button.css +1 -3
- package/dist/components/button/Button.module.css +1 -3
- package/dist/components/button/Button.module.scss.js +3 -3
- package/dist/components/button/Button.server.js +9 -2
- package/dist/components/card/Card.client.js +0 -2
- package/dist/components/card/Card.view.js +1 -0
- package/dist/components/carousel/Carousel.client.js +14 -9
- package/dist/components/checkbox/Checkbox.css +2 -2
- package/dist/components/checkbox/Checkbox.module.css +2 -2
- package/dist/components/checkbox/Checkbox.module.scss.js +1 -0
- package/dist/components/checkbox-group/CheckboxGroup.css +5 -5
- package/dist/components/checkbox-group/CheckboxGroup.module.css +5 -5
- package/dist/components/checkbox-group/CheckboxGroup.module.scss.js +1 -0
- package/dist/components/chip/Chip.css +4 -4
- package/dist/components/chip/Chip.module.css +4 -4
- package/dist/components/datePicker/DatePicker.client.js +36 -3
- package/dist/components/datePicker/DatePicker.css +4 -4
- package/dist/components/datePicker/DatePicker.module.css +4 -4
- package/dist/components/datePicker/DatePicker.module.scss.js +1 -0
- package/dist/components/datePicker/DatePicker.view.js +3 -1
- package/dist/components/datePicker/DatePickerDialog.view.js +3 -1
- package/dist/components/dialog/Dialog.client.js +8 -0
- package/dist/components/dialog/Dialog.css +3 -5
- package/dist/components/dialog/Dialog.module.css +3 -5
- package/dist/components/dialog/Dialog.module.scss.js +1 -1
- package/dist/components/dialog/Dialog.view.js +1 -1
- package/dist/components/drawer/Drawer.js +1 -2
- package/dist/components/dynamic-list/DynamicList.css +1 -1
- package/dist/components/dynamic-list/DynamicList.module.css +1 -1
- package/dist/components/dynamic-list/DynamicList.module.scss.js +1 -0
- package/dist/components/form/FormField.client.js +7 -5
- package/dist/components/image/Image.client.js +8 -4
- package/dist/components/image/Image.server.js +6 -3
- package/dist/components/input/Input.css +3 -3
- package/dist/components/input/Input.module.css +3 -3
- package/dist/components/input/Input.module.scss.js +1 -0
- package/dist/components/input/Input.view.js +3 -3
- package/dist/components/label/Label.css +1 -1
- package/dist/components/label/Label.module.css +1 -1
- package/dist/components/label/Label.module.scss.js +1 -0
- package/dist/components/list/List.css +0 -3
- package/dist/components/list/List.module.css +0 -3
- package/dist/components/loading/Loading.js +1 -2
- package/dist/components/post-teaser/PostTeaser.view.js +1 -0
- package/dist/components/post-widget/PostWidget.view.js +1 -1
- package/dist/components/post-widget-carousel/PostWidgetCarousel.view.js +1 -0
- package/dist/components/rating/Rating.css +1 -1
- package/dist/components/rating/Rating.module.css +1 -1
- package/dist/components/rating/Rating.module.scss.js +1 -0
- package/dist/components/rich-text/RichText.client.js +1 -1
- package/dist/components/select/Select.client.js +13 -3
- package/dist/components/select/Select.css +14 -31
- package/dist/components/select/Select.module.css +14 -31
- package/dist/components/select/Select.module.scss.js +1 -0
- package/dist/components/snackbar/Snackbar.css +36 -0
- package/dist/components/snackbar/Snackbar.module.css +36 -0
- package/dist/components/snackbar/Snackbar.module.scss.js +6 -0
- package/dist/components/stepper/Stepper.css +11 -31
- package/dist/components/stepper/Stepper.module.css +11 -31
- package/dist/components/switch/Switch.css +6 -6
- package/dist/components/switch/Switch.module.css +6 -6
- package/dist/components/switch/Switch.module.scss.js +1 -0
- package/dist/components/table/Table.css +9 -0
- package/dist/components/table/Table.js +2 -1
- package/dist/components/table/Table.module.css +9 -0
- package/dist/components/table/Table.module.scss.js +2 -0
- package/dist/components/tabs/Tabs.module.scss.js +1 -0
- package/dist/components/tooltip/Tooltip.client.js +6 -2
- package/dist/constants/project.js +1 -1
- package/dist/index.js +1 -1
- package/dist/node_modules/.pnpm/cssfilter@0.0.10/node_modules/cssfilter/lib/index.js +4 -4
- package/dist/node_modules/.pnpm/markdown-it@14.1.0/node_modules/markdown-it/lib/rules_core/smartquotes.js +1 -1
- package/dist/node_modules/.pnpm/markdown-it@14.1.0/node_modules/markdown-it/lib/rules_inline/entity.js +1 -1
- package/dist/node_modules/.pnpm/quill@2.0.3/node_modules/quill/dist/quill.js +4 -4
- package/dist/node_modules/.pnpm/xss@1.0.15/node_modules/xss/lib/index.js +6 -6
- package/dist/theme.css +3708 -2237
- 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/datePicker/DatePicker.model.d.ts +2 -1
- package/dist/types/components/datePicker/DatePicker.view.d.ts +3 -2
- package/dist/types/components/datePicker/DatePickerDialog.view.d.ts +1 -1
- package/dist/types/components/form/Form.model.d.ts +5 -0
- package/dist/types/components/input/Input.view.d.ts +1 -1
- package/dist/types/components/select/Select.model.d.ts +2 -0
- package/package.json +22 -5
|
@@ -287,12 +287,12 @@ export declare const RTE: import("react").ComponentType<{
|
|
|
287
287
|
wrap?: string | undefined | undefined;
|
|
288
288
|
multiple?: boolean | undefined | undefined;
|
|
289
289
|
list?: string | undefined | undefined;
|
|
290
|
-
step?: number | string | undefined | undefined;
|
|
291
290
|
src?: string | undefined | undefined;
|
|
292
291
|
width?: number | string | undefined | undefined;
|
|
293
292
|
height?: number | string | undefined | undefined;
|
|
294
293
|
alt?: string | undefined | undefined;
|
|
295
294
|
placeholder?: string | undefined | undefined;
|
|
295
|
+
step?: number | string | undefined | undefined;
|
|
296
296
|
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
297
297
|
formEncType?: string | undefined | undefined;
|
|
298
298
|
formMethod?: string | undefined | undefined;
|
|
@@ -287,12 +287,12 @@ declare const _default: import("react").ComponentType<{
|
|
|
287
287
|
wrap?: string | undefined | undefined;
|
|
288
288
|
multiple?: boolean | undefined | undefined;
|
|
289
289
|
list?: string | undefined | undefined;
|
|
290
|
-
step?: number | string | undefined | undefined;
|
|
291
290
|
src?: string | undefined | undefined;
|
|
292
291
|
width?: number | string | undefined | undefined;
|
|
293
292
|
height?: number | string | undefined | undefined;
|
|
294
293
|
alt?: string | undefined | undefined;
|
|
295
294
|
placeholder?: string | undefined | undefined;
|
|
295
|
+
step?: number | string | undefined | undefined;
|
|
296
296
|
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
297
297
|
formEncType?: string | undefined | undefined;
|
|
298
298
|
formMethod?: string | undefined | undefined;
|
|
@@ -2,7 +2,7 @@ import type { InputProps } from "../input";
|
|
|
2
2
|
import type { IconName } from "@/components/icon";
|
|
3
3
|
import type { Variants } from "@/types/variants";
|
|
4
4
|
import type { Dayjs } from "dayjs";
|
|
5
|
-
import type { TouchEventHandler } from "react";
|
|
5
|
+
import type { CSSProperties, TouchEventHandler } from "react";
|
|
6
6
|
export type DatePickerViewMode = "days" | "months" | "years";
|
|
7
7
|
export interface CalendarDay {
|
|
8
8
|
date: Dayjs;
|
|
@@ -53,6 +53,7 @@ export interface DatePickerDialogProps extends Omit<DatePickerDialogBehavior, "i
|
|
|
53
53
|
onClose?: () => void;
|
|
54
54
|
onDialogTouchStart?: TouchEventHandler<HTMLDivElement>;
|
|
55
55
|
onDialogTouchEnd?: TouchEventHandler<HTMLDivElement>;
|
|
56
|
+
style?: CSSProperties;
|
|
56
57
|
}
|
|
57
58
|
export type DatePickerValue = Dayjs | string | null;
|
|
58
59
|
export type DatePickerErrorTranslations = {
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import type { DatePickerDialogBehavior, DatePickerProps } from "./DatePicker.model";
|
|
2
|
-
import type { JSX, TouchEventHandler } from "react";
|
|
2
|
+
import type { JSX, CSSProperties, TouchEventHandler } from "react";
|
|
3
3
|
export type { DatePickerDialogBehavior } from "./DatePicker.model";
|
|
4
|
-
export declare function DatePickerView({ name, label, helperText, errorText, format, placeholder, minDate, maxDate, withTime, minuteStep, color, required, prevIcon, nextIcon, prevAriaLabel, nextAriaLabel, weekdays, monthFormat, dayAriaFormat, todayLabel, clearLabel, applyLabel, timeLabel, closeIcon, closeLabel, dialogColor, isOpen, dialogPortalTarget, viewingMonth, selectedDate, onToggle, onPrevMonth, onNextMonth, onDayClick, onToday, onClear, onApply, onTimeChange, onDialogTouchStart, onDialogTouchEnd, viewMode, onViewModeChange, onMonthSelect, onYearSelect, }: Omit<DatePickerProps, "onChange" | "value"> & DatePickerDialogBehavior & {
|
|
4
|
+
export declare function DatePickerView({ name, label, helperText, errorText, format, placeholder, minDate, maxDate, withTime, minuteStep, color, required, prevIcon, nextIcon, prevAriaLabel, nextAriaLabel, weekdays, monthFormat, dayAriaFormat, todayLabel, clearLabel, applyLabel, timeLabel, closeIcon, closeLabel, dialogColor, isOpen, dialogPortalTarget, viewingMonth, selectedDate, onToggle, onPrevMonth, onNextMonth, onDayClick, onToday, onClear, onApply, onTimeChange, onDialogTouchStart, onDialogTouchEnd, viewMode, onViewModeChange, onMonthSelect, onYearSelect, dialogStyle, }: Omit<DatePickerProps, "onChange" | "value"> & DatePickerDialogBehavior & {
|
|
5
5
|
dialogPortalTarget?: Element | null;
|
|
6
|
+
dialogStyle?: CSSProperties;
|
|
6
7
|
onDialogTouchStart?: TouchEventHandler<HTMLDivElement>;
|
|
7
8
|
onDialogTouchEnd?: TouchEventHandler<HTMLDivElement>;
|
|
8
9
|
}): JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { DatePickerDialogProps } from "./DatePicker.model";
|
|
2
2
|
import type { JSX } from "react";
|
|
3
3
|
export type { DatePickerDialogProps } from "./DatePicker.model";
|
|
4
|
-
export declare function DatePickerDialog({ name, label, withTime, minuteStep, selectedDate, viewingMonth, minDate, maxDate, prevIcon, nextIcon, prevAriaLabel, nextAriaLabel, weekdays, monthFormat: _monthFormat, dayAriaFormat, todayLabel, clearLabel, applyLabel, timeLabel, closeIcon, closeLabel, dialogColor, onPrevMonth, onNextMonth, onDayClick, onToday, onClear, onApply, onTimeChange, onClose, onDialogTouchStart, onDialogTouchEnd, viewMode, onViewModeChange, onMonthSelect, onYearSelect, }: DatePickerDialogProps): JSX.Element;
|
|
4
|
+
export declare function DatePickerDialog({ name, label, withTime, minuteStep, selectedDate, viewingMonth, minDate, maxDate, prevIcon, nextIcon, prevAriaLabel, nextAriaLabel, weekdays, monthFormat: _monthFormat, dayAriaFormat, todayLabel, clearLabel, applyLabel, timeLabel, closeIcon, closeLabel, dialogColor, onPrevMonth, onNextMonth, onDayClick, onToday, onClear, onApply, onTimeChange, onClose, onDialogTouchStart, onDialogTouchEnd, viewMode, onViewModeChange, onMonthSelect, onYearSelect, style, }: DatePickerDialogProps): JSX.Element;
|
|
@@ -75,8 +75,13 @@ export type FormFieldMessagesErrors = {
|
|
|
75
75
|
input?: FormFieldMessagesErrorsInput;
|
|
76
76
|
date?: FormFieldMessagesErrorsDate;
|
|
77
77
|
};
|
|
78
|
+
export type FormFieldMessagesSelect = {
|
|
79
|
+
doneLabel?: string;
|
|
80
|
+
closeAriaLabel?: string;
|
|
81
|
+
};
|
|
78
82
|
export type FormFieldMessages = {
|
|
79
83
|
errors?: FormFieldMessagesErrors;
|
|
84
|
+
select?: FormFieldMessagesSelect;
|
|
80
85
|
};
|
|
81
86
|
export type FormAllowedChildren = ReactElement<typeof Autocomplete> | ReactElement<typeof Checkbox> | ReactElement<typeof CheckboxGroup> | ReactElement<typeof DatePicker> | ReactElement<typeof Input> | ReactElement<typeof InputOTP> | ReactElement<typeof Select> | ReactElement<typeof Slider> | ReactElement<typeof Switch> | ReactElement<typeof DynamicList> | ReactElement<typeof Rating>;
|
|
82
87
|
export type ParentComponentProps = {
|
|
@@ -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, hideLegend
|
|
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, minRows, maxRows, type, renderNode, color, trailingIcon, trailingIconLabel, onTrailingIconClick, trailingIconButtonProps, ...rest }: InputProps): JSX.Element;
|
|
@@ -34,6 +34,8 @@ export interface SelectProps<Value extends string = string> {
|
|
|
34
34
|
fieldClassName?: string;
|
|
35
35
|
selectClassName?: string;
|
|
36
36
|
labelProps?: LabelProps;
|
|
37
|
+
doneLabel?: string;
|
|
38
|
+
closeAriaLabel?: string;
|
|
37
39
|
ref?: Ref<HTMLSelectElement>;
|
|
38
40
|
}
|
|
39
41
|
type SelectClientState<V extends string = string> = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prokodo/ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
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": [
|
|
@@ -308,8 +308,8 @@
|
|
|
308
308
|
"test:e2e": "cypress open --component",
|
|
309
309
|
"test:e2e:ci": "cypress run --component --headless",
|
|
310
310
|
"fix": "pnpm format:fix && pnpm lint:fix",
|
|
311
|
-
"lint": "eslint
|
|
312
|
-
"lint:fix": "eslint
|
|
311
|
+
"lint": "eslint . --cache --cache-location .eslintcache",
|
|
312
|
+
"lint:fix": "eslint . --fix --cache --cache-location .eslintcache",
|
|
313
313
|
"format": "prettier --check .",
|
|
314
314
|
"format:fix": "prettier --write .",
|
|
315
315
|
"storybook": "storybook dev -p 6006",
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
"jest-css-modules": "^2.1.0",
|
|
404
404
|
"jest-environment-jsdom": "^29.7.0",
|
|
405
405
|
"lint-staged": "^16.3.0",
|
|
406
|
-
"next": "^16.
|
|
406
|
+
"next": "^16.1.5",
|
|
407
407
|
"postcss": "^8.4.39",
|
|
408
408
|
"postcss-flexbugs-fixes": "^5.0.2",
|
|
409
409
|
"postcss-preset-env": "^10.0.2",
|
|
@@ -419,7 +419,7 @@
|
|
|
419
419
|
"ts-jest": "^29.2.4",
|
|
420
420
|
"ts-node": "^10.9.2",
|
|
421
421
|
"tsx": "^4.19.4",
|
|
422
|
-
"vite": "^6.
|
|
422
|
+
"vite": "^6.4.1",
|
|
423
423
|
"vite-plugin-checker": "^0.9.3",
|
|
424
424
|
"vite-plugin-inspect": "^11.1.0",
|
|
425
425
|
"@storybook/addon-docs": "10.2.14"
|
|
@@ -474,5 +474,22 @@
|
|
|
474
474
|
"*.{mdx,md,json,css,html,yaml,yml}": [
|
|
475
475
|
"prettier --write"
|
|
476
476
|
]
|
|
477
|
+
},
|
|
478
|
+
"pnpm": {
|
|
479
|
+
"overrides": {
|
|
480
|
+
"rollup": ">=4.59.0",
|
|
481
|
+
"minimatch@^3": "3.1.4",
|
|
482
|
+
"minimatch@^5": "5.1.8",
|
|
483
|
+
"minimatch@^9": "9.0.7",
|
|
484
|
+
"minimatch@^10": "10.2.3",
|
|
485
|
+
"@isaacs/brace-expansion": ">=5.0.1",
|
|
486
|
+
"immutable": ">=5.1.5",
|
|
487
|
+
"serialize-javascript": ">=7.0.3",
|
|
488
|
+
"svgo": ">=3.3.3",
|
|
489
|
+
"lodash": ">=4.17.23",
|
|
490
|
+
"lodash-es": ">=4.17.23",
|
|
491
|
+
"webpack-dev-server": ">=5.2.1",
|
|
492
|
+
"qs": ">=6.14.2"
|
|
493
|
+
}
|
|
477
494
|
}
|
|
478
495
|
}
|