@bookjane2/bookjane-design-library 7.3.3 → 7.3.5

package/lib/components/BKJPillSelect/BKJPillSelect.styled.js

@@ -1,81 +1,81 @@
-import styled, { css } from 'styled-components';
-import { BKJComboBox } from '../BKJComboBox/index.js';
-import { InputBaseCSS, InputErrorMessageCSS, InputLabelCSS, InputMessageCSS, InputRequiredAsteriskCSS, InputWrapperCSS, } from '../common/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 BKJPillSelectWrapper = styled.label `
-  ${InputWrapperCSS};
-  display: flex;
-  flex-direction: column;
-`;
-export const TextAreaWrapper = styled.div `
-  ${InputBaseCSS};
-  border: 1px solid ${({ theme }) => theme.colors.Grey6};
-
-  height: auto;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  overflow-y: overlay;
-  position: relative;
-
-  ${({ isFocused, theme }) => !isFocused &&
-    css `
-      border-bottom-left-radius: 8px;
-      border-bottom-right-radius: 8px;
-      border-bottom: 1px solid ${theme.colors.Grey6};
-      padding-bottom: 8px;
-    `};
-  ${({ hasValue }) => !hasValue &&
-    css `
-      border-bottom-left-radius: 0px;
-      border-bottom-right-radius: 0px;
-      border-bottom: none;
-    `};
-  ${({ isFocused, hasValue }) => isFocused &&
-    hasValue &&
-    css `
-      border-bottom-left-radius: 0px;
-      border-bottom-right-radius: 0px;
-      border-bottom: none;
-    `};
-  ${({ isFocused, hasValue, theme }) => !isFocused &&
-    !hasValue &&
-    css `
-      border-bottom-left-radius: 8px;
-      border-bottom-right-radius: 8px;
-      border-bottom: 1px solid ${theme.colors.Grey6};
-    `};
-`;
-export const BKJPillSelectComboBox = styled(BKJComboBox) `
-  ${({ hasValue }) => hasValue &&
-    css `
-      input {
-        border-top-left-radius: 0px !important;
-        border-top-right-radius: 0px !important;
-        border-top: none !important;
-      }
-    `};
-
-  ${({ isFocused }) => (isFocused ? css `` : css ``)}
-`;
+import styled, { css } from 'styled-components';
+import { BKJComboBox } from '../BKJComboBox/index.js';
+import { InputBaseCSS, InputErrorMessageCSS, InputLabelCSS, InputMessageCSS, InputRequiredAsteriskCSS, InputWrapperCSS, } from '../common/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 BKJPillSelectWrapper = styled.label `
+  ${InputWrapperCSS};
+  display: flex;
+  flex-direction: column;
+`;
+export const TextAreaWrapper = styled.div `
+  ${InputBaseCSS};
+  border: 1px solid ${({ theme }) => theme.colors.Grey6};
+
+  height: auto;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  overflow-y: overlay;
+  position: relative;
+
+  ${({ isFocused, theme }) => !isFocused &&
+    css `
+      border-bottom-left-radius: 8px;
+      border-bottom-right-radius: 8px;
+      border-bottom: 1px solid ${theme.colors.Grey6};
+      padding-bottom: 8px;
+    `};
+  ${({ hasValue }) => !hasValue &&
+    css `
+      border-bottom-left-radius: 0px;
+      border-bottom-right-radius: 0px;
+      border-bottom: none;
+    `};
+  ${({ isFocused, hasValue }) => isFocused &&
+    hasValue &&
+    css `
+      border-bottom-left-radius: 0px;
+      border-bottom-right-radius: 0px;
+      border-bottom: none;
+    `};
+  ${({ isFocused, hasValue, theme }) => !isFocused &&
+    !hasValue &&
+    css `
+      border-bottom-left-radius: 8px;
+      border-bottom-right-radius: 8px;
+      border-bottom: 1px solid ${theme.colors.Grey6};
+    `};
+`;
+export const BKJPillSelectComboBox = styled(BKJComboBox) `
+  ${({ hasValue }) => hasValue &&
+    css `
+      input {
+        border-top-left-radius: 0px !important;
+        border-top-right-radius: 0px !important;
+        border-top: none !important;
+      }
+    `};
+
+  ${({ isFocused }) => (isFocused ? css `` : css ``)}
+`;
 //# sourceMappingURL=BKJPillSelect.styled.js.map

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

@@ -1,48 +1,48 @@
-import { Dispatch, FocusEventHandler, InputHTMLAttributes, MouseEventHandler, RefObject, SetStateAction } from 'react';
-import { BKJTextInputValueType, ChangeFunctionType, FormValidationErrorMessageType } from '../../common.types.js';
-import { IBKJComboBoxOption, IBKJComboBoxProps } from '../BKJComboBox/BKJComboBox.types.js';
-export interface IBKJPillSelectProvider {
-    readonly value?: string[];
-    readonly onChange: IBKJPillSelectContext['onInputChange'];
-    readonly name: string;
-    readonly validations: IBKJPillSelect['validations'];
-    readonly max: IBKJPillSelect['max'];
-}
-export interface IBKJPillSelectContext extends InputHTMLAttributes<HTMLInputElement> {
-    wrapperRef: RefObject<HTMLDivElement>;
-    inputRef: RefObject<HTMLInputElement>;
-    readonly value: string[];
-    inputValue: string;
-    setInputValue: Dispatch<SetStateAction<string>>;
-    onInputFocused: MouseEventHandler<HTMLDivElement>;
-    onInputChange: ChangeFunctionType;
-    onInputBlur: FocusEventHandler<HTMLInputElement>;
-    isFocused: boolean;
-    onIsOpenChange: (args: {}) => void;
-    onChipRemove: (label: string) => MouseEventHandler<HTMLDivElement>;
-    uuid: string;
-    isMaxLimitReached: boolean;
-    options?: IBKJComboBoxProps['options'];
-}
-export interface IBKJPillSelect extends InputHTMLAttributes<any> {
-    readonly options: IBKJComboBoxProps<IBKJComboBoxOption<string>>['options'];
-    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 validations: Array<() => string | string[] | true>;
-    readonly max: number;
-    children?: JSX.Element | JSX.Element[] | any;
-}
-export interface TextAreaWrapperProps {
-    disabled?: boolean;
-    hasValue?: boolean;
-    isFocused?: boolean;
-    error?: FormValidationErrorMessageType;
-}
+import { Dispatch, FocusEventHandler, InputHTMLAttributes, MouseEventHandler, RefObject, SetStateAction } from 'react';
+import { BKJTextInputValueType, ChangeFunctionType, FormValidationErrorMessageType } from '../../common.types.js';
+import { IBKJComboBoxOption, IBKJComboBoxProps } from '../BKJComboBox/BKJComboBox.types.js';
+export interface IBKJPillSelectProvider {
+    readonly value?: string[];
+    readonly onChange: IBKJPillSelectContext['onInputChange'];
+    readonly name: string;
+    readonly validations: IBKJPillSelect['validations'];
+    readonly max: IBKJPillSelect['max'];
+}
+export interface IBKJPillSelectContext extends InputHTMLAttributes<HTMLInputElement> {
+    wrapperRef: RefObject<HTMLDivElement>;
+    inputRef: RefObject<HTMLInputElement>;
+    readonly value: string[];
+    inputValue: string;
+    setInputValue: Dispatch<SetStateAction<string>>;
+    onInputFocused: MouseEventHandler<HTMLDivElement>;
+    onInputChange: ChangeFunctionType;
+    onInputBlur: FocusEventHandler<HTMLInputElement>;
+    isFocused: boolean;
+    onIsOpenChange: (args: {}) => void;
+    onChipRemove: (label: string) => MouseEventHandler<HTMLDivElement>;
+    uuid: string;
+    isMaxLimitReached: boolean;
+    options?: IBKJComboBoxProps['options'];
+}
+export interface IBKJPillSelect extends InputHTMLAttributes<any> {
+    readonly options: IBKJComboBoxProps<IBKJComboBoxOption<string>>['options'];
+    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 validations: Array<() => string | string[] | true>;
+    readonly max: number;
+    children?: JSX.Element | JSX.Element[] | any;
+}
+export interface TextAreaWrapperProps {
+    disabled?: boolean;
+    hasValue?: boolean;
+    isFocused?: boolean;
+    error?: FormValidationErrorMessageType;
+}
 //# sourceMappingURL=BKJPillSelect.types.d.ts.map

package/lib/components/BKJPillSelect/BKJPillSelect.types.js

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

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

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

package/lib/components/BKJPillSelect/index.js

@@ -1,2 +1,2 @@
-export * from './BKJPillSelect.js';
+export * from './BKJPillSelect.js';
 //# sourceMappingURL=index.js.map

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IBKJPillTextAreaContext, IBKJPillTextAreaProvider } from './BKJPillTextArea.types.js';
-export declare const BKJPillTextAreaProvider: FC<IBKJPillTextAreaProvider>;
-export declare const useBKJPillTextAreaContext: () => IBKJPillTextAreaContext;
+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