@bookjane2/bookjane-design-library 7.3.55 → 8.0.1

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

@@ -0,0 +1,16 @@
+export declare const IconTextInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+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 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 InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isFocused: boolean;
+}>> & string;
+export declare const TextInput: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export declare const InputErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+//# sourceMappingURL=BKJDollarTextInput.styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJDollarTextInput.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJDollarTextInput/BKJDollarTextInput.styled.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,oBAAoB,6NAEhC,CAAC;AAEF,eAAO,MAAM,UAAU;eAA6B,OAAO;YAE1D,CAAC;AAEF,eAAO,MAAM,gBAAgB;eAJuB,OAAO;;;mBAM1D,CAAC;AAEF,eAAO,MAAM,YAAY,6NAGxB,CAAC;AAEF,eAAO,MAAM,WAAW;eAA2B,OAAO;YAczD,CAAC;AAEF,eAAO,MAAM,SAAS,kFAGrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,yOAE7B,CAAC"}

package/lib/components/BKJDollarTextInput/BKJDollarTextInput.styled.js

@@ -0,0 +1,37 @@
+import styled, { css } from 'styled-components';
+import { InputBaseCSS, InputErrorMessageCSS, InputLabelCSS, InputRequiredAsteriskCSS, InputWrapperCSS, } from '../common/index.js';
+export const IconTextInputWrapper = styled.div `
+  ${InputWrapperCSS}
+`;
+export const InputLabel = styled.label `
+  ${InputLabelCSS}
+`;
+export const RequiredAsterisk = styled(InputLabel) `
+  ${InputRequiredAsteriskCSS}
+`;
+export const InputWrapper = styled.div `
+  display: flex;
+  position: relative;
+`;
+export const IconWrapper = styled.div `
+  height: 100%;
+  width: 38px;
+  display: flex;
+  font-size: 14px;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  left: 0;
+  ${({ isFocused }) => isFocused &&
+    css `
+      color: #342a6a;
+    `};
+`;
+export const TextInput = styled.input `
+  ${InputBaseCSS};
+  padding: 0 32px 0 14px;
+`;
+export const InputErrorMessage = styled.p `
+  ${InputErrorMessageCSS}
+`;
+//# sourceMappingURL=BKJDollarTextInput.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJDollarTextInput.styled.js","sourceRoot":"","sources":["../../../src/components/BKJDollarTextInput/BKJDollarTextInput.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,aAAa,EACb,wBAAwB,EACxB,eAAe,GAChB,MAAM,WAAW,CAAC;AAEnB,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;IAC1C,eAAe;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAwB;IAC1D,aAAa;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IAC9C,wBAAwB;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGrC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;;;;IASzD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACT,GAAG,CAAA;;KAEF;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAK;IACtC,YAAY;;CAEf,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,CAAC,CAAA;IACrC,oBAAoB;CACvB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { Ref } from 'react';
+import { BKJTextInputValueType, FormValidationErrorMessageType, ChangeEventType } from '../../common.types.js';
+export interface IBKJDollarTextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    name: string;
+    onChange?: (e: ChangeEventType) => void;
+    label?: string;
+    max?: number;
+    required?: boolean;
+    disabled?: boolean;
+    error?: FormValidationErrorMessageType;
+    placeholder?: string;
+    value?: BKJTextInputValueType;
+    ref?: Ref<any>;
+}
+//# sourceMappingURL=BKJDollarTextInput.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJDollarTextInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJDollarTextInput/BKJDollarTextInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EACL,qBAAqB,EACrB,8BAA8B,EAC9B,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACrE,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,8BAA8B,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;CAChB"}

package/lib/components/BKJDollarTextInput/BKJDollarTextInput.types.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BKJDollarTextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/components/BKJDollarTextInput/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BKJDollarTextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/components/BKJDropdown/BKJDropdown.d.ts

