@netu-si/netu-react-dsf-components 1.0.7 → 1.0.9

package/dist/index.d.ts

@@ -366,7 +366,10 @@ interface DSFFieldSetProps {
     legend: React.ReactNode;
     children?: React.ReactNode;
 }
-declare const DSFFieldSet: FC<DSFFieldSetProps>;
+declare const DSFFieldSet: {
+    ({ legend, children }: DSFFieldSetProps): React.JSX.Element;
+    displayName: string;
+};
 
 interface DSFFormGroupProps {
     label?: string;
@@ -530,4 +533,54 @@ interface DSFWarningTextProps {
 }
 declare const DSFWarningText: FC<DSFWarningTextProps>;
 
-export { DSFBackLink, DSFBeforeMainContainer, DSFBodyEndContainer, DSFBodyStartContainer, DSFButton, DSFCheckbox, DSFCookies$1 as DSFCookies, DSFCookies as DSFCookiesV3, DSFDateInput, DSFDateInputProps, DSFErrorSummary, DSFErrorSummaryProps, DSFErrorText, DSFFieldSet, DSFFileUpload, DSFFooter, DSFFormGroup, DSFHeader, DSFHintText, DSFInput, DSFInputField, DSFInputProps, DSFLabel, DSFLoadingBox, DSFMain, DSFPage, DSFPanel, PanelEnum as DSFPanelEnum, DSFRadio, DSFSelect, DSFSkipLink, DSFSummaryList, DSFSummaryListItem, DSFSummaryListProps, DSFTable, DSFTableColumn, DSFTableProps, DSFTextArea, DSFTextAreaProps, DSFUserSignOut, DSFWarningText };
+interface DSFDatePickerInputProps {
+    /**
+     * Called when the date changes
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Called when the input field is blurred
+     */
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Called when the input field is focused
+     */
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * When the form field is controlled, this sets the value of date
+     */
+    value?: string;
+}
+interface DSFDatePickerProps {
+    /**
+     * ID of the component
+     */
+    id: string;
+    /**
+     * Input label
+     */
+    label: string;
+    /**
+     * Hint text to assist the user with input
+     */
+    hint?: string;
+    /**
+     * Error text to be displayed when validation fails
+     */
+    errorText?: string;
+    register: UseFormRegisterReturn;
+    visualSize?: number;
+    inputProps?: DSFDatePickerInputProps;
+}
+/**
+ * DSFDatePicker Component
+ *
+ * A reusable date picker component that provides a label, hint, and error handling.
+ * It is designed to integrate with forms and maintain consistency with other components in the design system.
+ */
+declare const DSFDatePicker: {
+    ({ id, label, hint, errorText, register, visualSize, inputProps }: DSFDatePickerProps): React.JSX.Element;
+    displayName: string;
+};
+
+export { DSFBackLink, DSFBeforeMainContainer, DSFBodyEndContainer, DSFBodyStartContainer, DSFButton, DSFCheckbox, DSFCookies$1 as DSFCookies, DSFCookies as DSFCookiesV3, DSFDateInput, DSFDateInputProps, DSFDatePicker, DSFDatePickerProps, DSFErrorSummary, DSFErrorSummaryProps, DSFErrorText, DSFFieldSet, DSFFileUpload, DSFFooter, DSFFormGroup, DSFHeader, DSFHintText, DSFInput, DSFInputField, DSFInputProps, DSFLabel, DSFLoadingBox, DSFMain, DSFPage, DSFPanel, PanelEnum as DSFPanelEnum, DSFRadio, DSFSelect, DSFSkipLink, DSFSummaryList, DSFSummaryListItem, DSFSummaryListProps, DSFTable, DSFTableColumn, DSFTableProps, DSFTextArea, DSFTextAreaProps, DSFUserSignOut, DSFWarningText };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netu-si/netu-react-dsf-components",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "React Component Library Using the GOV-CY DSF Design System",
   "repository": "https://github.com/netu-si/netu-react-dsf-components.git",
   "homepage": "https://github.com/netu-si/netu-react-dsf-components#readme",
@@ -50,27 +50,28 @@
     "@storybook/react": "7.0.27",
     "@storybook/react-webpack5": "7.0.27",
     "@storybook/testing-library": "0.2.0",
-    "@types/react": "18.2.20",
+    "@types/react": "^18.3.1",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.0.0",
     "can-npm-publish": "^1.3.6",
     "concat": "^1.0.3",
-    "eslint": "^8.45.0",
+    "eslint": "8.54.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-cypress": "^2.13.3",
     "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-no-only-tests": "^3.1.0",
-    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-config-prettier": "10.0.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "prettier": "3.4.2",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.6.12",
     "gh-pages": "^5.0.0",
     "hex-rgb": "^5.0.0",
-    "next": "13.0.4",
+    "next": "^14.2.3",
     "postcss-import": "^16.1.0",
     "prop-types": "15.8.1",
     "react": "^18.3.1",