@bookjane2/bookjane-design-library 7.3.55 → 8.0.0

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IBKJPillTextAreaContext, IBKJPillTextAreaProvider } from './BKJPillTextArea.types.js';
+export declare const BKJPillTextAreaProvider: FC<IBKJPillTextAreaProvider>;
+export declare const useBKJPillTextAreaContext: () => IBKJPillTextAreaContext;
+//# sourceMappingURL=BKJPillTextArea.context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPillTextArea.context.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPillTextArea/BKJPillTextArea.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,EAAE,EAWH,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAI5F,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,wBAAwB,CAkPhE,CAAC;AAEF,eAAO,MAAM,yBAAyB,+BAA2C,CAAC"}

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

@@ -0,0 +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, { value: {
+            wrapperRef,
+            inputRef,
+            value,
+            inputValue,
+            onInputFocused,
+            onInputChange,
+            onInputKeyDown,
+            onInputBlur,
+            onInputPaste,
+            onChipRemove,
+            targetElement,
+            setInputValue,
+            uuid,
+            isMaxLimitReached,
+        }, children: children }));
+};
+export const useBKJPillTextAreaContext = () => useContext(BKJPillTextAreaContext);
+//# sourceMappingURL=BKJPillTextArea.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPillTextArea.context.js","sourceRoot":"","sources":["../../../src/components/BKJPillTextArea/BKJPillTextArea.context.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPillTextArea.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPillTextArea/BKJPillTextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAerC,OAAO,EAAe,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAiJxE,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,gBAAgB,CAmBhD,CAAC"}

package/lib/components/BKJPillTextArea/BKJPillTextArea.js

@@ -0,0 +1,32 @@
+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, { id: id, width: "100%", onMouseDown: onInputFocused, flexDirection: "column-reverse", children: _jsx(BKJChip, { onClose: onChipRemove(label), variant: "Purple", children: label }) }));
+};
+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, { onBlur: onInputBlur, children: [label && (_jsxs(InputLabel, { disabled: disabled, children: [label, required && _jsx(RequiredAsterisk, { children: "\u00A0*" })] })), _jsxs(TextAreaWrapper, { ...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 })) : (_jsxs(Fragment, { children: [_jsx(Flex, { id: `BKJPillRow_${uuid}_-1`, padding: "0 0 0 8px", width: "100%", onMouseDown: onInputFocused, flexDirection: "column-reverse", children: _jsx(Flex, { minHeight: "8px" }) }), value.map((label, index) => (_jsx(BKJPillRow, { id: `BKJPillRow_${uuid}_${index}`, onChange: onInputChange, label: label, name: name }, `${label}-${index}`)))] })), targetElement?.id && (_jsx(Portal, { 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 }) }, targetElement.id))] }), description && _jsx(InputMessage, { children: description }), _jsxs(InputMessage, { isMaxLimitReached: isMaxLimitReached, children: [`${value.length}/${max}`, !!valueDescription && ` ${valueDescription}`] }), error && (_jsx(Fragment, { children: error && Array.isArray(error) ? (error.length &&
+                    error.map((err) => _jsx(BKJTextInputErrorMessage, { children: err }, err))) : (_jsx(BKJTextInputErrorMessage, { children: error })) }))] }));
+};
+export const BKJPillTextArea = ({ value = [], onChange, name, validations, max = 10, ...rest }) => {
+    return (_jsx(BKJPillTextAreaProvider, { value: value, onChange: onChange, name: name, validations: validations, max: max, children: _jsx(BKJPillTextAreaComponent, { name: name, value: value, max: max, ...rest }) }));
+};
+//# sourceMappingURL=BKJPillTextArea.js.map

package/lib/components/BKJPillTextArea/BKJPillTextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPillTextArea.js","sourceRoot":"","sources":["../../../src/components/BKJPillTextArea/BKJPillTextArea.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,34 @@
+import { IBKJPillTextArea } from './BKJPillTextArea.types.js';
+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: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJPillTextArea>;
+export default setup;
+//# sourceMappingURL=BKJPillTextArea.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPillTextArea.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPillTextArea/BKJPillTextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAQ3D,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BV,CAAC;AAsCF,eAAO,MAAM,OAAO,uGAAoB,CAAC;AASzC,eAAe,KAAK,CAAC"}

