@bookjane2/bookjane-design-library 8.2.21 → 8.2.22

package/lib/components/BKJSelectSearch/BKJSelectSearch.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-interface IProps {
+export interface IProps {
     name: string;
     onChange: (e: any) => any;
     value: string;
@@ -7,5 +7,4 @@ interface IProps {
     debounceMs?: number;
 }
 export declare const BKJSelectSearch: FC<IProps>;
-export {};
 //# sourceMappingURL=BKJSelectSearch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BKJSelectSearch.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAC;AAGrE,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,MAAM,CAiDtC,CAAC"}
+{"version":3,"file":"BKJSelectSearch.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAC;AAGrE,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,MAAM,CAiDtC,CAAC"}

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

@@ -0,0 +1,17 @@
+import { Meta } from '@storybook/react';
+import { BKJSelectSearch } from './BKJSelectSearch.js';
+declare const setup: Meta<typeof BKJSelectSearch>;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BKJSelectSearch.js").IProps & {
+    children?: import("react").ReactNode;
+}>;
+export declare const WithPlaceholder: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BKJSelectSearch.js").IProps & {
+    children?: import("react").ReactNode;
+}>;
+export declare const WithDebounce: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BKJSelectSearch.js").IProps & {
+    children?: import("react").ReactNode;
+}>;
+export declare const WithInitialValue: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BKJSelectSearch.js").IProps & {
+    children?: import("react").ReactNode;
+}>;
+export default setup;
+//# sourceMappingURL=BKJSelectSearch.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJSelectSearch.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,KAAK,EAAE,IAAI,CAAC,OAAO,eAAe,CAGvC,CAAC;AAYF,eAAO,MAAM,OAAO;;EAAoB,CAAC;AAOzC,eAAO,MAAM,eAAe;;EAAoB,CAAC;AAOjD,eAAO,MAAM,YAAY;;EAAoB,CAAC;AAQ9C,eAAO,MAAM,gBAAgB;;EAAoB,CAAC;AAOlD,eAAe,KAAK,CAAC"}

package/lib/components/BKJSelectSearch/BKJSelectSearch.stories.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import { BKJSelectSearch } from './BKJSelectSearch.js';
+const setup = {
+    title: 'Input Elements/BKJSelectSearch',
+    component: BKJSelectSearch,
+};
+const Template = (args) => {
+    const [value, setValue] = useState(args.value || '');
+    const handleChange = useCallback((e) => {
+        setValue(e.target.value);
+    }, []);
+    return _jsx(BKJSelectSearch, { ...args, value: value, onChange: handleChange });
+};
+export const Default = Template.bind({});
+Default.args = {
+    name: 'search',
+    placeholder: 'Search...',
+    value: '',
+};
+export const WithPlaceholder = Template.bind({});
+WithPlaceholder.args = {
+    name: 'search',
+    placeholder: 'Type to search items...',
+    value: '',
+};
+export const WithDebounce = Template.bind({});
+WithDebounce.args = {
+    name: 'search',
+    placeholder: 'Search with 500ms debounce...',
+    value: '',
+    debounceMs: 500,
+};
+export const WithInitialValue = Template.bind({});
+WithInitialValue.args = {
+    name: 'search',
+    placeholder: 'Search...',
+    value: 'Initial search term',
+};
+export default setup;
+//# sourceMappingURL=BKJSelectSearch.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJSelectSearch.stories.js","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,KAAK,GAAiC;IAC1C,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,eAAe;CAC3B,CAAC;AAEF,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAErD,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAM,EAAE,EAAE;QAC1C,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,KAAC,eAAe,OAAK,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,GAAI,CAAC;AAC7E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,WAAW;IACxB,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,eAAe,CAAC,IAAI,GAAG;IACrB,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,yBAAyB;IACtC,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,+BAA+B;IAC5C,KAAK,EAAE,EAAE;IACT,UAAU,EAAE,GAAG;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,gBAAgB,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,WAAW;IACxB,KAAK,EAAE,qBAAqB;CAC7B,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"BKJSelectSearch.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,6NAS7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,kFAYlC,CAAC;AAEF,eAAO,MAAM,eAAe,sOAa3B,CAAC"}
+{"version":3,"file":"BKJSelectSearch.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,6NAS7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,kFAelC,CAAC;AAEF,eAAO,MAAM,eAAe,sOAa3B,CAAC"}

package/lib/components/BKJSelectSearch/BKJSelectSearch.styled.js

@@ -1,4 +1,5 @@
 import styled from 'styled-components';
+import { OnFocusInput } from '../common/index.js';
 export const SearchableWrapper = styled.div `
   position: sticky;
   top: 0;
@@ -21,6 +22,9 @@ export const SearchableInnerWrapper = styled.div `
   outline: none;
   border: none;
   border: solid 1px ${({ theme }) => theme.colors.Grey6};
+  &:focus-within {
+    ${OnFocusInput()};
+  }
 `;
 export const SearchableInput = styled.input `
   overflow: hidden;

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

@@ -1 +1 @@
-{"version":3,"file":"BKJSelectSearch.styled.js","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;sBAQrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAK;;;;;;;;;;;sBAW/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAA;;IAEvC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;WACrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;;;;;;aAQtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;CAE7C,CAAC"}
+{"version":3,"file":"BKJSelectSearch.styled.js","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;sBAQrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAK;;;;;;;;;;;sBAW/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;MAEjD,YAAY,EAAE;;CAEnB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAA;;IAEvC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;WACrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;;;;;;aAQtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;CAE7C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bookjane2/bookjane-design-library",
-  "version": "8.2.21",
+  "version": "8.2.22",
   "main": "./lib/index.js",
   "typings": "./lib/index.d.ts",
   "engines": {