@bookjane2/bookjane-design-library 7.0.7 → 7.0.8

package/lib/components/BKJMenu/BKJMenu.styled.js

@@ -0,0 +1,45 @@
+import styled, { css } from 'styled-components';
+export const MenuWrapper = styled.div `
+  ${({ theme }) => theme.shadows.Default}
+  background-color: ${({ theme }) => theme.colors.White};
+  display: flex;
+  flex-direction: column;
+  width: 200px;
+  min-width: 200px;
+  max-width: 200px;
+  border-radius: 5px;
+  position: absolute;
+  z-index: 1000;
+`;
+export const MenuItemWrapper = styled.div `
+  ${({ theme }) => theme.fonts.PoppinsTextMedium};
+  font-size: 14px;
+  cursor: pointer;
+  display: flex;
+  transition: all 100ms linear;
+  white-space: nowrap;
+  align-items: center;
+  justify-content: center;
+  border-bottom: 1px solid ${({ theme }) => theme.colors.Grey4};
+  padding: 12px 33px;
+  &:last-child {
+    border-bottom: none;
+  }
+
+  &:hover {
+    background-color: ${({ theme }) => theme.colors.Grey1};
+    color: ${({ theme }) => theme.colors.PrimaryHover};
+  }
+  &:active,
+  &:focus {
+    background-color: ${({ theme }) => theme.colors.Grey2};
+    color: ${({ theme }) => theme.colors.PrimaryHover};
+  }
+  ${({ disabled }) => disabled &&
+    css `
+      background-color: ${({ theme }) => theme.colors.Grey3};
+      color: ${({ theme }) => theme.colors.TextDisabled};
+      pointer-events: none;
+    `};
+`;
+//# sourceMappingURL=BKJMenu.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJMenu.styled.js","sourceRoot":"","sources":["../../../src/components/BKJMenu/BKJMenu.styled.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAEnC;IACE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;sBAClB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;CAStD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAmB;IACxD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;6BAQnB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;wBAOtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;aAC5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;;wBAI7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;aAC5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;IAEjD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,GAAG,CAAA;0BACmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;eAC5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;KAElD;CACJ,CAAC"}

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

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+export interface IBKJMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    isMenuOpen: boolean;
+    closeMenu: () => void;
+    children?: ReactNode;
+    ref?: any;
+}
+export interface IBKJMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+}
+//# sourceMappingURL=BKJMenu.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJMenu.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJMenu/BKJMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC;CACX;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/lib/components/BKJMenu/BKJMenu.types.js

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

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

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

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

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

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

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

package/lib/components/BKJMenu/index.js

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

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

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

package/lib/components/BKJMenuItem/BKJMenuItem.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/BKJMenuItem/BKJMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAiB7C,CAAC"}

package/lib/components/BKJMenuItem/BKJMenuItem.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MenuItemWrapper } from './BKJMenuItem.styled.js';
+export const BKJMenuItem = ({ onClick, disabled, width, borderRadius, children, }) => {
+    return (_jsx(MenuItemWrapper, Object.assign({ borderRadius: borderRadius, width: width, disabled: disabled, onClick: onClick }, { children: children }), void 0));
+};
+//# sourceMappingURL=BKJMenuItem.js.map

package/lib/components/BKJMenuItem/BKJMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJMenuItem.js","sourceRoot":"","sources":["../../../src/components/BKJMenuItem/BKJMenuItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,EACjD,OAAO,EACP,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,QAAQ,GACT,EAAe,EAAE;IAChB,OAAO,CACL,KAAC,eAAe,kBACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,gBAEf,QAAQ,YACO,CACnB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IBKJMenuItemProps } from './BKJMenuItem.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJMenuItemProps>;
+};
+export default _default;
+export declare const Default: Story<IBKJMenuItemProps>;
+//# sourceMappingURL=BKJMenuItem.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJMenuItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJMenuItem/BKJMenuItem.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;;;;AAExD,wBAGE;AAiBF,eAAO,MAAM,OAAO,0BAA+B,CAAC"}