package/lib/components/BKJPillTextArea/BKJPillTextArea.stories.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJPillTextArea } from './BKJPillTextArea.js';
+import { useFormBehaviors } from '../../hooks/index.js';
+import uniq from 'lodash/uniq';
+import filter from 'lodash/filter';
+import includes from 'lodash/includes';
+const setup = {
+    title: 'Input Elements/BKJPillTextArea',
+    component: BKJPillTextArea,
+    argTypes: {
+        label: {
+            name: 'Label Text',
+        },
+        error: {
+            name: 'Error Message',
+            control: {
+                type: 'text',
+            },
+        },
+        height: {
+            name: 'Height',
+        },
+        required: {
+            name: 'Required Field',
+        },
+        placeholder: {
+            name: 'Placeholder',
+        },
+        disabled: {
+            name: 'Disabled',
+        },
+        value: {
+            name: 'Array Items',
+        },
+    },
+};
+const initialState = {
+    data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'],
+};
+// const initialState = {
+//   data: [...Array(201)].map((_, i) => {
+//     return `Field ${i + 1}`;
+//   }) as string[],
+// };
+function VALIDATION_unique(data) {
+    let errs = [];
+    const hasDuplicates = uniq(data).length !== data.length;
+    const duplicates = uniq(filter(data, (val, i, iteratee) => includes(iteratee, val, i + 1)));
+    if (data.length === 0)
+        errs.push('At least 1 option is required');
+    if (hasDuplicates)
+        [`Remove duplicate values`, ...duplicates.map((str) => `\t• ${str}`)].forEach((item) => errs.push(item));
+    if (errs.length)
+        return errs;
+    return '';
+}
+const Template = (props) => {
+    const { values: { data }, onChange, } = useFormBehaviors({
+        initialState,
+        onSubmit: console.log,
+        validations: {
+            data: VALIDATION_unique,
+        },
+    });
+    return _jsx(BKJPillTextArea, { ...props, max: 200, onChange: onChange, name: "data", value: data });
+};
+export const Default = Template.bind({});
+Default.args = {
+    label: 'Dropdown Values',
+    valueDescription: 'values',
+    required: true,
+    placeholder: "Type or paste a list of dropdown values, so that there's one value per line.",
+};
+export default setup;
+//# sourceMappingURL=BKJPillTextArea.stories.js.map

package/lib/components/BKJPillTextArea/BKJPillTextArea.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPillTextArea.stories.js","sourceRoot":"","sources":["../../../src/components/BKJPillTextArea/BKJPillTextArea.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+import { IBKJPillTextAreaContext, TextAreaWrapperProps } from './BKJPillTextArea.types.js';
+import { FormValidationErrorMessageType } from '../../common.types.js';
+export declare const InputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    disabled?: boolean;
+}>> & string;
+export declare const ErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const InputMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Partial<Pick<IBKJPillTextAreaContext, "isMaxLimitReached">>>> & string;
+export declare const RequiredAsterisk: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "disabled"> & {
+    disabled?: boolean;
+}, "disabled" | "key" | keyof import("react").LabelHTMLAttributes<HTMLLabelElement>> & {
+    ref?: import("react").Ref<HTMLLabelElement>;
+}, never>> & string;
+export declare const BKJPillTextAreaWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const TextAreaWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TextAreaWrapperProps>> & string;
+export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {
+    margin?: string;
+    error?: FormValidationErrorMessageType;
+    css?: any;
+}>> & string;
+export declare const BKJPillRowWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Flex/Flex.types.js").IFlexProps & import("react").RefAttributes<any>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Flex/Flex.types.js").IFlexProps & import("react").RefAttributes<any>>, keyof import("react").Component<any, {}, any>>;
+//# sourceMappingURL=BKJPillTextArea.styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPillTextArea.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPillTextArea/BKJPillTextArea.styled.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACxF,OAAO,EAAE,8BAA8B,EAAE,MAAM,oBAAoB,CAAC;AAEpE,eAAO,MAAM,UAAU;eAA4B,OAAO;YAEzD,CAAC;AAEF,eAAO,MAAM,YAAY,sOAExB,CAAC;AAEF,eAAO,MAAM,YAAY,ySAYxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;eAtBsB,OAAO;;;mBAwBzD,CAAC;AAEF,eAAO,MAAM,sBAAsB,sOAIlC,CAAC;AAEF,eAAO,MAAM,eAAe,yPAc3B,CAAC;AAEF,eAAO,MAAM,KAAK;aAA8B,MAAM;YAAU,8BAA8B;UAAQ,GAAG;YAoBxG,CAAC;AAEF,eAAO,MAAM,iBAAiB,uXAM7B,CAAC"}

package/lib/components/BKJPillTextArea/BKJPillTextArea.styled.js