@@ -0,0 +1,13 @@
+import { IBKJComboBoxProps } from '../BKJComboBox/BKJComboBox.types.js';
+import { BKJThemeDropdownVariantType } from '../BKJSelect/BKJSelect.types.js';
+export interface IBKJDropdownProps {
+    $dropdownVariant: BKJThemeDropdownVariantType;
+    $dropdownWidth?: string;
+    $dropdownHeight?: string;
+    $dropdownMinHeight?: string;
+    'data-popper-reference-hidden'?: boolean;
+    $isOpen?: boolean;
+    error?: IBKJComboBoxProps['error'];
+}
+export declare const BKJDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, IBKJDropdownProps>> & string;
+//# sourceMappingURL=BKJDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/BKJDropdown/BKJDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAE3E,MAAM,WAAW,iBAAiB;IAChC,gBAAgB,EAAE,2BAA2B,CAAC;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,WAAW,0PAuEvB,CAAC"}

package/lib/components/BKJDropdown/BKJDropdown.js

@@ -0,0 +1,72 @@
+import styled, { css } from 'styled-components';
+import { isFormValidationErrorDisplayed } from '../../common.types.js';
+export const BKJDropdown = styled.ul `
+  will-change: transform, height;
+
+  &&& {
+    overflow-y: overlay;
+    &::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background-color: transparent;
+      background: transparent;
+      border-radius: 10px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: #aeb8c5;
+      border-radius: 4.5px;
+      position: relative;
+      right: 4px;
+    }
+  }
+  height: auto;
+  max-height: 304px;
+  z-index: 1000;
+  width: unset;
+  overflow-y: overlay;
+
+  ${({ $dropdownWidth }) => $dropdownWidth &&
+    css `
+      width: ${$dropdownWidth};
+      max-width: ${$dropdownWidth};
+      min-width: ${$dropdownWidth};
+    `};
+
+  ${({ $dropdownHeight }) => $dropdownHeight &&
+    css `
+      height: ${$dropdownHeight};
+      max-height: ${$dropdownHeight};
+      min-height: ${$dropdownHeight};
+    `};
+
+  ${({ $dropdownMinHeight }) => $dropdownMinHeight &&
+    css `
+      height: ${$dropdownMinHeight};
+      max-height: ${$dropdownMinHeight};
+      min-height: ${$dropdownMinHeight};
+    `};
+
+  ${({ $dropdownVariant, theme }) => theme.dropdown[$dropdownVariant]};
+  ${({ error, theme }) => {
+    if (isFormValidationErrorDisplayed(error))
+        return css `
+        border-color: ${theme.colors.ErrorDefault};
+      `;
+    else
+        return css ``;
+}};
+  ${(props) => {
+    const isRefHidden = props['data-popper-reference-hidden'];
+    if (isRefHidden)
+        return css `
+        visibility: hidden;
+        pointer-events: none;
+      `;
+    return css ``;
+}};
+`;
+//# sourceMappingURL=BKJDropdown.js.map

package/lib/components/BKJDropdown/BKJDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJDropdown.js","sourceRoot":"","sources":["../../../src/components/BKJDropdown/BKJDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,8BAA8B,EAAE,MAAM,oBAAoB,CAAC;AAcpE,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,EAAE,CAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6BnD,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CACvB,cAAc;IACd,GAAG,CAAA;eACQ,cAAc;mBACV,cAAc;mBACd,cAAc;KAC5B;;IAED,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CACxB,eAAe;IACf,GAAG,CAAA;gBACS,eAAe;oBACX,eAAe;oBACf,eAAe;KAC9B;;IAED,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE,CAC3B,kBAAkB;IAClB,GAAG,CAAA;gBACS,kBAAkB;oBACd,kBAAkB;oBAClB,kBAAkB;KACjC;;IAED,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,CAAC;IACjE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IACrB,IAAI,8BAA8B,CAAC,KAAK,CAAC;QACvC,OAAO,GAAG,CAAA;wBACQ,KAAK,CAAC,MAAM,CAAC,YAAY;OAC1C,CAAC;;QACC,OAAO,GAAG,CAAA,EAAE,CAAC;AACpB,CAAC;IACC,CAAC,KAAK,EAAE,EAAE;IACV,MAAM,WAAW,GAAG,KAAK,CAAC,8BAA8B,CAAC,CAAC;IAE1D,IAAI,WAAW;QACb,OAAO,GAAG,CAAA;;;OAGT,CAAC;IACJ,OAAO,GAAG,CAAA,EAAE,CAAC;AACf,CAAC;CACF,CAAC"}

