@mtes-mct/monitor-ui 1.1.1 → 1.2.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.1.1](https://github.com/MTES-MCT/monitor-ui/compare/v1.1.0...v1.1.1) (2022-11-24)
+
+
+### Bug Fixes
+
+* **semantic-release:** publish to NPM ([#12](https://github.com/MTES-MCT/monitor-ui/issues/12)) ([2c42952](https://github.com/MTES-MCT/monitor-ui/commit/2c42952dcc8bbc3983aee55f784e0ca082760d0f))
+
 # [1.1.0](https://github.com/MTES-MCT/monitor-ui/compare/v1.0.0...v1.1.0) (2022-11-24)
 
 

package/README.md

@@ -2,9 +2,22 @@
 
 [![License][img-license]][lnk-license]
 [![CI Status][img-github]][lnk-github]
-<!-- [![NPM Version][img-npm]][lnk-npm] -->
+[![NPM Version][img-npm]][lnk-npm]
 
-> Common React UI components and styles for Monitorfish and Monitorenv..
+> Common React components, hooks, utilities and CSS stylesheets
+> for [Monitorfish][lnk-github-monitorfish] and [Monitorenv][lnk-github-monitorenv].
+
+## Usage
+
+```sh
+npm i -E @mtes-mct/monitor-ui
+```
+
+or
+
+```sh
+yarn add -E @mtes-mct/monitor-ui
+```
 
 ## Documentation
 
@@ -18,8 +31,10 @@ Please read the [contributing document](CONTRIBUTING.md) for setup and contribut
 
 [img-github]:  https://img.shields.io/github/workflow/status/MTES-MCT/monitor-ui/Check/main?style=flat-square
 [img-license]: https://img.shields.io/github/license/MTES-MCT/monitor-ui?style=flat-square
-[img-npm]: https://img.shields.io/npm/v/@MTES-MCT/monitor-ui?style=flat-square
+[img-npm]: https://img.shields.io/npm/v/@mtes-mct/monitor-ui?style=flat-square
 [lnk-github]: https://github.com/MTES-MCT/monitor-ui/actions?query=branch%3Amain++
+[lnk-github-monitorenv]: https://github.com/MTES-MCT/monitorenv
+[lnk-github-monitorfish]: https://github.com/MTES-MCT/monitorfish
 [lnk-license]: https://github.com/MTES-MCT/monitor-ui/blob/main/LICENSE
-[lnk-npm]: https://www.npmjs.com/package/@MTES-MCT/monitor-ui
+[lnk-npm]: https://www.npmjs.com/package/@mtes-mct/monitor-ui
 [lnk-storybook]: https://mtes-mct.github.io/monitor-ui/

package/formiks/FormikDatePicker.d.ts

@@ -0,0 +1,5 @@
+import type { DatePickerProps } from '../fields/DatePicker';
+export declare type FormikDatePickerProps = Omit<DatePickerProps, 'onChange'> & {
+    name: string;
+};
+export declare function FormikDatePicker({ name, ...originalProps }: FormikDatePickerProps): JSX.Element;

package/formiks/FormikDateRangePicker.d.ts

@@ -0,0 +1,5 @@
+import type { DateRangePickerProps } from '../fields/DateRangePicker';
+export declare type FormikDateRangePickerProps = Omit<DateRangePickerProps, 'onChange'> & {
+    name: string;
+};
+export declare function FormikDateRangePicker({ name, ...originalProps }: FormikDateRangePickerProps): JSX.Element;

package/index.d.ts

@@ -3,6 +3,8 @@ export { THEME } from './theme';
 export { DateRangePicker } from './fields/DateRangePicker';
 export { DatePicker } from './fields/DatePicker';
 export { Select } from './fields/Select';
+export { FormikDatePicker } from './formiks/FormikDatePicker';
+export { FormikDateRangePicker } from './formiks/FormikDateRangePicker';
 export { FormikEffect } from './formiks/FormikEffect';
 export { FormikSelect } from './formiks/FormikSelect';
 export { ThemeProvider } from './ThemeProvider';
@@ -10,5 +12,7 @@ export type { PartialTheme, Theme } from './theme';
 export type { DateRangePickerProps } from './fields/DateRangePicker';
 export type { DatePickerProps } from './fields/DatePicker';
 export type { SelectProps } from './fields/Select';
+export type { FormikDatePickerProps } from './formiks/FormikDatePicker';
+export type { FormikDateRangePickerProps } from './formiks/FormikDateRangePicker';
 export type { FormikEffectProps } from './formiks/FormikEffect';
 export type { FormikSelectProps } from './formiks/FormikSelect';

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@mtes-mct/monitor-ui",
   "description": "Common React UI components and styles for Monitorfish and Monitorenv.",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "license": "AGPL-3.0",
   "engines": {
     "node": "18",
     "npm": "8"
   },
-  "browser": "./src/index.ts",
   "dependencies": {
     "@babel/runtime": "7.19.4",
     "date-fns": "2.29.3",
@@ -37,7 +36,7 @@
   "bugs": {
     "url": "https://github.com/MTES-MCT/monitor-ui/issues"
   },
-  "exports": "./index.js",
+  "exports": "./src/index.js",
   "homepage": "https://mtes-mct.github.io/monitor-ui/",
   "publishConfig": {
     "access": "public",

package/src/formiks/FormikDatePicker.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { useField } from 'formik';
+import { useEffect } from 'react';
+import { DatePicker } from '../fields/DatePicker/index.js';
+
+function FormikDatePicker({ name, ...originalProps }) {
+    const [, , helpers] = useField(name);
+    const { setValue } = helpers;
+    // We don't include `setValues` in  `useEffect()` dependencies
+    // both because it is useless and it will trigger infinite hook calls
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useEffect(() => () => setValue(undefined), []);
+    return jsx(DatePicker, { onChange: setValue, ...originalProps });
+}
+
+export { FormikDatePicker };
+//# sourceMappingURL=FormikDatePicker.js.map

package/src/formiks/FormikDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikDatePicker.js","sources":["../../../src/formiks/FormikDatePicker.tsx"],"sourcesContent":["import { useField } from 'formik'\nimport { useEffect } from 'react'\n\nimport { DatePicker } from '../fields/DatePicker'\n\nimport type { DatePickerProps } from '../fields/DatePicker'\n\nexport type FormikDatePickerProps = Omit<DatePickerProps, 'onChange'> & {\n  name: string\n}\nexport function FormikDatePicker({ name, ...originalProps }: FormikDatePickerProps) {\n  const [, , helpers] = useField(name)\n  const { setValue } = helpers\n\n  // We don't include `setValues` in  `useEffect()` dependencies\n  // both because it is useless and it will trigger infinite hook calls\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => () => setValue(undefined), [])\n\n  return <DatePicker onChange={setValue} {...originalProps} />\n}\n"],"names":["_jsx"],"mappings":";;;;;AAUM,SAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,GAAG,aAAa,EAAyB,EAAA;IAChF,MAAM,KAAK,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;AACpC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAA;;;;AAK5B,IAAA,SAAS,CAAC,MAAM,MAAM,QAAQ,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAA;IAE9C,OAAOA,GAAA,CAAC,UAAU,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAA,GAAM,aAAa,EAAA,CAAI,CAAA;AAC9D;;;;"}

package/src/formiks/FormikDateRangePicker.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { useField } from 'formik';
+import { useEffect } from 'react';
+import { DateRangePicker } from '../fields/DateRangePicker/index.js';
+
+function FormikDateRangePicker({ name, ...originalProps }) {
+    const [, , helpers] = useField(name);
+    const { setValue } = helpers;
+    // We don't include `setValues` in  `useEffect()` dependencies
+    // both because it is useless and it will trigger infinite hook calls
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useEffect(() => () => setValue(undefined), []);
+    return jsx(DateRangePicker, { onChange: setValue, ...originalProps });
+}
+
+export { FormikDateRangePicker };
+//# sourceMappingURL=FormikDateRangePicker.js.map

package/src/formiks/FormikDateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikDateRangePicker.js","sources":["../../../src/formiks/FormikDateRangePicker.tsx"],"sourcesContent":["import { useField } from 'formik'\nimport { useEffect } from 'react'\n\nimport { DateRangePicker } from '../fields/DateRangePicker'\n\nimport type { DateRangePickerProps } from '../fields/DateRangePicker'\n\nexport type FormikDateRangePickerProps = Omit<DateRangePickerProps, 'onChange'> & {\n  name: string\n}\nexport function FormikDateRangePicker({ name, ...originalProps }: FormikDateRangePickerProps) {\n  const [, , helpers] = useField(name)\n  const { setValue } = helpers\n\n  // We don't include `setValues` in  `useEffect()` dependencies\n  // both because it is useless and it will trigger infinite hook calls\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => () => setValue(undefined), [])\n\n  return <DateRangePicker onChange={setValue} {...originalProps} />\n}\n"],"names":["_jsx"],"mappings":";;;;;AAUM,SAAU,qBAAqB,CAAC,EAAE,IAAI,EAAE,GAAG,aAAa,EAA8B,EAAA;IAC1F,MAAM,KAAK,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;AACpC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAA;;;;AAK5B,IAAA,SAAS,CAAC,MAAM,MAAM,QAAQ,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAA;IAE9C,OAAOA,GAAA,CAAC,eAAe,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAA,GAAM,aAAa,EAAA,CAAI,CAAA;AACnE;;;;"}

package/src/index.js

@@ -4,6 +4,8 @@ export { THEME } from './theme.js';
 export { DateRangePicker } from './fields/DateRangePicker/index.js';
 export { DatePicker } from './fields/DatePicker/index.js';
 export { Select } from './fields/Select.js';
+export { FormikDatePicker } from './formiks/FormikDatePicker.js';
+export { FormikDateRangePicker } from './formiks/FormikDateRangePicker.js';
 export { FormikEffect } from './formiks/FormikEffect.js';
 export { FormikSelect } from './formiks/FormikSelect.js';
 export { ThemeProvider } from './ThemeProvider.js';

package/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}