@@ -0,0 +1,70 @@
+import { InputBaseCSS, InputMessageCSS, InputErrorMessageCSS, InputLabelCSS, InputRequiredAsteriskCSS, InputWrapperCSS, } from '../common/index.js';
+import styled, { css } from 'styled-components';
+import { Flex } from '../Flex/index.js';
+export const InputLabel = styled.label `
+  ${InputLabelCSS}
+`;
+export const ErrorMessage = styled.label `
+  ${InputErrorMessageCSS}
+`;
+export const InputMessage = styled.label `
+  ${InputMessageCSS};
+
+  ${({ isMaxLimitReached }) => {
+    if (isMaxLimitReached)
+        return css `
+        color: ${({ theme }) => theme.colors.ErrorDefault};
+      `;
+    return css ``;
+}}
+`;
+export const RequiredAsterisk = styled(InputLabel) `
+  ${InputRequiredAsteriskCSS}
+`;
+export const BKJPillTextAreaWrapper = styled.label `
+  ${InputWrapperCSS};
+  display: flex;
+  flex-direction: column;
+`;
+export const TextAreaWrapper = styled.div `
+  ${InputBaseCSS};
+  border: 1px solid ${({ theme }) => theme.colors.Grey6};
+  padding: 0;
+  height: auto;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  overflow-y: overlay;
+  min-height: 195px;
+  height: 195px;
+  max-height: 195px;
+  position: relative;
+`;
+export const Input = styled.textarea `
+  font-size: 14px;
+  padding: 0px 12px;
+  border: none;
+  outline: none;
+  width: 100%;
+  line-height: 24px;
+  resize: none;
+  color: ${({ theme }) => theme.colors.TextDarkGrey};
+  ${({ margin }) => margin &&
+    css `
+      margin: ${margin};
+    `};
+  ${({ theme }) => theme.fonts.PoppinsTextMedium};
+  ${({ error }) => error &&
+    css `
+      color: ${({ theme }) => theme.colors.ErrorDefault};
+    `}
+`;
+export const BKJPillRowWrapper = styled(Flex) `
+  padding: 0px 8px;
+  padding-bottom: 4px;
+  &:last-child {
+    padding-bottom: 8px;
+  }
+`;
+//# sourceMappingURL=BKJPillTextArea.styled.js.map

package/lib/components/BKJPillTextArea/BKJPillTextArea.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPillTextArea.styled.js","sourceRoot":"","sources":["../../../src/components/BKJPillTextArea/BKJPillTextArea.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,wBAAwB,EACxB,eAAe,GAChB,MAAM,WAAW,CAAC;AAEnB,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAI/B,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAsB;IACxD,aAAa;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAA;IACpC,oBAAoB;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAEvC;IACG,eAAe;;IAEf,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAC1B,IAAI,iBAAiB;QACnB,OAAO,GAAG,CAAA;iBACC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;OAClD,CAAC;IACJ,OAAO,GAAG,CAAA,EAAE,CAAC;AACf,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IAC9C,wBAAwB;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAA;IAC9C,eAAe;;;CAGlB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAsB;IAC3D,YAAY;sBACM,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;;CAYtD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAwE;;;;;;;;WAQjG,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;IAC/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,MAAM;IACN,GAAG,CAAA;gBACS,MAAM;KACjB;IACD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;IAC5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,GAAG,CAAA;eACQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;KAClD;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;CAM5C,CAAC"}

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

