cozy-ui-plus 1.1.0

package/src/providers/Intent/index.jsx

@@ -0,0 +1,83 @@
+import React, {
+  useEffect,
+  useMemo,
+  useState,
+  createContext,
+  useContext
+} from 'react'
+
+import { useClient } from 'cozy-client'
+import Backdrop from 'cozy-ui/transpiled/react/Backdrop'
+import Spinner from 'cozy-ui/transpiled/react/Spinner'
+
+export const IntentContext = createContext()
+
+export const useIntent = () => {
+  const context = useContext(IntentContext)
+
+  if (!context) {
+    throw new Error('useIntent must be used within a IntentProvider')
+  }
+  return context
+}
+
+const IntentProvider = ({ intentId, componentsProps, children }) => {
+  const client = useClient()
+  const [state, setState] = useState({
+    service: null,
+    intent: null,
+    data: null
+  })
+
+  const value = useMemo(
+    () => ({
+      service: state.service,
+      intent: state.intent,
+      data: state.data
+    }),
+    [state]
+  )
+
+  useEffect(() => {
+    const startService = async () => {
+      let service
+
+      try {
+        service = await client.intents.createService(intentId, window)
+        const intent = service.getIntent()
+        const data = service.getData()
+
+        setState({
+          service,
+          intent,
+          data
+        })
+      } catch (error) {
+        service.throw(error)
+      }
+    }
+
+    if (!state.service) {
+      startService()
+    }
+  }, [client, intentId, state.service])
+
+  if (!state.service) {
+    return (
+      <Backdrop open {...componentsProps?.backdrop}>
+        <Spinner
+          className="u-m-0"
+          size="xxlarge"
+          middle
+          {...componentsProps?.spinner}
+        />
+      </Backdrop>
+    )
+  }
+
+  return (
+    <IntentContext.Provider value={value}>{children}</IntentContext.Provider>
+  )
+}
+
+export default IntentProvider

package/src/types.d.ts

@@ -0,0 +1,4 @@
+declare module '*.styl' {
+  const classes: Record<string, string>
+  export default classes
+}

package/test/I18n.js

@@ -0,0 +1,13 @@
+'use strict'
+
+import { I18n } from 'cozy-ui/transpiled/react/providers/I18n'
+
+export const I18nContext = options => {
+  const I18nComponent = new I18n({
+    lang: options.lang,
+    defaultLang: options.defaultLang,
+    dictRequire: () => options.locale
+  })
+
+  return I18nComponent.getContextValue()
+}

package/test/fileMock.js

@@ -0,0 +1,3 @@
+'use strict'
+
+export default 'test-file-stub'

package/test/jestsetup.js

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect'

package/tsconfig-build.json

@@ -0,0 +1,16 @@
+{
+  "extends": "./tsconfig.json",
+  "include": [
+    "src/**/*.js",
+    "src/**/*.jsx",
+    "src/**/*.ts",
+    "src/**/*.tsx",
+  ],
+  "exclude": [
+    "test",
+    "**/*.spec.tsx",
+    "**/*.spec.ts",
+    "**/*.test.tsx",
+    "**/*.test.ts"
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "cozy-tsconfig",
+  "include": ["./src/**/*"],
+  "exclude": ["node_modules", "dist"],
+  "compilerOptions": {
+    "declarationDir": "./dist",
+    "strict": false
+  }
+}