@bookjane2/bookjane-design-library 7.2.8 → 7.3.0

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

@@ -1,75 +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, Object.assign({}, props, { max: 200, onChange: onChange, name: "data", value: data }), void 0);
-};
-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;
+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, Object.assign({}, props, { max: 200, onChange: onChange, name: "data", value: data }), void 0);
+};
+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.styled.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { IBKJPillTextAreaContext, TextAreaWrapperProps } from './BKJPillTextArea.types.js';
-import { FormValidationErrorMessageType } from '../../common.types.js';
-export declare const InputLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
-    disabled?: boolean | undefined;
-}, never>;
-export declare const ErrorMessage: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
-export declare const InputMessage: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, Partial<Pick<IBKJPillTextAreaContext, "isMaxLimitReached">>, never>;
-export declare const RequiredAsterisk: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
-    disabled?: boolean | undefined;
-}, never>;
-export declare const BKJPillTextAreaWrapper: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
-export declare const TextAreaWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TextAreaWrapperProps, never>;
-export declare const Input: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, {
-    margin?: string | undefined;
-    error?: FormValidationErrorMessageType | undefined;
-}, never>;
-export declare const BKJPillRowWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Flex/Flex.types.js").IFlexProps & import("react").RefAttributes<any>>, import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+import { IBKJPillTextAreaContext, TextAreaWrapperProps } from './BKJPillTextArea.types.js';
+import { FormValidationErrorMessageType } from '../../common.types.js';
+export declare const InputLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
+export declare const InputMessage: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, Partial<Pick<IBKJPillTextAreaContext, "isMaxLimitReached">>, never>;
+export declare const RequiredAsterisk: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const BKJPillTextAreaWrapper: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
+export declare const TextAreaWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TextAreaWrapperProps, never>;
+export declare const Input: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, {
+    margin?: string | undefined;
+    error?: FormValidationErrorMessageType | undefined;
+}, never>;
+export declare const BKJPillRowWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Flex/Flex.types.js").IFlexProps & import("react").RefAttributes<any>>, import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=BKJPillTextArea.styled.d.ts.map

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

@@ -1,70 +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;
-  }
-`;
+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.types.d.ts

@@ -1,52 +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;
-}
+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.js

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

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

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

package/lib/components/BKJPillTextArea/index.js

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

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

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

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

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

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

@@ -1,8 +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?: import("react").ForwardedRef<HTMLElement> | undefined;
-}) => ReturnType<typeof BKJSelectComponent>;
-export {};
+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?: import("react").ForwardedRef<HTMLElement> | undefined;
+}) => ReturnType<typeof BKJSelectComponent>;
+export {};
 //# sourceMappingURL=BKJSelect.d.ts.map