@design-edito/tools 0.4.21 → 0.4.23

package/components/Textarea/index.js

@@ -1,30 +1,39 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
-import { clss } from '../../agnostic/css/clss/index.js';
-import { isNotFalsy } from '../../agnostic/booleans/is-falsy/index.js';
-import { randomHash } from '../../agnostic/random/uuid/index.js';
-import { textarea as publicClassName } from '../public-classnames.js';
-import { mergeClassNames } from '../utils/index.js';
-import cssModule from './styles.module.css';
+import { ControlledTextarea } from './index.controlled.js';
 /**
- * Textarea field component with optional label and error message.
+ * Textarea field component supporting controlled and hybrid usage.
  *
- * Renders a native `<textarea>` element inside a wrapper, with a stable
- * auto-generated `id` used to associate the label via `htmlFor`.
- * All standard textarea attributes are forwarded to the underlying element.
+ * Wraps {@link ControlledTextarea} and automatically manages the textarea
+ * value when no `value` prop is provided.
  *
  * ### CSS elements
  * - `label`
- * - `textarea`
  * - `error`
  *
  * @param props - Component properties.
  * @see {@link Props}
- * @returns A labelled textarea wrapper with optional error feedback.
+ *
+ * @returns A labelled textarea with optional internal value management.
+ *
+ * @remarks
+ * - In controlled mode (`value` defined), the textarea value is fully driven
+ *   by the parent component and internal state is never updated.
+ * - In hybrid mode, internal state is initialized from `defaultValue` and
+ *   subsequently manages value updates itself.
+ * - In hybrid mode, the internal value is updated before forwarding the
+ *   `onChange` callback.
+ * - `defaultValue` is only used to initialize internal state and is not
+ *   forwarded to the underlying controlled component.
  */