package/lib/components/BKJMenuItem/BKJMenuItem.stories.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { BKJMenuItem } from './BKJMenuItem.js';
+export default {
+    title: 'Basic Elements/BKJMenuItem',
+    component: BKJMenuItem,
+};
+const onClickMenuItem = () => { };
+const BKJMenuItemTemplate = () => {
+    return (_jsxs(_Fragment, { children: [_jsx(BKJMenuItem, Object.assign({ onClick: onClickMenuItem }, { children: "menu item length" }), void 0),
+            _jsx(BKJMenuItem, Object.assign({ onClick: onClickMenuItem }, { children: "menu item length" }), void 0),
+            _jsx(BKJMenuItem, Object.assign({ onClick: onClickMenuItem }, { children: "menu item length" }), void 0),
+            _jsx(BKJMenuItem, Object.assign({ disabled: true, onClick: onClickMenuItem }, { children: "menu item length" }), void 0)] }, void 0));
+};
+export const Default = BKJMenuItemTemplate.bind({});
+//# sourceMappingURL=BKJMenuItem.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJMenuItem.stories.js","sourceRoot":"","sources":["../../../src/components/BKJMenuItem/BKJMenuItem.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,WAAW;CACvB,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAEjC,MAAM,mBAAmB,GAA6B,GAAG,EAAE;IACzD,OAAO,CACL,8BACE,KAAC,WAAW,kBAAC,OAAO,EAAE,eAAe,8CAAgC;YACrE,KAAC,WAAW,kBAAC,OAAO,EAAE,eAAe,8CAAgC;YACrE,KAAC,WAAW,kBAAC,OAAO,EAAE,eAAe,8CAAgC;YACrE,KAAC,WAAW,kBAAC,QAAQ,QAAC,OAAO,EAAE,eAAe,8CAEhC,YACb,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC"}

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

@@ -0,0 +1,4 @@
+import { IBKJMenuItemProps } from './BKJMenuItem.types.js';
+export declare const MenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const MenuItemWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IBKJMenuItemProps, never>;
+//# sourceMappingURL=BKJMenuItem.styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJMenuItem.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJMenuItem/BKJMenuItem.styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,WAAW,yGAQvB,CAAC;AAEF,eAAO,MAAM,eAAe,wHAkC3B,CAAC"}

package/lib/components/BKJMenuItem/BKJMenuItem.styled.js