@@ -0,0 +1,52 @@
+import { ClipboardEventHandler, Dispatch, FocusEventHandler, InputHTMLAttributes, KeyboardEventHandler, MouseEventHandler, RefObject, SetStateAction } from 'react';
+import { BKJTextInputValueType, FormValidationErrorMessageType } from '../../common.types.js';
+import { ChangeFunctionType } from './../../common.types.js';
+export interface IBKJPillTextAreaProvider {
+    readonly value?: string[];
+    readonly onChange: IBKJPillTextAreaContext['onInputChange'];
+    readonly name: string;
+    readonly validations: IBKJPillTextArea['validations'];
+    readonly max: IBKJPillTextArea['max'];
+}
+export interface IBKJPillTextAreaContext {
+    wrapperRef: RefObject<HTMLDivElement>;
+    inputRef: RefObject<HTMLTextAreaElement>;
+    readonly value: string[];
+    inputValue: string;
+    setInputValue: Dispatch<SetStateAction<string>>;
+    onInputFocused: MouseEventHandler<HTMLDivElement>;
+    onInputChange: ChangeFunctionType;
+    onInputKeyDown: KeyboardEventHandler<HTMLTextAreaElement>;
+    onInputBlur: FocusEventHandler<HTMLLabelElement>;
+    onInputPaste: ClipboardEventHandler<HTMLTextAreaElement>;
+    onChipRemove: (label: string) => MouseEventHandler<HTMLDivElement>;
+    targetElement: HTMLElement | null;
+    uuid: string;
+    isMaxLimitReached: boolean;
+}
+export interface IBKJPillTextArea extends InputHTMLAttributes<any> {
+    readonly label?: string;
+    readonly required?: boolean;
+    readonly disabled?: boolean;
+    readonly description?: string;
+    readonly error?: FormValidationErrorMessageType;
+    readonly value: BKJTextInputValueType[];
+    readonly onChange: ChangeFunctionType;
+    readonly name: string;
+    readonly placeholder?: string;
+    readonly valueDescription?: string;
+    readonly validations: Array<() => string | string[] | true>;
+    readonly max: number;
+    children?: JSX.Element | JSX.Element[] | any;
+}
+export interface IBKJPillRow {
+    onChange: IBKJPillTextArea['onChange'];
+    label: string;
+    name: string;
+    id: string;
+}
+export interface TextAreaWrapperProps {
+    disabled?: boolean;
+    error?: FormValidationErrorMessageType;
+}
+//# sourceMappingURL=BKJPillTextArea.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPillTextArea.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPillTextArea/BKJPillTextArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,QAAQ,EACR,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,qBAAqB,EAAE,8BAA8B,EAAE,MAAM,oBAAoB,CAAC;AAC3F,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC;IAC5D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IACtD,QAAQ,CAAC,GAAG,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;CACvC;AACD,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,cAAc,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,aAAa,EAAE,kBAAkB,CAAC;IAClC,cAAc,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IAC1D,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACjD,YAAY,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;IACzD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACnE,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AACD,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB,CAAC,GAAG,CAAC;IAChE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,8BAA8B,CAAC;IAChD,QAAQ,CAAC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IACxC,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAC;IACtC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;IAC5D,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC;CAC9C;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,8BAA8B,CAAC;CACxC"}

package/lib/components/BKJPillTextArea/BKJPillTextArea.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BKJPillTextArea.types.js.map

package/lib/components/BKJPillTextArea/BKJPillTextArea.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPillTextArea.types.js","sourceRoot":"","sources":["../../../src/components/BKJPillTextArea/BKJPillTextArea.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+export { BKJPillTextArea } from './BKJPillTextArea.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPillTextArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/components/BKJPillTextArea/index.js

@@ -0,0 +1,2 @@
+export { BKJPillTextArea } from './BKJPillTextArea.js';
+//# sourceMappingURL=index.js.map

package/lib/components/BKJPillTextArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BKJPillTextArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/components/BKJSelect/BKJSelect.constants.d.ts

@@ -0,0 +1,2 @@
+export declare const VariantsWithClear: string[];
+//# sourceMappingURL=BKJSelect.constants.d.ts.map

package/lib/components/BKJSelect/BKJSelect.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJSelect.constants.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,UAAiD,CAAC"}

package/lib/components/BKJSelect/BKJSelect.constants.js

@@ -0,0 +1,2 @@
+export const VariantsWithClear = ['GreyOutlinedClear', 'GreyOutlinedPillClear'];
+//# sourceMappingURL=BKJSelect.constants.js.map

package/lib/components/BKJSelect/BKJSelect.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJSelect.constants.js","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,mBAAmB,EAAE,uBAAuB,CAAC,CAAC"}

package/lib/components/BKJSelect/BKJSelect.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'react';
+import { IBKJSelectProps } from './BKJSelect.types.js';
+declare function BKJSelectComponent<Type>(props: IBKJSelectProps<Type>, ref: Ref<HTMLElement>): JSX.Element;
+export declare const BKJSelect: <Type>(props: IBKJSelectProps<Type> & {
+    ref?: React.ForwardedRef<HTMLElement>;
+}) => ReturnType<typeof BKJSelectComponent>;
+export {};
+//# sourceMappingURL=BKJSelect.d.ts.map

package/lib/components/BKJSelect/BKJSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJSelect.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,GAAG,EAAqD,MAAM,OAAO,CAAC;AAS3F,OAAO,EAAE,eAAe,EAAgC,MAAM,mBAAmB,CAAC;AAqDlF,iBAAS,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,WAAW,CAAC,eA4SpF;AAED,eAAO,MAAM,SAAS,EAAqC,CAAC,IAAI,EAC9D,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACrE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC"}