@bookjane2/bookjane-design-library 7.3.2 → 7.3.3-4.1

package/lib/components/BKJPillTextArea/BKJPillTextArea.context.js

@@ -1,196 +1,196 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from 'react';
-import { v4 as uuidv4 } from 'uuid';
-import { useClickOutside } from '../../hooks/index.js';
-const BKJPillTextAreaContext = createContext(null);
-export const BKJPillTextAreaProvider = ({ children, value = [], onChange, name, max, }) => {
-    const wrapperRef = useRef(null);
-    const inputRef = useRef(null);
-    const mouseDownTargetRef = useRef(null);
-    const [uuid] = useState(uuidv4());
-    const [targetElement, setTargetElement] = useState(null);
-    const [inputValue, setInputValue] = useState('');
-    const setInitialTargetElement = useCallback((id) => {
-        const ele = document.getElementById(id);
-        const inputElement = document.querySelector(`#BKJPillTextArea_${uuid}_ActiveInputElement`);
-        setTargetElement(ele);
-        inputElement?.focus();
-        inputElement?.scrollIntoView({ behavior: 'smooth', block: 'center' });
-    }, [uuid]);
-    const onInputFocused = useCallback((event) => {
-        const currentTargetId = event?.currentTarget?.id;
-        if (currentTargetId === `BKJPillTextArea_${uuid}_TextAreaWrapper`) {
-            const hasValues = value.length > 0;
-            if (!hasValues) {
-                document.querySelector(`#BKJPillRow_${uuid}_DefaultInput`)?.focus();
-            }
-            else {
-                event.stopPropagation();
-                setInitialTargetElement(`BKJPillRow_${uuid}_${value.length - 1}`);
-                return void 0;
-            }
-            event.preventDefault();
-            event.stopPropagation();
-            return void 0;
-        }
-        if (targetElement?.id === currentTargetId) {
-            event.preventDefault();
-            event.stopPropagation();
-            return void 0;
-        }
-        event.stopPropagation();
-        setInitialTargetElement(event.currentTarget.id);
-        return void 0;
-    }, [setInitialTargetElement, targetElement?.id, uuid, value.length]);
-    const setCursorAtIndex = useCallback((index) => {
-        setTimeout(() => {
-            const ele = document.getElementById(`BKJPillRow_${uuid}_${index}`);
-            setTargetElement(ele);
-            const element = document.getElementById(`BKJPillRow_${uuid}_DefaultInput`);
-            if (!element) {
-                inputRef.current?.focus();
-                inputRef.current?.scrollIntoView({ behavior: 'smooth', block: 'center' });
-            }
-            else {
-                element?.focus();
-                element?.scrollIntoView({ behavior: 'smooth', block: 'center' });
-            }
-        }, 0);
-    }, [uuid]);
-    const getCursorIndex = useCallback(() => {
-        const index = Number.parseInt(targetElement?.id?.split('_')?.pop() || '-1', 10);
-        return index;
-    }, [targetElement?.id]);
-    const addValue = useCallback((clipboardValues) => {
-        const index = getCursorIndex();
-        if (inputValue === '' && !clipboardValues)
-            return index;
-        const nextValue = Array.from(value);
-        const split = (clipboardValues || inputValue)
-            .split(/\r?[\n,]/)
-            .filter(Boolean)
-            .map((str) => str.trim());
-        split.forEach((str, j) => {
-            nextValue.splice(index + 1 + j, 0, str.trim());
-        });
-        onChange({ target: { name, value: nextValue } });
-        return index + split.length;
-    }, [getCursorIndex, inputValue, name, onChange, value]);
-    const onInputReset = useCallback(() => {
-        addValue();
-        setTargetElement(null);
-        setInputValue('');
-    }, [addValue]);
-    const onInputKeyDown = useCallback((event) => {
-        switch (event.key) {
-            case 'ArrowUp': {
-                const index = getCursorIndex();
-                if (index === -1)
-                    return void 0;
-                setCursorAtIndex(index - 1);
-                break;
-            }
-            case 'ArrowDown': {
-                const index = getCursorIndex();
-                if (index === value.length - 1)
-                    return void 0;
-                setCursorAtIndex(index + 1);
-                break;
-            }
-            case 'Enter': {
-                event.preventDefault();
-                const nextCursorIndex = addValue();
-                setInputValue('');
-                setCursorAtIndex(nextCursorIndex);
-                break;
-            }
-            case 'Backspace': {
-                const index = getCursorIndex();
-                if (value.length === 0)
-                    return void 0;
-                if (index === -1)
-                    return void 0;
-                if (inputValue === '') {
-                    const nextValue = Array.from(value);
-                    nextValue.splice(index, 1);
-                    onChange({ target: { name, value: nextValue } });
-                    setCursorAtIndex(index - 1);
-                }
-                break;
-            }
-            case 'Escape':
-                event.preventDefault();
-                onInputReset();
-                break;
-            case 'PageUp':
-                event.preventDefault();
-                if (value.length > 0)
-                    setCursorAtIndex(-1);
-                break;
-            case 'PageDown':
-                event.preventDefault();
-                setCursorAtIndex(value.length - 1);
-                break;
-        }
-        return void 0;
-    }, [onInputReset, getCursorIndex, setCursorAtIndex, value, addValue, inputValue, onChange, name]);
-    const onInputChange = useCallback((e) => {
-        setInputValue(e.target.value);
-    }, []);
-    const onChipRemove = useCallback((label) => {
-        return (event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            const index = value.indexOf(label);
-            const nextValue = Array.from(value);
-            nextValue.splice(index, 1);
-            onChange({ target: { name, value: nextValue } });
-            setCursorAtIndex(index - 1);
-        };
-    }, [name, onChange, setCursorAtIndex, value]);
-    const onInputMouseDown = useCallback((event) => {
-        if (event?.target)
-            mouseDownTargetRef.current = event.target;
-    }, []);
-    const onInputBlur = useCallback((event) => {
-        const containsTarget = event.currentTarget.contains(mouseDownTargetRef.current);
-        if (containsTarget)
-            event.stopPropagation();
-        onInputReset();
-    }, [onInputReset]);
-    const onInputPaste = useCallback((event) => {
-        event.preventDefault();
-        const paste = (event?.clipboardData).getData('text');
-        const nextCursorIndex = addValue(paste);
-        setInputValue('');
-        setCursorAtIndex(nextCursorIndex);
-    }, [addValue, setCursorAtIndex]);
-    useEffect(() => {
-        document.addEventListener('mousedown', onInputMouseDown);
-        return () => {
-            document.removeEventListener('mousedown', onInputMouseDown);
-        };
-    }, [onInputBlur, onInputMouseDown]);
-    const isMaxLimitReached = useMemo(() => {
-        return value.length > max;
-    }, [max, value.length]);
-    useClickOutside([wrapperRef && wrapperRef.current], onInputReset);
-    return (_jsx(BKJPillTextAreaContext.Provider, Object.assign({ value: {
-            wrapperRef,
-            inputRef,
-            value,
-            inputValue,
-            onInputFocused,
-            onInputChange,
-            onInputKeyDown,
-            onInputBlur,
-            onInputPaste,
-            onChipRemove,
-            targetElement,
-            setInputValue,
-            uuid,
-            isMaxLimitReached,
-        } }, { children: children }), void 0));
-};
-export const useBKJPillTextAreaContext = () => useContext(BKJPillTextAreaContext);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import { useClickOutside } from '../../hooks/index.js';
+const BKJPillTextAreaContext = createContext(null);
+export const BKJPillTextAreaProvider = ({ children, value = [], onChange, name, max, }) => {
+    const wrapperRef = useRef(null);
+    const inputRef = useRef(null);
+    const mouseDownTargetRef = useRef(null);
+    const [uuid] = useState(uuidv4());
+    const [targetElement, setTargetElement] = useState(null);
+    const [inputValue, setInputValue] = useState('');
+    const setInitialTargetElement = useCallback((id) => {
+        const ele = document.getElementById(id);
+        const inputElement = document.querySelector(`#BKJPillTextArea_${uuid}_ActiveInputElement`);
+        setTargetElement(ele);
+        inputElement?.focus();
+        inputElement?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+    }, [uuid]);
+    const onInputFocused = useCallback((event) => {
+        const currentTargetId = event?.currentTarget?.id;
+        if (currentTargetId === `BKJPillTextArea_${uuid}_TextAreaWrapper`) {
+            const hasValues = value.length > 0;
+            if (!hasValues) {
+                document.querySelector(`#BKJPillRow_${uuid}_DefaultInput`)?.focus();
+            }
+            else {
+                event.stopPropagation();
+                setInitialTargetElement(`BKJPillRow_${uuid}_${value.length - 1}`);
+                return void 0;
+            }
+            event.preventDefault();
+            event.stopPropagation();
+            return void 0;
+        }
+        if (targetElement?.id === currentTargetId) {
+            event.preventDefault();
+            event.stopPropagation();
+            return void 0;
+        }
+        event.stopPropagation();
+        setInitialTargetElement(event.currentTarget.id);
+        return void 0;
+    }, [setInitialTargetElement, targetElement?.id, uuid, value.length]);
+    const setCursorAtIndex = useCallback((index) => {
+        setTimeout(() => {
+            const ele = document.getElementById(`BKJPillRow_${uuid}_${index}`);
+            setTargetElement(ele);
+            const element = document.getElementById(`BKJPillRow_${uuid}_DefaultInput`);
+            if (!element) {
+                inputRef.current?.focus();
+                inputRef.current?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            }
+            else {
+                element?.focus();
+                element?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            }
+        }, 0);
+    }, [uuid]);
+    const getCursorIndex = useCallback(() => {
+        const index = Number.parseInt(targetElement?.id?.split('_')?.pop() || '-1', 10);
+        return index;
+    }, [targetElement?.id]);
+    const addValue = useCallback((clipboardValues) => {
+        const index = getCursorIndex();
+        if (inputValue === '' && !clipboardValues)
+            return index;
+        const nextValue = Array.from(value);
+        const split = (clipboardValues || inputValue)
+            .split(/\r?[\n,]/)
+            .filter(Boolean)
+            .map((str) => str.trim());
+        split.forEach((str, j) => {
+            nextValue.splice(index + 1 + j, 0, str.trim());
+        });
+        onChange({ target: { name, value: nextValue } });
+        return index + split.length;
+    }, [getCursorIndex, inputValue, name, onChange, value]);
+    const onInputReset = useCallback(() => {
+        addValue();
+        setTargetElement(null);
+        setInputValue('');
+    }, [addValue]);
+    const onInputKeyDown = useCallback((event) => {
+        switch (event.key) {
+            case 'ArrowUp': {
+                const index = getCursorIndex();
+                if (index === -1)
+                    return void 0;
+                setCursorAtIndex(index - 1);
+                break;
+            }
+            case 'ArrowDown': {
+                const index = getCursorIndex();
+                if (index === value.length - 1)
+                    return void 0;
+                setCursorAtIndex(index + 1);
+                break;
+            }
+            case 'Enter': {
+                event.preventDefault();
+                const nextCursorIndex = addValue();
+                setInputValue('');
+                setCursorAtIndex(nextCursorIndex);
+                break;
+            }
+            case 'Backspace': {
+                const index = getCursorIndex();
+                if (value.length === 0)
+                    return void 0;
+                if (index === -1)
+                    return void 0;
+                if (inputValue === '') {
+                    const nextValue = Array.from(value);
+                    nextValue.splice(index, 1);
+                    onChange({ target: { name, value: nextValue } });
+                    setCursorAtIndex(index - 1);
+                }
+                break;
+            }
+            case 'Escape':
+                event.preventDefault();
+                onInputReset();
+                break;
+            case 'PageUp':
+                event.preventDefault();
+                if (value.length > 0)
+                    setCursorAtIndex(-1);
+                break;
+            case 'PageDown':
+                event.preventDefault();
+                setCursorAtIndex(value.length - 1);
+                break;
+        }
+        return void 0;
+    }, [onInputReset, getCursorIndex, setCursorAtIndex, value, addValue, inputValue, onChange, name]);
+    const onInputChange = useCallback((e) => {
+        setInputValue(e.target.value);
+    }, []);
+    const onChipRemove = useCallback((label) => {
+        return (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            const index = value.indexOf(label);
+            const nextValue = Array.from(value);
+            nextValue.splice(index, 1);
+            onChange({ target: { name, value: nextValue } });
+            setCursorAtIndex(index - 1);
+        };
+    }, [name, onChange, setCursorAtIndex, value]);
+    const onInputMouseDown = useCallback((event) => {
+        if (event?.target)
+            mouseDownTargetRef.current = event.target;
+    }, []);
+    const onInputBlur = useCallback((event) => {
+        const containsTarget = event.currentTarget.contains(mouseDownTargetRef.current);
+        if (containsTarget)
+            event.stopPropagation();
+        onInputReset();
+    }, [onInputReset]);
+    const onInputPaste = useCallback((event) => {
+        event.preventDefault();
+        const paste = (event?.clipboardData).getData('text');
+        const nextCursorIndex = addValue(paste);
+        setInputValue('');
+        setCursorAtIndex(nextCursorIndex);
+    }, [addValue, setCursorAtIndex]);
+    useEffect(() => {
+        document.addEventListener('mousedown', onInputMouseDown);
+        return () => {
+            document.removeEventListener('mousedown', onInputMouseDown);
+        };
+    }, [onInputBlur, onInputMouseDown]);
+    const isMaxLimitReached = useMemo(() => {
+        return value.length > max;
+    }, [max, value.length]);
+    useClickOutside([wrapperRef && wrapperRef.current], onInputReset);
+    return (_jsx(BKJPillTextAreaContext.Provider, Object.assign({ value: {
+            wrapperRef,
+            inputRef,
+            value,
+            inputValue,
+            onInputFocused,
+            onInputChange,
+            onInputKeyDown,
+            onInputBlur,
+            onInputPaste,
+            onChipRemove,
+            targetElement,
+            setInputValue,
+            uuid,
+            isMaxLimitReached,
+        } }, { children: children }), void 0));
+};
+export const useBKJPillTextAreaContext = () => useContext(BKJPillTextAreaContext);
 //# sourceMappingURL=BKJPillTextArea.context.js.map