package/lib/components/BKJDropdown/BKJDropdown.theme.d.ts

@@ -0,0 +1,3 @@
+import { IBKJThemeDropdown } from './BKJDropdown.types.js';
+export declare const BKJThemeDropdown: IBKJThemeDropdown;
+//# sourceMappingURL=BKJDropdown.theme.d.ts.map

package/lib/components/BKJDropdown/BKJDropdown.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJDropdown.theme.d.ts","sourceRoot":"","sources":["../../../src/components/BKJDropdown/BKJDropdown.theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,gBAAgB,EAAE,iBAiC9B,CAAC"}

package/lib/components/BKJDropdown/BKJDropdown.theme.js

@@ -0,0 +1,32 @@
+import { css } from 'styled-components';
+export const BKJThemeDropdown = {
+    Square: css `
+    box-shadow: 0px 2px 8px rgba(13, 51, 32, 0.3);
+    background-color: ${({ theme }) => theme.colors.White};
+  `,
+    SeamlessRounded: css `
+    background-color: ${({ theme }) => theme.colors.White};
+    border: solid 1px ${({ theme }) => theme.colors.TextSubtleGrey};
+    border-radius: 8px;
+    ${({ $isOpen, openBorderLocation = 'top' }) => {
+        const borderStyling = css `
+        border-${openBorderLocation}: 0;
+        border-${openBorderLocation}-color: ${({ theme }) => theme.colors.White};
+        border-${openBorderLocation}-right-radius: 0px;
+        border-${openBorderLocation}-left-radius: 0px;`;
+        if ($isOpen)
+            return css `
+          ${borderStyling}
+          opacity: 1;
+          height: auto;
+        `;
+        else
+            return css `
+          ${borderStyling}
+          display: none;
+          opacity: 0;
+        `;
+    }};
+  `,
+};
+//# sourceMappingURL=BKJDropdown.theme.js.map

package/lib/components/BKJDropdown/BKJDropdown.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJDropdown.theme.js","sourceRoot":"","sources":["../../../src/components/BKJDropdown/BKJDropdown.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,MAAM,CAAC,MAAM,gBAAgB,GAAsB;IACjD,MAAM,EAAE,GAAG,CAAA;;wBAEW,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;GACtD;IACD,eAAe,EAAE,GAAG,CAIlB;wBACoB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;wBACjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;;MAE5D,CAAC,EAAE,OAAO,EAAE,kBAAkB,GAAG,KAAK,EAAE,EAAE,EAAE;QAC5C,MAAM,aAAa,GAAG,GAAG,CAAA;iBACd,kBAAkB;iBAClB,kBAAkB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;iBAC9D,kBAAkB;iBAClB,kBAAkB,oBAAoB,CAAC;QAClD,IAAI,OAAO;YACT,OAAO,GAAG,CAAA;YACN,aAAa;;;SAGhB,CAAC;;YAEF,OAAO,GAAG,CAAA;YACN,aAAa;;;SAGhB,CAAC;IACN,CAAC;GACF;CACF,CAAC"}

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

@@ -0,0 +1,6 @@
+import { Interpolation } from 'styled-components';
+export interface IBKJThemeDropdown {
+    Square: Interpolation<any>;
+    SeamlessRounded: Interpolation<any>;
+}
+//# sourceMappingURL=BKJDropdown.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJDropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJDropdown/BKJDropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3B,eAAe,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CACrC"}

package/lib/components/BKJDropdown/BKJDropdown.types.js

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

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

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

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

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

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

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

package/lib/components/BKJDropdown/index.js

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

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

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

package/lib/components/BKJDropdownMenu/BKJDropdownMenu.d.ts

