@phpsoftbox/react-softbox 0.6.1 → 0.7.0

package/dist/components/Drawer/Drawer.module.css

@@ -10,6 +10,7 @@
 
 .panel {
   height: 100%;
+  max-height: 100vh;
   background: var(--surface-panel);
   border-left: 1px solid var(--color-line);
   box-shadow: var(--shadow-soft);
@@ -18,6 +19,7 @@
   padding: var(--spacing-6);
   gap: var(--spacing-4);
   animation: drawer-slide-in-right 0.24s ease;
+  overflow: hidden;
 }
 
 .inline {
@@ -26,7 +28,7 @@
   position: sticky;
   top: 0;
   height: 100vh;
-  overflow: visible;
+  overflow: hidden;
 }
 
 .left {
@@ -58,6 +60,8 @@
 .body {
   flex: 1;
   color: var(--color-muted);
+  min-height: 0;
+  overflow-y: auto;
 }
 
 .footer {

package/dist/components/Input/Input.d.ts

@@ -1,4 +1,3 @@
-import Textarea from './Textarea/Textarea';
 import Select from './Select/Select';
 import FloatLabel from './FloatLabel/FloatLabel';
 import { InputGroup, InputAddon } from './InputGroup';
@@ -32,7 +31,9 @@ declare const Input: import("react").FC<import("react").HTMLAttributes<HTMLDivEl
     Field: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
         hasError?: boolean;
     } & import("react").RefAttributes<HTMLInputElement>>;
-    TextArea: typeof Textarea;
+    TextArea: import("react").ForwardRefExoticComponent<import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & {
+        hasError?: boolean;
+    } & import("react").RefAttributes<HTMLTextAreaElement>>;
     Select: typeof Select;
     FloatLabel: typeof FloatLabel;
     Group: typeof InputGroup;

package/dist/components/Input/Textarea/Textarea.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-type Props = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     hasError?: boolean;
-};
-export default function Textarea({ hasError, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+} & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/dist/components/Input/Textarea/Textarea.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import styles from './Textarea.module.css';
 import { useFormFieldContext } from '../FormField/FormField';
-export default function Textarea({ hasError = false, className, ...props }) {
+const Textarea = React.forwardRef(function Textarea({ hasError = false, className, ...props }, ref) {
     const context = useFormFieldContext();
     const generatedId = React.useId();
     const resolvedId = props.id ?? context?.fieldId ?? (props.name ? `field-${props.name}` : generatedId);
@@ -16,6 +16,8 @@ export default function Textarea({ hasError = false, className, ...props }) {
     React.useEffect(() => {
         context?.registerField(resolvedId, props.name);
     }, [context, resolvedId, props.name]);
-    return _jsx("textarea", { id: resolvedId, className: classes, ...props });
-}
+    return _jsx("textarea", { ref: ref, id: resolvedId, className: classes, ...props });
+});
+Textarea.displayName = 'Textarea';
+export default Textarea;
 //# sourceMappingURL=Textarea.js.map

package/dist/components/Input/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Input/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAM7D,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EACF;IACN,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,IAAI,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IACtG,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEvG,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC1C,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAC7B,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,0EAA0E,CAAC,CAAC;QAC3F,CAAC;IACH,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,EAAE,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEtC,OAAO,mBAAU,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,KAAM,KAAK,GAAI,CAAC;AACrE,CAAC"}
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Input/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAM7D,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAA6B,SAAS,QAAQ,CAC7E,EACE,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,IAAI,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IACtG,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEvG,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC1C,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAC7B,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,0EAA0E,CAAC,CAAC;QAC3F,CAAC;IACH,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,EAAE,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEtC,OAAO,mBAAU,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,KAAM,KAAK,GAAI,CAAC;AAC/E,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}

package/dist/components/MarkdownEditor/MarkdownEditor.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import 'prismjs/components/prism-markup';
+import 'prismjs/components/prism-markup-templating';
+import 'prismjs/components/prism-clike';
+import 'prismjs/components/prism-javascript';
+import 'prismjs/components/prism-typescript';
+import 'prismjs/components/prism-jsx';
+import 'prismjs/components/prism-tsx';
+import 'prismjs/components/prism-json';
+import 'prismjs/components/prism-css';
+import 'prismjs/components/prism-bash';
+import 'prismjs/components/prism-markdown';
+import 'prismjs/components/prism-php';
+export type MarkdownEditorProps = {
+    value: string;
+    onChange: (value: string) => void;
+    children: React.ReactNode;
+    placeholder?: string;
+    label?: string;
+    editorLabel?: string;
+    previewLabel?: string;
+    readOnly?: boolean;
+    minHeight?: number;
+    className?: string;
+    editorClassName?: string;
+    previewClassName?: string;
+};
+export type MarkdownEditorSlotProps = {
+    className?: string;
+    label?: string;
+};
+declare const MarkdownEditorTextareaSlot: React.FC<MarkdownEditorSlotProps>;
+declare const MarkdownEditorPreviewSlot: React.FC<MarkdownEditorSlotProps>;
+declare function MarkdownEditorRoot({ value, onChange, children, placeholder, label, editorLabel, previewLabel, readOnly, minHeight, className, editorClassName, previewClassName, }: MarkdownEditorProps): import("react/jsx-runtime").JSX.Element;
+type MarkdownEditorComponent = typeof MarkdownEditorRoot & {
+    Textarea: typeof MarkdownEditorTextareaSlot;
+    Preview: typeof MarkdownEditorPreviewSlot;
+};
+declare const MarkdownEditor: MarkdownEditorComponent;
+export default MarkdownEditor;