cozy-ui 128.3.5 → 128.5.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [128.5.0](https://github.com/cozy/cozy-ui/compare/v128.4.0...v128.5.0) (2025-09-08)
+
+
+### Features
+
+* **ConfirmDialogProviders:** Expose method to close the dialog ([7d3d841](https://github.com/cozy/cozy-ui/commit/7d3d841))
+
+# [128.4.0](https://github.com/cozy/cozy-ui/compare/v128.3.5...v128.4.0) (2025-09-04)
+
+
+### Features
+
+* **Providers:** Add ConfirmDialog providers ([464286c](https://github.com/cozy/cozy-ui/commit/464286c))
+
 ## [128.3.5](https://github.com/cozy/cozy-ui/compare/v128.3.4...v128.3.5) (2025-09-04)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "128.3.5",
+  "version": "128.5.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/DatePicker/Readme.md

@@ -1,4 +1,6 @@
-`Breakpoints` & `I18n` Providers are needed for this component
+Use `@date-io/date-fns` under the hood.
+
+⚠️ `Breakpoints` & `I18n` Providers are needed for this component
 
 ### Usage
 

package/react/providers/ConfirmDialog/Readme.md

@@ -0,0 +1,35 @@
+```jsx
+import DemoProvider from 'cozy-ui/docs/components/DemoProvider'
+import ConfirmDialogProvider, { useConfirmDialog } from 'cozy-ui/transpiled/react/providers/ConfirmDialog'
+import Button from 'cozy-ui/transpiled/react/Buttons'
+
+const Component = () => {
+  const { showConfirmDialog, closeConfirmDialog } = useConfirmDialog()
+
+  return (
+    <Button
+      label="Show ConfirmDialog"
+      onClick={() =>
+        showConfirmDialog({
+          title: "Title of the ConfirmDialog",
+          content: "Content of the ConfirmDialog",
+          actions: (
+            <>
+              <Button label="Cancel" variant="secondary" onClick={closeConfirmDialog} />
+              <Button label="Ok" />
+            </>
+          )
+        })
+      }
+    />
+  )
+}
+
+;
+
+<DemoProvider>
+  <ConfirmDialogProvider>
+    <Component />
+  </ConfirmDialogProvider>
+</DemoProvider>
+```

package/react/providers/ConfirmDialog/index.jsx

@@ -0,0 +1,60 @@
+import React, { createContext, useState, useContext, useMemo } from 'react'
+
+import { ConfirmDialog } from '../../CozyDialogs'
+
+export const ConfirmDialogContext = createContext()
+
+export const useConfirmDialog = () => {
+  const context = useContext(ConfirmDialogContext)
+
+  if (!context) {
+    throw new Error(
+      'useConfirmDialog must be used within a ConfirmDialogProvider'
+    )
+  }
+  return context
+}
+
+const defaultState = {
+  title: '',
+  content: '',
+  actions: null,
+  open: false
+}
+
+const handleClose = (state, setState) => () => {
+  return setState({ ...state, open: false })
+}
+
+const ConfirmDialogProvider = ({ children }) => {
+  const [state, setState] = useState(defaultState)
+  const { open, title, content, actions, ...confirmDialogProps } = state
+
+  const value = useMemo(
+    () => ({
+      showConfirmDialog: args => {
+        setState({ open: true, ...args })
+      },
+      closeConfirmDialog: handleClose(state, setState)
+    }),
+    [state]
+  )
+
+  return (
+    <ConfirmDialogContext.Provider value={value}>
+      {children}
+      {open && (
+        <ConfirmDialog
+          open
+          title={title}
+          content={content}
+          actions={actions}
+          onClose={handleClose(state, setState)}
+          {...confirmDialogProps}
+        />
+      )}
+    </ConfirmDialogContext.Provider>
+  )
+}
+
+export default React.memo(ConfirmDialogProvider)

package/transpiled/react/providers/ConfirmDialog/index.d.ts

@@ -0,0 +1,7 @@
+export const ConfirmDialogContext: React.Context<any>;
+export function useConfirmDialog(): any;
+declare var _default: React.MemoExoticComponent<({ children }: {
+    children: any;
+}) => JSX.Element>;
+export default _default;
+import React from "react";

package/transpiled/react/providers/ConfirmDialog/index.js

@@ -0,0 +1,73 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["open", "title", "content", "actions"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React, { createContext, useState, useContext, useMemo } from 'react';
+import { ConfirmDialog } from "cozy-ui/transpiled/react/CozyDialogs";
+export var ConfirmDialogContext = /*#__PURE__*/createContext();
+export var useConfirmDialog = function useConfirmDialog() {
+  var context = useContext(ConfirmDialogContext);
+
+  if (!context) {
+    throw new Error('useConfirmDialog must be used within a ConfirmDialogProvider');
+  }
+
+  return context;
+};
+var defaultState = {
+  title: '',
+  content: '',
+  actions: null,
+  open: false
+};
+
+var handleClose = function handleClose(state, setState) {
+  return function () {
+    return setState(_objectSpread(_objectSpread({}, state), {}, {
+      open: false
+    }));
+  };
+};
+
+var ConfirmDialogProvider = function ConfirmDialogProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = useState(defaultState),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var open = state.open,
+      title = state.title,
+      content = state.content,
+      actions = state.actions,
+      confirmDialogProps = _objectWithoutProperties(state, _excluded);
+
+  var value = useMemo(function () {
+    return {
+      showConfirmDialog: function showConfirmDialog(args) {
+        setState(_objectSpread({
+          open: true
+        }, args));
+      },
+      closeConfirmDialog: handleClose(state, setState)
+    };
+  }, [state]);
+  return /*#__PURE__*/React.createElement(ConfirmDialogContext.Provider, {
+    value: value
+  }, children, open && /*#__PURE__*/React.createElement(ConfirmDialog, _extends({
+    open: true,
+    title: title,
+    content: content,
+    actions: actions,
+    onClose: handleClose(state, setState)
+  }, confirmDialogProps)));
+};
+
+export default /*#__PURE__*/React.memo(ConfirmDialogProvider);