package/lib/components/BKJPillTextArea/BKJPillTextArea.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { IBKJPillTextArea } from './BKJPillTextArea.types.js';
-export declare const BKJPillTextArea: FC<IBKJPillTextArea>;
+import { FC } from 'react';
+import { IBKJPillTextArea } from './BKJPillTextArea.types.js';
+export declare const BKJPillTextArea: FC<IBKJPillTextArea>;
 //# sourceMappingURL=BKJPillTextArea.d.ts.map

package/lib/components/BKJPillTextArea/BKJPillTextArea.js

@@ -1,38 +1,38 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import { BKJChip } from '../index.js';
-import { BKJTextInputErrorMessage } from '../BKJTextInput/BKJTextInput.styled.js';
-import { Flex } from '../Flex/index.js';
-import { Portal } from '../Portal/Portal.js';
-import { BKJPillTextAreaProvider, useBKJPillTextAreaContext } from './BKJPillTextArea.context.js';
-import { BKJPillRowWrapper, BKJPillTextAreaWrapper, Input, InputLabel, InputMessage, RequiredAsterisk, TextAreaWrapper, } from './BKJPillTextArea.styled.js';
-const BKJPillRow = ({ label, id }) => {
-    const { onInputFocused, onChipRemove } = useBKJPillTextAreaContext();
-    return (_jsx(BKJPillRowWrapper, Object.assign({ id: id, width: "100%", onMouseDown: onInputFocused, flexDirection: "column-reverse" }, { children: _jsx(BKJChip, Object.assign({ onClose: onChipRemove(label), variant: "Purple" }, { children: label }), void 0) }), void 0));
-};
-function calcMargin(targetElement, value) {
-    const split = targetElement.id.split('_');
-    const indexPos = split[split.length - 1];
-    const lastIndexPos = String(value.length - 1);
-    if (indexPos === '-1')
-        return '0 0 4px 0';
-    if (indexPos === lastIndexPos)
-        return '4px 0 0 0';
-    return '4px 0 0 0';
-}
-const BKJPillTextAreaComponent = (props) => {
-    const { value, label, required, disabled, description, name, valueDescription, placeholder, error, max, ...rest } = props;
-    const { wrapperRef, inputRef, uuid, inputValue, targetElement, onInputFocused, onInputChange, onInputKeyDown, onInputBlur, onInputPaste, isMaxLimitReached, } = useBKJPillTextAreaContext();
-    return (_jsxs(BKJPillTextAreaWrapper, Object.assign({ onBlur: onInputBlur }, { children: [label && (_jsxs(InputLabel, Object.assign({ disabled: disabled }, { children: [label, required && _jsx(RequiredAsterisk, { children: "\u00A0*" }, void 0)] }), void 0)),
-            _jsxs(TextAreaWrapper, Object.assign({}, rest, { id: `BKJPillTextArea_${uuid}_TextAreaWrapper`, ref: wrapperRef, error: !!error || isMaxLimitReached, disabled: disabled, onMouseDown: onInputFocused }, { children: [value.length === 0 ? (_jsx(Input, { rows: 1, margin: "8px 0 0 0", id: `BKJPillRow_${uuid}_DefaultInput`, ref: inputRef, error: !!error, value: inputValue, placeholder: !!value.length ? undefined : placeholder, onChange: onInputChange, onKeyDown: onInputKeyDown, onPaste: onInputPaste }, void 0)) : (_jsxs(Fragment, { children: [_jsx(Flex, Object.assign({ id: `BKJPillRow_${uuid}_-1`, padding: "0 0 0 8px", width: "100%", onMouseDown: onInputFocused, flexDirection: "column-reverse" }, { children: _jsx(Flex, { minHeight: "8px" }, void 0) }), void 0),
-                            value.map((label, index) => (_jsx(BKJPillRow, { id: `BKJPillRow_${uuid}_${index}`, onChange: onInputChange, label: label, name: name }, `${label}-${index}`)))] }, void 0)),
-                    targetElement?.id && (_jsx(Portal, Object.assign({ targetElement: targetElement }, { children: _jsx(Input, { id: `BKJPillTextArea_${uuid}_ActiveInputElement`, rows: 1, margin: calcMargin(targetElement, value), css: "padding: 0 4px;", ref: inputRef, error: !!error, value: inputValue, onPaste: onInputPaste, onChange: onInputChange, onKeyDown: onInputKeyDown }, void 0) }), targetElement.id))] }), void 0),
-            description && _jsx(InputMessage, { children: description }, void 0),
-            _jsxs(InputMessage, Object.assign({ isMaxLimitReached: isMaxLimitReached }, { children: [`${value.length}/${max}`, !!valueDescription && ` ${valueDescription}`] }), void 0),
-            error && (_jsx(Fragment, { children: error && Array.isArray(error) ? (error.length &&
-                    error.map((err) => _jsx(BKJTextInputErrorMessage, { children: err }, err))) : (_jsx(BKJTextInputErrorMessage, { children: error }, void 0)) }, void 0))] }), void 0));
-};
-export const BKJPillTextArea = ({ value = [], onChange, name, validations, max = 10, ...rest }) => {
-    return (_jsx(BKJPillTextAreaProvider, Object.assign({ value: value, onChange: onChange, name: name, validations: validations, max: max }, { children: _jsx(BKJPillTextAreaComponent, Object.assign({ name: name, value: value, max: max }, rest), void 0) }), void 0));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { BKJChip } from '../index.js';
+import { BKJTextInputErrorMessage } from '../BKJTextInput/BKJTextInput.styled.js';
+import { Flex } from '../Flex/index.js';
+import { Portal } from '../Portal/Portal.js';
+import { BKJPillTextAreaProvider, useBKJPillTextAreaContext } from './BKJPillTextArea.context.js';
+import { BKJPillRowWrapper, BKJPillTextAreaWrapper, Input, InputLabel, InputMessage, RequiredAsterisk, TextAreaWrapper, } from './BKJPillTextArea.styled.js';
+const BKJPillRow = ({ label, id }) => {
+    const { onInputFocused, onChipRemove } = useBKJPillTextAreaContext();
+    return (_jsx(BKJPillRowWrapper, Object.assign({ id: id, width: "100%", onMouseDown: onInputFocused, flexDirection: "column-reverse" }, { children: _jsx(BKJChip, Object.assign({ onClose: onChipRemove(label), variant: "Purple" }, { children: label }), void 0) }), void 0));
+};
+function calcMargin(targetElement, value) {
+    const split = targetElement.id.split('_');
+    const indexPos = split[split.length - 1];
+    const lastIndexPos = String(value.length - 1);
+    if (indexPos === '-1')
+        return '0 0 4px 0';
+    if (indexPos === lastIndexPos)
+        return '4px 0 0 0';
+    return '4px 0 0 0';
+}
+const BKJPillTextAreaComponent = (props) => {
+    const { value, label, required, disabled, description, name, valueDescription, placeholder, error, max, ...rest } = props;
+    const { wrapperRef, inputRef, uuid, inputValue, targetElement, onInputFocused, onInputChange, onInputKeyDown, onInputBlur, onInputPaste, isMaxLimitReached, } = useBKJPillTextAreaContext();
+    return (_jsxs(BKJPillTextAreaWrapper, Object.assign({ onBlur: onInputBlur }, { children: [label && (_jsxs(InputLabel, Object.assign({ disabled: disabled }, { children: [label, required && _jsx(RequiredAsterisk, { children: "\u00A0*" }, void 0)] }), void 0)),
+            _jsxs(TextAreaWrapper, Object.assign({}, rest, { id: `BKJPillTextArea_${uuid}_TextAreaWrapper`, ref: wrapperRef, error: !!error || isMaxLimitReached, disabled: disabled, onMouseDown: onInputFocused }, { children: [value.length === 0 ? (_jsx(Input, { rows: 1, margin: "8px 0 0 0", id: `BKJPillRow_${uuid}_DefaultInput`, ref: inputRef, error: !!error, value: inputValue, placeholder: !!value.length ? undefined : placeholder, onChange: onInputChange, onKeyDown: onInputKeyDown, onPaste: onInputPaste }, void 0)) : (_jsxs(Fragment, { children: [_jsx(Flex, Object.assign({ id: `BKJPillRow_${uuid}_-1`, padding: "0 0 0 8px", width: "100%", onMouseDown: onInputFocused, flexDirection: "column-reverse" }, { children: _jsx(Flex, { minHeight: "8px" }, void 0) }), void 0),
+                            value.map((label, index) => (_jsx(BKJPillRow, { id: `BKJPillRow_${uuid}_${index}`, onChange: onInputChange, label: label, name: name }, `${label}-${index}`)))] }, void 0)),
+                    targetElement?.id && (_jsx(Portal, Object.assign({ targetElement: targetElement }, { children: _jsx(Input, { id: `BKJPillTextArea_${uuid}_ActiveInputElement`, rows: 1, margin: calcMargin(targetElement, value), css: "padding: 0 4px;", ref: inputRef, error: !!error, value: inputValue, onPaste: onInputPaste, onChange: onInputChange, onKeyDown: onInputKeyDown }, void 0) }), targetElement.id))] }), void 0),
+            description && _jsx(InputMessage, { children: description }, void 0),
+            _jsxs(InputMessage, Object.assign({ isMaxLimitReached: isMaxLimitReached }, { children: [`${value.length}/${max}`, !!valueDescription && ` ${valueDescription}`] }), void 0),
+            error && (_jsx(Fragment, { children: error && Array.isArray(error) ? (error.length &&
+                    error.map((err) => _jsx(BKJTextInputErrorMessage, { children: err }, err))) : (_jsx(BKJTextInputErrorMessage, { children: error }, void 0)) }, void 0))] }), void 0));
+};
+export const BKJPillTextArea = ({ value = [], onChange, name, validations, max = 10, ...rest }) => {
+    return (_jsx(BKJPillTextAreaProvider, Object.assign({ value: value, onChange: onChange, name: name, validations: validations, max: max }, { children: _jsx(BKJPillTextAreaComponent, Object.assign({ name: name, value: value, max: max }, rest), void 0) }), void 0));
+};
 //# sourceMappingURL=BKJPillTextArea.js.map

package/lib/components/BKJPillTextArea/BKJPillTextArea.stories.d.ts

@@ -1,36 +1,36 @@
-/// <reference types="react" />
-import { IBKJPillTextArea } from './BKJPillTextArea.types.js';
-import { Story } from '@storybook/react';
-declare const setup: {
-    title: string;
-    component: import("react").FC<IBKJPillTextArea>;
-    argTypes: {
-        label: {
-            name: string;
-        };
-        error: {
-            name: string;
-            control: {
-                type: string;
-            };
-        };
-        height: {
-            name: string;
-        };
-        required: {
-            name: string;
-        };
-        placeholder: {
-            name: string;
-        };
-        disabled: {
-            name: string;
-        };
-        value: {
-            name: string;
-        };
-    };
-};
-export declare const Default: Story<IBKJPillTextArea>;
-export default setup;
+/// <reference types="react" />
+import { IBKJPillTextArea } from './BKJPillTextArea.types.js';
+import { Story } from '@storybook/react';
+declare const setup: {
+    title: string;
+    component: import("react").FC<IBKJPillTextArea>;
+    argTypes: {
+        label: {
+            name: string;
+        };
+        error: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        height: {
+            name: string;
+        };
+        required: {
+            name: string;
+        };
+        placeholder: {
+            name: string;
+        };
+        disabled: {
+            name: string;
+        };
+        value: {
+            name: string;
+        };
+    };
+};
+export declare const Default: Story<IBKJPillTextArea>;
+export default setup;
 //# sourceMappingURL=BKJPillTextArea.stories.d.ts.map