@@ -0,0 +1,8 @@
+import { IBKJButtonProps } from '../BKJButton/BKJButton.types.js';
+import { FC } from 'react';
+export type IBKJDropdownMenuProps = IBKJButtonProps & {
+    label: string;
+    listRightLeftOffset?: number;
+};
+export declare const BKJDropdownMenu: FC<IBKJDropdownMenuProps>;
+//# sourceMappingURL=BKJDropdownMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJDropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/BKJDropdownMenu/BKJDropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAKvE,OAAO,EAAE,EAAE,EAA+D,MAAM,OAAO,CAAC;AAKxF,MAAM,MAAM,qBAAqB,GAAG,eAAe,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,qBAAqB,CAuHrD,CAAC"}

package/lib/components/BKJDropdownMenu/BKJDropdownMenu.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BKJButton } from '../BKJButton/index.js';
+import { getDesignLibraryElementNode } from '../BKJSelect/utils/getDesignLibraryElementNode.js';
+import { mergeRefs } from '../BKJSelect/utils/mergeRefs.js';
+import { Portal } from '../Portal/Portal.js';
+import { useClickOutside, useMouseOutside } from '../../hooks/index.js';
+import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { usePopper } from 'react-popper';
+import { BKJIcon } from '../index.js';
+import { BKJDropdownMenuWrapper } from './BKJDropdownMenu.styled.js';
+export const BKJDropdownMenu = ({ children, label, listRightLeftOffset = 0, ...buttonProps }) => {
+    const [isOpen, setOpen] = useState(false);
+    const buttonRef = useRef();
+    const dropdownRef = useRef();
+    const [buttonElement, setButtonElement] = useState();
+    const [dropdownElement, setDropdownElement] = useState();
+    const [targetElement, setTargetElement] = useState(getDesignLibraryElementNode('dropdown-root'));
+    const handleClose = useCallback((event) => {
+        if (buttonRef?.current && !buttonRef?.current.contains(event.target)) {
+            if (dropdownRef?.current && !dropdownRef?.current.contains(event.target)) {
+                setOpen(false);
+            }
+        }
+    }, []);
+    useClickOutside([buttonRef && buttonRef.current, dropdownRef && dropdownRef.current, dropdownElement], handleClose);
+    useMouseOutside([buttonRef && buttonRef.current, dropdownRef && dropdownRef.current, dropdownElement], handleClose);
+    useEffect(() => {
+        if (!targetElement) {
+            const element = document.createElement('div');
+            element.setAttribute('id', 'dropdown-root');
+            document.body.prepend(element);
+            setTargetElement(element);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const modifiers = useMemo(() => {
+        return [
+            {
+                name: 'offset',
+                options: {
+                    offset: () => [listRightLeftOffset, 0],
+                },
+            },
+            {
+                name: 'sameWidth',
+                enabled: !buttonProps.width,
+                phase: 'beforeWrite',
+                requires: ['computeStyles'],
+                fn({ state }) {
+                    if (buttonProps.width)
+                        return void 0;
+                    state.styles.popper.minWidth = `${state.rects.reference.width}px`;
+                    state.styles.popper.maxWidth = `${state.rects.reference.width}px`;
+                },
+                effect({ state }) {
+                    if (buttonProps.width)
+                        return void 0;
+                    state.elements.popper.style.minWidth = `${state.elements.reference.offsetWidth}px`;
+                    state.elements.popper.style.maxWidth = `${state.elements.reference.offsetWidth}px`;
+                },
+            },
+        ];
+    }, []); // eslint-disable-line
+    const { styles, attributes } = usePopper(buttonElement, dropdownElement, {
+        modifiers,
+    });
+    const popperStyles = useMemo(() => ({
+        ...styles['popper'],
+        maxHeight: 'auto',
+        height: 'auto',
+        minHeight: 'auto',
+    }), [styles]);
+    const popperProps = useMemo(() => ({
+        style: popperStyles,
+        ...attributes['popper'],
+    }), [attributes, popperStyles]);
+    return (_jsxs(Fragment, { children: [_jsxs(BKJButton, { ...buttonProps, ref: mergeRefs([buttonRef, setButtonElement]), onMouseOver: () => setOpen(true), onClick: (e) => {
+                    buttonProps.onClick && buttonProps.onClick(e);
+                    setOpen(false);
+                }, children: [_jsx("div", { children: label }), _jsx(BKJIcon, { color: "White", iconName: isOpen ? 'ArrowUp' : 'ArrowDown' })] }), isOpen && targetElement && (_jsx(Portal, { targetElement: targetElement, children: _jsx(BKJDropdownMenuWrapper, { ...popperProps, ref: mergeRefs([dropdownRef, setDropdownElement]), onClick: () => setOpen(false), children: children }) }))] }));
+};
+//# sourceMappingURL=BKJDropdownMenu.js.map

package/lib/components/BKJDropdownMenu/BKJDropdownMenu.js.map

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

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

@@ -0,0 +1,8 @@
+import { IBKJDropdownMenuProps } from './BKJDropdownMenu.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJDropdownMenuProps>;
+};
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJDropdownMenuProps>;
+//# sourceMappingURL=BKJDropdownMenu.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJDropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJDropdownMenu/BKJDropdownMenu.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;;;;;AAE3E,wBAGE;AAoFF,eAAO,MAAM,OAAO,4GAAmC,CAAC"}

package/lib/components/BKJDropdownMenu/BKJDropdownMenu.stories.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BKJMenuItem, Flex } from '../index.js';
+import { BKJDropdownMenu } from './BKJDropdownMenu.js';
+export default {
+    title: 'Basic Elements/BKJDropdownMenu',
+    component: BKJDropdownMenu,
+};
+const BKJDropdownMenuTemplate = () => (_jsxs(Flex, { height: "500px", flexDirection: "column", children: [_jsxs(BKJDropdownMenu, { width: "207px", variant: "PurpleSolid", label: "Invite Members", css: {
+                zIndex: 2,
+            }, children: [_jsx(BKJMenuItem, { borderRadius: "14px 14px 0 0", width: "207px", onClick: () => console.log('Invite via Text Message'), children: "Invite via Text Message" }), _jsx(BKJMenuItem, { width: "207px", onClick: () => console.log('Invite via Email'), children: "Invite via Email" }), _jsx(BKJMenuItem, { borderRadius: "0 0 14px 14px", width: "207px", onClick: () => console.log('Import via Spreadsheet'), children: "Import via Spreadsheet" })] }), _jsx("div", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent efficitur efficitur leo ac dignissim. Nunc dapibus egestas mauris. Sed condimentum ullamcorper ultrices. Ut nulla erat, lacinia porttitor enim ac, molestie laoreet ex. Nullam molestie vitae sapien eu ornare. Sed ultricies tincidunt nibh, vel molestie nulla. Curabitur dapibus at turpis vitae congue. Quisque euismod, metus a pharetra ultricies, magna augue porta nulla, a aliquam lacus nisi sit amet ligula. Nam tincidunt, ex et vehicula vehicula, dui magna viverra libero, ac ornare tellus mi et lacus. Cras quis mauris id sapien ultricies blandit. Aliquam ac cursus urna. Ut feugiat fermentum urna, quis sodales mi viverra nec. Nunc lobortis dignissim elit, nec finibus magna ultrices ut. Vestibulum faucibus velit a urna eleifend varius. Sed ut metus venenatis, porttitor ligula a, porta lectus. Quisque ac nunc commodo, ultrices tellus id, egestas dolor. Proin nec tincidunt quam, eu euismod lacus. Morbi et mi ac nunc maximus efficitur. Nulla mattis ipsum nunc. Donec mollis, velit ut cursus convallis, nisi nisl porttitor nunc, sed semper elit libero a odio. Vestibulum sollicitudin, nunc non tempus ultrices, lacus ante consequat ex, a sollicitudin nibh neque et velit. Nullam elementum condimentum tellus a tristique. Integer dignissim, quam facilisis ultrices lacinia, tellus metus accumsan mauris, in maximus orci risus quis felis. Nunc euismod eros est, eget varius quam lobortis vel. Praesent posuere vel diam quis tincidunt. Cras elementum ligula at magna elementum dictum. Suspendisse tempor nisl id lorem dignissim fermentum non et nisl. Fusce suscipit libero sit amet lorem sagittis, ut tincidunt risus aliquam. Etiam euismod mattis enim a cursus. Quisque a massa eu augue finibus congue vel id justo. Mauris interdum lectus laoreet erat volutpat, id molestie erat fermentum. Aenean pharetra sapien nunc, at egestas lectus vulputate a. Donec dignissim arcu nec arcu lacinia convallis. Integer iaculis, tortor eget tempor maximus, orci tellus ornare felis, at consequat justo dui nec sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vestibulum erat nisl, tempus eget porttitor at, tincidunt id justo. Nunc ultrices, lorem vel finibus ullamcorper, urna orci condimentum nibh, eget fringilla risus orci id nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis nec nulla eget sem sollicitudin tristique ut a turpis. Quisque vestibulum blandit lectus vitae accumsan. In maximus, urna eu vestibulum hendrerit, nibh elit accumsan nisl, quis rutrum arcu tellus vitae lorem. Phasellus eget facilisis erat. In sit amet risus tincidunt, cursus ante sit amet, sollicitudin eros. Integer in dolor eget nulla viverra volutpat commodo at enim. Donec sed consequat turpis. In tincidunt turpis quis tellus sagittis porttitor. Etiam tincidunt urna nec varius auctor. In condimentum turpis eget neque condimentum fermentum. Phasellus vel sagittis ipsum. Mauris id aliquet turpis. Vivamus vitae arcu lorem. Fusce nec quam sed libero rutrum varius. Suspendisse facilisis finibus malesuada. Sed quis scelerisque arcu, sed blandit justo. Suspendisse potenti. Quisque id ex tempor, feugiat quam quis, suscipit nibh. Morbi sodales, turpis et efficitur luctus, tellus nisl scelerisque nunc, eget sollicitudin dui nisi at dolor. Cras rhoncus venenatis eleifend. Praesent quis euismod leo, sed venenatis lacus. Nullam nec luctus eros." }), _jsxs(BKJDropdownMenu, { width: "207px", variant: "PurpleSolid", label: "Invite Members", children: [_jsx(BKJMenuItem, { borderRadius: "14px 14px 0 0", width: "207px", children: "Invite via Text Message" }), _jsx(BKJMenuItem, { width: "207px", children: "Invite via Email" }), _jsx(BKJMenuItem, { borderRadius: "0 0 14px 14px", width: "207px", children: "Import via Spreadsheet" })] })] }));
+export const Default = BKJDropdownMenuTemplate.bind({});
+//# sourceMappingURL=BKJDropdownMenu.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJDropdownMenu.stories.js","sourceRoot":"","sources":["../../../src/components/BKJDropdownMenu/BKJDropdownMenu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AACvC,OAAO,EAAE,eAAe,EAAyB,MAAM,mBAAmB,CAAC;AAE3E,eAAe;IACb,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,eAAe;CAC3B,CAAC;AAEF,MAAM,uBAAuB,GAAmC,GAAG,EAAE,CAAC,CACpE,MAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,QAAQ,aACzC,MAAC,eAAe,IACd,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,gBAAgB,EACtB,GAAG,EAAE;gBACH,MAAM,EAAE,CAAC;aACV,aAED,KAAC,WAAW,IACV,YAAY,EAAC,eAAe,EAC5B,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,wCAGzC,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,iCAE3D,EACd,KAAC,WAAW,IACV,YAAY,EAAC,eAAe,EAC5B,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,uCAGxC,IACE,EAElB,w7GAuCM,EAEN,MAAC,eAAe,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,gBAAgB,aACzE,KAAC,WAAW,IAAC,YAAY,EAAC,eAAe,EAAC,KAAK,EAAC,OAAO,wCAEzC,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,iCAA+B,EACzD,KAAC,WAAW,IAAC,YAAY,EAAC,eAAe,EAAC,KAAK,EAAC,OAAO,uCAEzC,IACE,IACb,CACR,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const BKJDropdownMenuWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+//# sourceMappingURL=BKJDropdownMenu.styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJDropdownMenu.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJDropdownMenu/BKJDropdownMenu.styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,6NAMlC,CAAC"}

package/lib/components/BKJDropdownMenu/BKJDropdownMenu.styled.js

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+export const BKJDropdownMenuWrapper = styled.div `
+  background-color: transparent;
+  overflow-y: overlay;
+  z-index: 1000;
+  box-shadow: 0px 2px 8px rgba(13, 51, 32, 0.3);
+  border-radius: 14px;
+`;
+//# sourceMappingURL=BKJDropdownMenu.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJDropdownMenu.styled.js","sourceRoot":"","sources":["../../../src/components/BKJDropdownMenu/BKJDropdownMenu.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM/C,CAAC"}

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

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

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

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

package/lib/components/BKJDropdownMenu/index.js

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

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

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

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+export declare const BKJEllipsisMenuUIStateProvider: FC;
+export declare const useBKJEllipsisMenuUIStateContext: () => {
+    isOpen: boolean;
+    openMenu: () => any;
+    closeMenu: () => any;
+    toggleMenu: () => any;
+};
+//# sourceMappingURL=BKJEllipsisMenu.context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJEllipsisMenu.context.d.ts","sourceRoot":"","sources":["../../../src/components/BKJEllipsisMenu/BKJEllipsisMenu.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,EAAE,EAA8C,MAAM,OAAO,CAAC;AAStF,eAAO,MAAM,8BAA8B,EAAE,EAsC5C,CAAC;AAEF,eAAO,MAAM,gCAAgC;;;;;CAAkD,CAAC"}

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenu.context.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useState } from 'react';
+const BKJEllipsisMenuUIStateContext = createContext({
+    isOpen: false,
+    openMenu: () => void 0,
+    closeMenu: () => void 0,
+    toggleMenu: () => void 0,
+});
+export const BKJEllipsisMenuUIStateProvider = ({ children }) => {
+    const [isOpen, setOpen] = useState(false);
+    const openMenu = useCallback(() => {
+        setOpen(true);
+        return void 0;
+    }, []);
+    const closeMenu = useCallback(() => {
+        setOpen(false);
+        return void 0;
+    }, []);
+    const toggleMenu = useCallback((event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setOpen(!isOpen);
+        return void 0;
+    }, [isOpen]);
+    const contextValue = useMemo(() => ({
+        isOpen,
+        openMenu,
+        closeMenu,
+        toggleMenu,
+    }), [closeMenu, isOpen, openMenu, toggleMenu]);
+    return (_jsx(BKJEllipsisMenuUIStateContext.Provider, { value: contextValue, children: children }));
+};
+export const useBKJEllipsisMenuUIStateContext = () => useContext(BKJEllipsisMenuUIStateContext);
+//# sourceMappingURL=BKJEllipsisMenu.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJEllipsisMenu.context.js","sourceRoot":"","sources":["../../../src/components/BKJEllipsisMenu/BKJEllipsisMenu.context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAM,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtF,MAAM,6BAA6B,GAAG,aAAa,CAAC;IAClD,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;IACtB,SAAS,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;IACvB,UAAU,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,8BAA8B,GAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,OAAO,KAAK,CAAC,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,OAAO,KAAK,CAAC,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAK,EAAE,EAAE;QACR,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;QACjB,OAAO,KAAK,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,MAAM;QACN,QAAQ;QACR,SAAS;QACT,UAAU;KACX,CAAC,EACF,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,CAAC,CAC1C,CAAC;IAEF,OAAO,CACL,KAAC,6BAA6B,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAmB,YAC/D,QAAQ,GAC8B,CAC1C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC"}

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenu.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJEllipsisMenu.d.ts","sourceRoot":"","sources":["../../../src/components/BKJEllipsisMenu/BKJEllipsisMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAC;AAQ7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAyBhE,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,qBAAqB,CASrD,CAAC"}

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenu.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useRef } from 'react';
+import { BKJIcon } from '../BKJIcon/index.js';
+import { Flex } from '../Flex/index.js';
+import { BKJEllipsisMenuUIStateProvider, useBKJEllipsisMenuUIStateContext, } from './BKJEllipsisMenu.context.js';
+import { BKJEllipsisMenuIconWrapper } from './BKJEllipsisMenu.styled.js';
+import { BKJEllipsisMenuDropdown } from './BKJEllipsisMenuDropdown.js';
+const Component = ({ triggerRef, children }) => {
+    const { toggleMenu, isOpen } = useBKJEllipsisMenuUIStateContext();
+    return (_jsxs(Fragment, { children: [_jsx(BKJEllipsisMenuIconWrapper, { onClick: toggleMenu, children: _jsx(Flex, { ref: triggerRef, height: "38px", minHeight: "38px", justifyContent: "center", alignItems: "center", children: _jsx(BKJIcon, { iconName: "Ellipsis" }) }) }), isOpen && triggerRef.current && (_jsx(BKJEllipsisMenuDropdown, { triggerRef: triggerRef, children: children }))] }));
+};
+export const BKJEllipsisMenu = ({ children, ...props }) => {
+    const triggerRef = useRef(null);
+    return (_jsx(BKJEllipsisMenuUIStateProvider, { children: _jsx(Component, { ...props, triggerRef: triggerRef, children: children }) }));
+};
+//# sourceMappingURL=BKJEllipsisMenu.js.map

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJEllipsisMenu.js","sourceRoot":"","sources":["../../../src/components/BKJEllipsisMenu/BKJEllipsisMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EACL,8BAA8B,EAC9B,gCAAgC,GACjC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAEtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,MAAM,SAAS,GAA6B,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,gCAAgC,EAAE,CAAC;IAClE,OAAO,CACL,MAAC,QAAQ,eACP,KAAC,0BAA0B,IAAC,OAAO,EAAE,UAAU,YAC7C,KAAC,IAAI,IACH,GAAG,EAAE,UAAiB,EACtB,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,MAAM,EAChB,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,YAEnB,KAAC,OAAO,IAAC,QAAQ,EAAC,UAAU,GAAG,GAC1B,GACoB,EAC5B,MAAM,IAAI,UAAU,CAAC,OAAO,IAAI,CAC/B,KAAC,uBAAuB,IAAC,UAAU,EAAE,UAAU,YAAG,QAAQ,GAA2B,CACtF,IACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,OAAO,CACL,KAAC,8BAA8B,cAC7B,KAAC,SAAS,OAAK,KAAK,EAAE,UAAU,EAAE,UAAU,YACzC,QAAQ,GACC,GACmB,CAClC,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+import { IBKJEllipsisMenuProps } from './BKJEllipsisMenu.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJEllipsisMenuProps>;
+    argTypes: {};
+};
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJEllipsisMenuProps>;
+//# sourceMappingURL=BKJEllipsisMenu.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJEllipsisMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJEllipsisMenu/BKJEllipsisMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;;;;;AAEhE,wBAIE;AAaF,eAAO,MAAM,OAAO,4GAA2B,CAAC"}

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenu.stories.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BKJMenuItem } from '../BKJMenuItem/index.js';
+import { Flex } from '../Flex/index.js';
+import { BKJEllipsisMenu } from './BKJEllipsisMenu.js';
+export default {
+    title: 'Basic Elements/BKJEllipsisMenu',
+    component: BKJEllipsisMenu,
+    argTypes: {},
+};
+const BKJMenuTemplate = () => {
+    return (_jsx(Flex, { flexDirection: "row-reverse", width: "100%", children: _jsxs(BKJEllipsisMenu, { children: [_jsx(BKJMenuItem, { children: "Export CSV" }), _jsx(BKJMenuItem, { children: "Export XLSX" })] }) }));
+};
+export const Default = BKJMenuTemplate.bind({});
+Default.args = {};
+//# sourceMappingURL=BKJEllipsisMenu.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJEllipsisMenu.stories.js","sourceRoot":"","sources":["../../../src/components/BKJEllipsisMenu/BKJEllipsisMenu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,eAAe;IACb,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,eAAe,GAAmC,GAAG,EAAE;IAC3D,OAAO,CACL,KAAC,IAAI,IAAC,aAAa,EAAC,aAAa,EAAC,KAAK,EAAC,MAAM,YAC5C,MAAC,eAAe,eACd,KAAC,WAAW,6BAAyB,EACrC,KAAC,WAAW,8BAA0B,IACtB,GACb,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEhD,OAAO,CAAC,IAAI,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,4 @@
+export declare const BKJEllipsisMenuIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    ref?: any;
+}>> & string;
+//# sourceMappingURL=BKJEllipsisMenu.styled.d.ts.map