@@ -0,0 +1,45 @@
+import styled, { css } from 'styled-components';
+export const MenuWrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+  ${({ theme }) => theme.shadows.Default}
+  width: 200px;
+  min-width: 200px;
+  max-width: 200px;
+  border-radius: 5px;
+`;
+export const MenuItemWrapper = styled.div `
+  cursor: pointer;
+  display: flex;
+  transition: 0.3s;
+  white-space: nowrap;
+  align-items: center;
+  justify-content: center;
+  border-bottom: 1px solid ${({ theme }) => theme.colors.Grey3};
+  ${({ theme }) => theme.fonts.PoppinsTextMedium};
+  width: ${({ width }) => width};
+  border-radius: ${({ borderRadius }) => borderRadius};
+  font-size: 14px;
+  padding: 16px 33px 16px 33px;
+  background-color: ${({ theme }) => theme.colors.White};
+  &:last-child {
+    border-bottom: none;
+  }
+
+  &:hover {
+    background-color: ${({ theme }) => theme.colors.Grey2};
+    color: ${({ theme }) => theme.colors.PrimaryHover};
+  }
+  &:active,
+  &:focus {
+    background-color: ${({ theme }) => theme.colors.Grey1};
+    color: ${({ theme }) => theme.colors.PrimaryHover};
+  }
+  ${({ disabled }) => disabled &&
+    css `
+      background-color: ${({ theme }) => theme.colors.Grey3};
+      color: ${({ theme }) => theme.colors.TextDisabled};
+      pointer-events: none;
+    `};
+`;
+//# sourceMappingURL=BKJMenuItem.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJMenuItem.styled.js","sourceRoot":"","sources":["../../../src/components/BKJMenuItem/BKJMenuItem.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;IAGjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;;;;;CAKvC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;;;;6BAO/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;IAC1D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;WACrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;mBACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY;;;sBAG/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;wBAM/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;aAC5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;;wBAI7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;aAC5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;IAEjD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,GAAG,CAAA;0BACmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;eAC5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;KAElD;CACJ,CAAC"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IBKJMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    borderRadius?: string;
+    width?: string;
+    disabled?: boolean;
+    isActive?: boolean;
+}
+//# sourceMappingURL=BKJMenuItem.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJMenuItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJMenuItem/BKJMenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/lib/components/BKJMenuItem/BKJMenuItem.types.js

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

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

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

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

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

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

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

package/lib/components/BKJMenuItem/index.js

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

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

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

package/lib/components/BKJPagination/BKJPagination.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPagination.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPagination/BKJPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8BvD,CAAC"}

package/lib/components/BKJPagination/BKJPagination.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BKJIcon } from '../BKJIcon/index.js';
+import { BKJPaginationButton, BKJPaginationDisplay, BKJPaginationText, BKJPaginationWrapper, } from './BKJPagination.styled.js';
+export const BKJPagination = ({ disabled = false, pageCount, currentPage = 1, onFirstPage, onLastPage, onNextPage, onPrevPage, }) => {
+    return (_jsxs(BKJPaginationWrapper, { children: [_jsx(BKJPaginationButton, Object.assign({ disabled: disabled || currentPage <= 1, onClick: onFirstPage }, { children: _jsx(BKJIcon, { iconName: "ChevronDoubleLeft" }, void 0) }), void 0),
+            _jsx(BKJPaginationButton, Object.assign({ disabled: disabled || currentPage <= 1, onClick: onPrevPage }, { children: _jsx(BKJIcon, { iconName: "ChevronLeft" }, void 0) }), void 0),
+            _jsx(BKJPaginationDisplay, { children: _jsxs(BKJPaginationText, { children: [currentPage, " of ", pageCount] }, void 0) }, void 0),
+            _jsx(BKJPaginationButton, Object.assign({ disabled: disabled || currentPage >= pageCount, onClick: onNextPage }, { children: _jsx(BKJIcon, { iconName: "ChevronRight" }, void 0) }), void 0),
+            _jsx(BKJPaginationButton, Object.assign({ disabled: disabled || currentPage >= pageCount, onClick: onLastPage }, { children: _jsx(BKJIcon, { iconName: "ChevronDoubleRight" }, void 0) }), void 0)] }, void 0));
+};
+//# sourceMappingURL=BKJPagination.js.map

package/lib/components/BKJPagination/BKJPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPagination.js","sourceRoot":"","sources":["../../../src/components/BKJPagination/BKJPagination.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,CAAC,MAAM,aAAa,GAAkC,CAAC,EAC3D,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,WAAW,GAAG,CAAC,EACf,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,GACX,EAAE,EAAE;IACH,OAAO,CACL,MAAC,oBAAoB,eACnB,KAAC,mBAAmB,kBAAC,QAAQ,EAAE,QAAQ,IAAI,WAAW,IAAI,CAAC,EAAE,OAAO,EAAE,WAAW,gBAC/E,KAAC,OAAO,IAAC,QAAQ,EAAC,mBAAmB,WAAG,YACpB;YACtB,KAAC,mBAAmB,kBAAC,QAAQ,EAAE,QAAQ,IAAI,WAAW,IAAI,CAAC,EAAE,OAAO,EAAE,UAAU,gBAC9E,KAAC,OAAO,IAAC,QAAQ,EAAC,aAAa,WAAG,YACd;YACtB,KAAC,oBAAoB,cACnB,MAAC,iBAAiB,eACf,WAAW,UAAM,SAAS,YACT,WACC;YACvB,KAAC,mBAAmB,kBAAC,QAAQ,EAAE,QAAQ,IAAI,WAAW,IAAI,SAAS,EAAE,OAAO,EAAE,UAAU,gBACtF,KAAC,OAAO,IAAC,QAAQ,EAAC,cAAc,WAAG,YACf;YACtB,KAAC,mBAAmB,kBAAC,QAAQ,EAAE,QAAQ,IAAI,WAAW,IAAI,SAAS,EAAE,OAAO,EAAE,UAAU,gBACtF,KAAC,OAAO,IAAC,QAAQ,EAAC,oBAAoB,WAAG,YACrB,YACD,CACxB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IBKJPaginationProps } from './BKJPagination.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJPaginationProps>;
+    argTypes: {
+        currentPage: {
+            control: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<IBKJPaginationProps>;
+//# sourceMappingURL=BKJPagination.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPagination/BKJPagination.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;;;;;AAE5D,wBAQE;AAiBF,eAAO,MAAM,OAAO,4BAAiC,CAAC"}

package/lib/components/BKJPagination/BKJPagination.stories.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { BKJPagination } from './BKJPagination.js';
+export default {
+    title: 'Basic Elements/BKJPagination',
+    component: BKJPagination,
+    argTypes: {
+        currentPage: {
+            control: { disable: true },
+        },
+    },
+};
+const BKJPaginationTemplate = ({ pageCount, disabled }) => {
+    const [page, setPage] = useState(1);
+    return (_jsx(BKJPagination, { disabled: disabled, currentPage: page, pageCount: pageCount, onFirstPage: () => setPage(1), onPrevPage: () => setPage(Math.max(0, page - 1)), onNextPage: () => setPage(Math.min(page + 1, pageCount)), onLastPage: () => setPage(pageCount) }, void 0));
+};
+export const Default = BKJPaginationTemplate.bind({});
+Default.args = {
+    pageCount: 10,
+    disabled: false,
+};
+//# sourceMappingURL=BKJPagination.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPagination.stories.js","sourceRoot":"","sources":["../../../src/components/BKJPagination/BKJPagination.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SAC3B;KACF;CACF,CAAC;AAEF,MAAM,qBAAqB,GAA+B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC5C,OAAO,CACL,KAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,IAAI,EACjB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAC7B,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,EAChD,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,EACxD,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,WACpC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,OAAO,CAAC,IAAI,GAAG;IACb,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,KAAK;CAChB,CAAC"}

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

@@ -0,0 +1,7 @@
+export declare const BKJPaginationWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const BKJPaginationButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const BKJPaginationDisplay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const BKJPaginationText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+//# sourceMappingURL=BKJPagination.styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPagination.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPagination/BKJPagination.styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yGAOhC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;SAsB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,yGAQhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,uGAM7B,CAAC"}

package/lib/components/BKJPagination/BKJPagination.styled.js

@@ -0,0 +1,48 @@
+import styled, { css } from 'styled-components';
+export const BKJPaginationWrapper = styled.div `
+  display: flex;
+  width: 260px;
+  height: 44px;
+  justify-content: center;
+  align-items: center;
+  filter: drop-shadow(0px 2px 8px rgba(13, 51, 32, 0.3));
+`;
+export const BKJPaginationButton = styled.button `
+  box-sizing: border-box;
+  width: 40px;
+  height: 100%;
+  background-color: ${({ theme, disabled }) => (disabled ? theme.colors.Grey3 : 'white')};
+  border: 0.5px solid ${({ theme }) => theme.colors.Grey4};
+  ${({ disabled }) => !disabled &&
+    css `
+      &:hover {
+        background-color: ${({ theme }) => theme.colors.Grey1};
+      }
+      &:active {
+        background-color: ${({ theme }) => theme.colors.Grey2};
+      }
+    `};
+  &:first-child {
+    border-radius: 8px 0px 0px 8px;
+  }
+  &:last-child {
+    border-radius: 0px 8px 8px 0px;
+  }
+`;
+export const BKJPaginationDisplay = styled.div `
+  width: 100px;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: ${({ theme }) => theme.colors.Grey1};
+  border: 0.5px solid ${({ theme }) => theme.colors.Grey4};
+`;
+export const BKJPaginationText = styled.p `
+  ${({ theme }) => theme.fonts.PoppinsText};
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 24px;
+  color: ${({ theme }) => theme.colors.TextDarkGrey};
+`;
+//# sourceMappingURL=BKJPagination.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPagination.styled.js","sourceRoot":"","sources":["../../../src/components/BKJPagination/BKJPagination.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO7C,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAwB;;;;sBAIlD,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;wBAChE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;IACrD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,CAAC,QAAQ;IACT,GAAG,CAAA;;4BAEqB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;4BAGjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;KAExD;;;;;;;CAOJ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;sBAMxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;wBAC/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CACxD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,CAAC,CAAA;IACrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;;;;WAI/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;CAClD,CAAC"}

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

@@ -0,0 +1,10 @@
+export interface IBKJPaginationProps {
+    disabled?: boolean;
+    pageCount: number;
+    currentPage: number;
+    onFirstPage: () => void;
+    onLastPage: () => void;
+    onPrevPage: () => void;
+    onNextPage: () => void;
+}
+//# sourceMappingURL=BKJPagination.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPagination/BKJPagination.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB"}

package/lib/components/BKJPagination/BKJPagination.types.js

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

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

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

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

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

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

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

package/lib/components/BKJPagination/index.js

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

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

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

package/lib/components/BKJPhoneNumberInput/BKJPhoneNumberInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IBKJPhoneNumberInputProps } from './BKJPhoneNumberInput.types.js';
+export declare const BKJPhoneNumberInput: import("react").ForwardRefExoticComponent<Pick<IBKJPhoneNumberInputProps, "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "id" | "type" | "pattern" | "isOpen" | "value" | "overrides" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "variant" | "leftIconProps" | "rightIconProps" | "labelProps" | "fieldSetProps" | "description" | "isRequired" | "error"> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=BKJPhoneNumberInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPhoneNumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPhoneNumberInput/BKJPhoneNumberInput.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,eAAO,MAAM,mBAAmB,o+LAwB/B,CAAC"}

package/lib/components/BKJPhoneNumberInput/BKJPhoneNumberInput.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import IMask from 'imask';
+import { forwardRef, useCallback, useState } from 'react';
+import { BKJTextInput } from '../BKJTextInput/index.js';
+export const BKJPhoneNumberInput = forwardRef((props, ref) => {
+    const formatPhoneNumber = IMask.createMask({
+        mask: '(000) 000-0000',
+    });
+    const { onChange, value = '', name, ...rest } = props;
+    const [displayValue, setDisplayValue] = useState(formatPhoneNumber.resolve(value));
+    const handleChange = useCallback((e) => {
+        if (onChange) {
+            formatPhoneNumber.resolve(e.target.value);
+            setDisplayValue(formatPhoneNumber.value);
+            e.target.value = formatPhoneNumber.unmaskedValue;
+            onChange(e);
+        }
+    }, [formatPhoneNumber, onChange]);
+    return (_jsx(BKJTextInput, Object.assign({}, rest, { name: name, ref: ref, value: displayValue, onChange: handleChange }), void 0));
+});
+//# sourceMappingURL=BKJPhoneNumberInput.js.map

package/lib/components/BKJPhoneNumberInput/BKJPhoneNumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPhoneNumberInput.js","sourceRoot":"","sources":["../../../src/components/BKJPhoneNumberInput/BKJPhoneNumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAC3C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC;QACzC,IAAI,EAAE,gBAAgB;KACvB,CAAC,CAAC;IACH,MAAM,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACtD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAEnF,MAAM,YAAY,GAA0C,WAAW,CACrE,CAAC,CAAC,EAAE,EAAE;QACJ,IAAI,QAAQ,EAAE;YACZ,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC1C,eAAe,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzC,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,iBAAiB,CAAC,aAAa,CAAC;YACjD,QAAQ,CAAC,CAAC,CAAC,CAAC;SACb;IACH,CAAC,EACD,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAC9B,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,oBAAK,IAAI,IAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,YAAI,CAC9F,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -0,0 +1,35 @@
+import { Story } from '@storybook/react';
+import React from 'react';
+import { IBKJPhoneNumberInputProps } from './BKJPhoneNumberInput.types.js';
+declare const setup: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Pick<IBKJPhoneNumberInputProps, "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "id" | "type" | "pattern" | "isOpen" | "value" | "overrides" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "variant" | "leftIconProps" | "rightIconProps" | "labelProps" | "fieldSetProps" | "description" | "isRequired" | "error"> & React.RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        label: {
+            name: string;
+        };
+        error: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        required: {
+            name: string;
+        };
+        placeholder: {
+            name: string;
+        };
+        disabled: {
+            name: string;
+        };
+        value: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export declare const Default: Story<IBKJPhoneNumberInputProps>;
+export default setup;
+//# sourceMappingURL=BKJPhoneNumberInput.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJPhoneNumberInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPhoneNumberInput/BKJPhoneNumberInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BV,CAAC;AAWF,eAAO,MAAM,OAAO,kCAAoB,CAAC;AAUzC,eAAe,KAAK,CAAC"}

package/lib/components/BKJPhoneNumberInput/BKJPhoneNumberInput.stories.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useState } from 'react';
+import { BKJPhoneNumberInput } from './BKJPhoneNumberInput.js';
+const setup = {
+    title: 'Input Elements/BKJPhoneNumberInput',
+    component: BKJPhoneNumberInput,
+    argTypes: {
+        label: {
+            name: 'Label Text',
+        },
+        error: {
+            name: 'Error Message',
+            control: {
+                type: 'text',
+            },
+        },
+        required: {
+            name: 'Required Field',
+        },
+        placeholder: {
+            name: 'Placeholder',
+        },
+        disabled: {
+            name: 'Disabled',
+        },
+        value: {
+            table: {
+                disable: true,
+            },
+        },
+    },
+};
+const Template = (args) => {
+    const [value, setValue] = useState(96969696921112222222222222);
+    const updateValue = useCallback((e) => {
+        setValue(e.target.value);
+    }, []);
+    return _jsx(BKJPhoneNumberInput, Object.assign({}, args, { value: value, onChange: updateValue }), void 0);
+};
+export const Default = Template.bind({});
+Default.args = {
+    label: 'Phone Number',
+    required: false,
+    placeholder: '',
+    ref: React.createRef(),
+    name: 'phone',
+};
+export default setup;
+//# sourceMappingURL=BKJPhoneNumberInput.stories.js.map