-export const Textarea = ({ label, error, className, ...rest }) => {
-    const [id] = useState(`_${randomHash(12)}`);
-    const c = clss(publicClassName, { cssModule });
-    const rootClss = mergeClassNames(c(null), className);
-    return _jsxs("span", { className: rootClss, children: [isNotFalsy(label) && _jsx("label", { className: c('label'), htmlFor: id, children: label }), _jsx("textarea", { ...rest, className: c('textarea'), id: id }), isNotFalsy(error) && _jsx("span", { className: c('error'), children: error })] });
+export const Textarea = ({ defaultValue, value, onChange, ...rest }) => {
+    const isControlled = value !== undefined;
+    const [internal, setInternal] = useState(defaultValue ?? '');
+    const currentValue = isControlled ? value : internal;
+    const handleChange = (e) => {
+        if (!isControlled)
+            setInternal(e.target.value);
+        onChange?.(e);
+    };
+    return _jsx(ControlledTextarea, { ...rest, value: currentValue, onChange: handleChange });
 };

package/components/index.d.ts

@@ -20,8 +20,8 @@ export * as sequencer from './Sequencer/index.js'
 export * as shadowRoot from './ShadowRoot/index.js'
 export * as subtitles from './Subtitles/index.js'
 export * as textarea from './Textarea/index.js'
-export * as theatre from './Theatre/index.js'
 export * as uiModule from './UIModule/index.js'
+export * as theatre from './Theatre/index.js'
 export * as video from './Video/index.js'
 export * as wipAudioQuote from './_WIP_AudioQuote/index.js'
 export * as wipIcon from './_WIP_Icon/index.js'

package/components/index.js

@@ -20,8 +20,8 @@ export * as sequencer from './Sequencer/index.js'
 export * as shadowRoot from './ShadowRoot/index.js'
 export * as subtitles from './Subtitles/index.js'
 export * as textarea from './Textarea/index.js'
-export * as theatre from './Theatre/index.js'
 export * as uiModule from './UIModule/index.js'
+export * as theatre from './Theatre/index.js'
 export * as video from './Video/index.js'
 export * as wipAudioQuote from './_WIP_AudioQuote/index.js'
 export * as wipIcon from './_WIP_Icon/index.js'

package/index.d.ts

@@ -1,3 +1,3 @@
-export * as components from './components/index.js'
 export * as agnostic from './agnostic/index.js'
+export * as components from './components/index.js'
 export * as node from './node/index.js'

package/index.js

@@ -1,3 +1,3 @@
-export * as components from './components/index.js'
 export * as agnostic from './agnostic/index.js'
+export * as components from './components/index.js'
 export * as node from './node/index.js'

package/node/@google-cloud/storage/file/index.d.ts

@@ -1,6 +1,6 @@
 export * as copy from './copy/index.js'
-export * as download from './download/index.js'
 export * as exists from './exists/index.js'
+export * as download from './download/index.js'
 export * as generateSignedUrl from './generate-signed-url/index.js'
 export * as getMetadata from './get-metadata/index.js'
 export * as getPermissions from './get-permissions/index.js'

package/node/@google-cloud/storage/file/index.js

@@ -1,6 +1,6 @@
 export * as copy from './copy/index.js'
-export * as download from './download/index.js'
 export * as exists from './exists/index.js'
+export * as download from './download/index.js'
 export * as generateSignedUrl from './generate-signed-url/index.js'
 export * as getMetadata from './get-metadata/index.js'
 export * as getPermissions from './get-permissions/index.js'

package/node/cloud-storage/operations/index.d.ts

@@ -1,5 +1,5 @@
-export * as copyFile from './copy-file/index.js'
 export * as copyDir from './copy-dir/index.js'
+export * as copyFile from './copy-file/index.js'
 export * as downloadFile from './download-file/index.js'
 export * as existsFile from './exists-file/index.js'
 export * as listDir from './list-dir/index.js'

package/node/cloud-storage/operations/index.js

@@ -1,5 +1,5 @@
-export * as copyFile from './copy-file/index.js'
 export * as copyDir from './copy-dir/index.js'
+export * as copyFile from './copy-file/index.js'
 export * as downloadFile from './download-file/index.js'
 export * as existsFile from './exists-file/index.js'
 export * as listDir from './list-dir/index.js'

package/node/ftps/directory/index.d.ts

@@ -1,4 +1,4 @@
 export * as copyDir from './copy-dir/index.js'
-export * as moveDir from './move-dir/index.js'
 export * as list from './list/index.js'
+export * as moveDir from './move-dir/index.js'
 export * as removeDir from './remove-dir/index.js'

package/node/ftps/directory/index.js

@@ -1,4 +1,4 @@
 export * as copyDir from './copy-dir/index.js'
-export * as moveDir from './move-dir/index.js'
 export * as list from './list/index.js'
+export * as moveDir from './move-dir/index.js'
 export * as removeDir from './remove-dir/index.js'

package/node/images/transform/operations/index.d.ts

@@ -9,7 +9,7 @@ export * as hue from './hue/index.js'
 export * as level from './level/index.js'
 export * as lighten from './lighten/index.js'
 export * as normalize from './normalize/index.js'
-export * as overlay from './overlay/index.js'
 export * as resize from './resize/index.js'
-export * as saturate from './saturate/index.js'
+export * as overlay from './overlay/index.js'
 export * as rotate from './rotate/index.js'
+export * as saturate from './saturate/index.js'

package/node/images/transform/operations/index.js

@@ -9,7 +9,7 @@ export * as hue from './hue/index.js'
 export * as level from './level/index.js'
 export * as lighten from './lighten/index.js'
 export * as normalize from './normalize/index.js'
-export * as overlay from './overlay/index.js'
 export * as resize from './resize/index.js'
-export * as saturate from './saturate/index.js'
+export * as overlay from './overlay/index.js'
 export * as rotate from './rotate/index.js'
+export * as saturate from './saturate/index.js'

package/node/index.d.ts

@@ -7,5 +7,5 @@ export * as encryption from './encryption/index.js'
 export * as files from './files/index.js'
 export * as ftps from './ftps/index.js'
 export * as images from './images/index.js'
-export * as sftp from './sftp/index.js'
 export * as process from './process/index.js'
+export * as sftp from './sftp/index.js'

package/node/index.js

@@ -7,5 +7,5 @@ export * as encryption from './encryption/index.js'
 export * as files from './files/index.js'
 export * as ftps from './ftps/index.js'
 export * as images from './images/index.js'
-export * as sftp from './sftp/index.js'
 export * as process from './process/index.js'
+export * as sftp from './sftp/index.js'

package/node/process/index.d.ts

@@ -1,3 +1,3 @@
 export * as onExit from './on-exit/index.js'
-export * as promptContinue from './prompt-continue/index.js'
 export * as spawner from './spawner/index.js'
+export * as promptContinue from './prompt-continue/index.js'

package/node/process/index.js

@@ -1,3 +1,3 @@
 export * as onExit from './on-exit/index.js'
-export * as promptContinue from './prompt-continue/index.js'
 export * as spawner from './spawner/index.js'
+export * as promptContinue from './prompt-continue/index.js'

package/node/sftp/file/index.d.ts

@@ -1,5 +1,5 @@
-export * as copy from './copy/index.js'
 export * as download from './download/index.js'
+export * as copy from './copy/index.js'
 export * as exists from './exists/index.js'
 export * as move from './move/index.js'
 export * as remove from './remove/index.js'

package/node/sftp/file/index.js

@@ -1,5 +1,5 @@
-export * as copy from './copy/index.js'
 export * as download from './download/index.js'
+export * as copy from './copy/index.js'
 export * as exists from './exists/index.js'
 export * as move from './move/index.js'
 export * as remove from './remove/index.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design-edito/tools",
-  "version": "0.4.21",
+  "version": "0.4.23",
   "description": "",
   "author": "Maxime Fabas",
   "license": "ISC",