@bookjane2/bookjane-design-library 7.2.8 → 7.2.9

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

@@ -1,59 +1,59 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { IBKJToggleInputProps } from './BKJToggleInput.types.js';
-declare const _default: {
-    title: string;
-    component: import("react").FC<IBKJToggleInputProps>;
-    argTypes: {
-        variant: {
-            name: string;
-            control: {
-                type: string;
-            };
-            option: string[];
-        };
-        children: {
-            name: string;
-            control: string;
-        };
-        checked: {
-            table: {
-                disable: boolean;
-            };
-        };
-        name: {
-            table: {
-                disable: boolean;
-            };
-        };
-        onChange: {
-            table: {
-                disable: boolean;
-            };
-        };
-        minWidth: {
-            name: string;
-            control: {
-                type: string;
-                default: string;
-            };
-        };
-        width: {
-            name: string;
-            control: {
-                type: string;
-                default: string;
-            };
-        };
-        disabled: {
-            name: string;
-            control: {
-                type: string;
-                default: boolean;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: Story<IBKJToggleInputProps>;
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IBKJToggleInputProps } from './BKJToggleInput.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJToggleInputProps>;
+    argTypes: {
+        variant: {
+            name: string;
+            control: {
+                type: string;
+            };
+            option: string[];
+        };
+        children: {
+            name: string;
+            control: string;
+        };
+        checked: {
+            table: {
+                disable: boolean;
+            };
+        };
+        name: {
+            table: {
+                disable: boolean;
+            };
+        };
+        onChange: {
+            table: {
+                disable: boolean;
+            };
+        };
+        minWidth: {
+            name: string;
+            control: {
+                type: string;
+                default: string;
+            };
+        };
+        width: {
+            name: string;
+            control: {
+                type: string;
+                default: string;
+            };
+        };
+        disabled: {
+            name: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<IBKJToggleInputProps>;
 //# sourceMappingURL=BKJToggleInput.stories.d.ts.map

package/lib/components/BKJToggleInput/BKJToggleInput.stories.js

@@ -1,75 +1,75 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { BKJToggleInput } from './BKJToggleInput.js';
-export default {
-    title: 'Input Elements/BKJToggleInput',
-    component: BKJToggleInput,
-    argTypes: {
-        variant: {
-            name: 'Variation',
-            control: {
-                type: 'select',
-            },
-            option: [
-                'Switch',
-                'PurplePillRight',
-                'PurplePillLeft',
-                'PurpleNoBorderRight',
-                'PurpleNoBorderLeft',
-            ],
-        },
-        children: {
-            name: 'Label',
-            control: 'text',
-        },
-        checked: {
-            table: { disable: true },
-        },
-        name: {
-            table: { disable: true },
-        },
-        onChange: {
-            table: { disable: true },
-        },
-        minWidth: {
-            name: 'Minimum Width',
-            control: {
-                type: 'text',
-                default: '192px',
-            },
-        },
-        width: {
-            name: 'Width',
-            control: {
-                type: 'text',
-                default: '192px',
-            },
-        },
-        disabled: {
-            name: 'Disabled',
-            control: {
-                type: 'boolean',
-                default: false,
-            },
-        },
-    },
-};
-const Template = ({ children, ...props }) => {
-    const [isActive, setActive] = useState(props.checked);
-    function onChange(event) {
-        setActive(event.target.value);
-    }
-    useEffect(() => {
-        setActive(props.checked);
-    }, [props.checked]);
-    return (_jsx(BKJToggleInput, Object.assign({}, props, { name: "test", checked: isActive, onChange: onChange }, { children: children }), void 0));
-};
-export const Default = Template.bind({});
-Default.args = {
-    children: 'View all facilities',
-    width: 'auto',
-    name: 'viewAllFacilities',
-    minWidth: 'auto',
-    variant: 'PurplePillLeft',
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { BKJToggleInput } from './BKJToggleInput.js';
+export default {
+    title: 'Input Elements/BKJToggleInput',
+    component: BKJToggleInput,
+    argTypes: {
+        variant: {
+            name: 'Variation',
+            control: {
+                type: 'select',
+            },
+            option: [
+                'Switch',
+                'PurplePillRight',
+                'PurplePillLeft',
+                'PurpleNoBorderRight',
+                'PurpleNoBorderLeft',
+            ],
+        },
+        children: {
+            name: 'Label',
+            control: 'text',
+        },
+        checked: {
+            table: { disable: true },
+        },
+        name: {
+            table: { disable: true },
+        },
+        onChange: {
+            table: { disable: true },
+        },
+        minWidth: {
+            name: 'Minimum Width',
+            control: {
+                type: 'text',
+                default: '192px',
+            },
+        },
+        width: {
+            name: 'Width',
+            control: {
+                type: 'text',
+                default: '192px',
+            },
+        },
+        disabled: {
+            name: 'Disabled',
+            control: {
+                type: 'boolean',
+                default: false,
+            },
+        },
+    },
+};
+const Template = ({ children, ...props }) => {
+    const [isActive, setActive] = useState(props.checked);
+    function onChange(event) {
+        setActive(event.target.value);
+    }
+    useEffect(() => {
+        setActive(props.checked);
+    }, [props.checked]);
+    return (_jsx(BKJToggleInput, Object.assign({}, props, { name: "test", checked: isActive, onChange: onChange }, { children: children }), void 0));
+};
+export const Default = Template.bind({});
+Default.args = {
+    children: 'View all facilities',
+    width: 'auto',
+    name: 'viewAllFacilities',
+    minWidth: 'auto',
+    variant: 'PurplePillLeft',
+};
 //# sourceMappingURL=BKJToggleInput.stories.js.map

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

@@ -1,23 +1,23 @@
-import { ForwardedRef, Ref } from 'react';
-import { IBKJThemeColor } from '../../providers/index.js';
-interface IBKJToggleInputWrapper {
-    ref: ForwardedRef<HTMLElement> | Ref<HTMLElement> | HTMLElement;
-}
-export declare const StyledButton: import("styled-components").StyledComponent<import("react").FC<import("../BKJButton/BKJButton.types.js").IBKJButtonProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledCheckbox: any;
-export declare const BKJToggleInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IBKJToggleInputWrapper, never>;
-export declare const BKJToggleSliderTrack: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    isSelected: boolean;
-    disabled?: boolean | undefined;
-}, never>;
-export declare const BKJToggleButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    isSelected: boolean;
-    disabled?: boolean | undefined;
-}, never>;
-export declare const BKJToggleInputPillLabelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    color?: keyof IBKJThemeColor | undefined;
-    disabled?: boolean | undefined;
-    fontSize?: number | undefined;
-}, never>;
-export {};
+import { ForwardedRef, Ref } from 'react';
+import { IBKJThemeColor } from '../../providers/index.js';
+interface IBKJToggleInputWrapper {
+    ref: ForwardedRef<HTMLElement> | Ref<HTMLElement> | HTMLElement;
+}
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").FC<import("../BKJButton/BKJButton.types.js").IBKJButtonProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCheckbox: any;
+export declare const BKJToggleInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IBKJToggleInputWrapper, never>;
+export declare const BKJToggleSliderTrack: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isSelected: boolean;
+    disabled?: boolean | undefined;
+}, never>;
+export declare const BKJToggleButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isSelected: boolean;
+    disabled?: boolean | undefined;
+}, never>;
+export declare const BKJToggleInputPillLabelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    color?: keyof IBKJThemeColor | undefined;
+    disabled?: boolean | undefined;
+    fontSize?: number | undefined;
+}, never>;
+export {};
 //# sourceMappingURL=BKJToggleInput.styled.d.ts.map

package/lib/components/BKJToggleInput/BKJToggleInput.styled.js

@@ -1,102 +1,102 @@
-import styled, { css } from 'styled-components';
-import { BKJButton } from '../BKJButton/index.js';
-import { BKJCheckbox } from '../BKJCheckbox/index.js';
-export const StyledButton = styled(BKJButton) `
-  padding: 0 18px !important;
-`;
-export const StyledCheckbox = styled(BKJCheckbox) `
-  ${({ isLeft }) => isLeft
-    ? css `
-          margin-left: 8px !important;
-          margin-right: 0px !important;
-          div {
-            margin: 0px !important;
-          }
-        `
-    : css `
-          margin-right: 8px !important;
-          margin-left: 0px !important;
-          div {
-            margin: 0px !important;
-          }
-        `}
-`;
-export const BKJToggleInputWrapper = styled.div `
-  position: relative;
-  height: 28px;
-  min-height: 28px;
-  max-height: 28px;
-  width: 80px;
-  min-width: 80px;
-  max-width: 80px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  overflow: visible;
-`;
-export const BKJToggleSliderTrack = styled.div `
-  background-color: ${({ theme }) => theme.colors.Grey6};
-  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
-  border-radius: 18px;
-  width: 100%;
-  height: 100%;
-  &:hover {
-    cursor: pointer;
-  }
-  transition: background-color linear 100ms;
-  ${({ disabled }) => disabled &&
-    css `
-      background-color: ${({ theme }) => theme.colors.Grey4};
-    `}
-  ${({ isSelected, disabled }) => {
-    if (isSelected) {
-        if (disabled) {
-            return css `
-          background-color: ${({ theme }) => theme.colors.SecondaryAcceptedDefault};
-        `;
-        }
-        else {
-            return css `
-          background-color: ${({ theme }) => theme.colors.AccentGreen};
-        `;
-        }
-    }
-    return;
-}}
-`;
-export const BKJToggleButton = styled.div `
-  position: absolute;
-  left: 0%;
-  height: 36px;
-  min-height: 36px;
-  max-height: 36px;
-  width: 36px;
-  min-width: 36px;
-  max-width: 36px;
-  background-color: ${({ theme, disabled }) => disabled ? theme.colors.Grey1 : theme.colors.White};
-  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
-  border-radius: 50%;
-  &:hover {
-    cursor: pointer;
-  }
-
-  transition: left ease-in 100ms;
-
-  ${({ isSelected }) => isSelected &&
-    css `
-      left: calc(100% - 36px);
-    `}
-`;
-export const BKJToggleInputPillLabelWrapper = styled.div `
-  ${({ theme }) => theme.common.Ellipsis};
-  ${({ color, disabled }) => !disabled &&
-    color &&
-    css `
-      color: ${({ theme }) => theme.colors[color]};
-    `}
-  ${({ fontSize }) => fontSize &&
-    css `
-      font-size: ${fontSize}px;
-    `}
-`;
+import styled, { css } from 'styled-components';
+import { BKJButton } from '../BKJButton/index.js';
+import { BKJCheckbox } from '../BKJCheckbox/index.js';
+export const StyledButton = styled(BKJButton) `
+  padding: 0 18px !important;
+`;
+export const StyledCheckbox = styled(BKJCheckbox) `
+  ${({ isLeft }) => isLeft
+    ? css `
+          margin-left: 8px !important;
+          margin-right: 0px !important;
+          div {
+            margin: 0px !important;
+          }
+        `
+    : css `
+          margin-right: 8px !important;
+          margin-left: 0px !important;
+          div {
+            margin: 0px !important;
+          }
+        `}
+`;
+export const BKJToggleInputWrapper = styled.div `
+  position: relative;
+  height: 28px;
+  min-height: 28px;
+  max-height: 28px;
+  width: 80px;
+  min-width: 80px;
+  max-width: 80px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: visible;
+`;
+export const BKJToggleSliderTrack = styled.div `
+  background-color: ${({ theme }) => theme.colors.Grey6};
+  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
+  border-radius: 18px;
+  width: 100%;
+  height: 100%;
+  &:hover {
+    cursor: pointer;
+  }
+  transition: background-color linear 100ms;
+  ${({ disabled }) => disabled &&
+    css `
+      background-color: ${({ theme }) => theme.colors.Grey4};
+    `}
+  ${({ isSelected, disabled }) => {
+    if (isSelected) {
+        if (disabled) {
+            return css `
+          background-color: ${({ theme }) => theme.colors.SecondaryAcceptedDefault};
+        `;
+        }
+        else {
+            return css `
+          background-color: ${({ theme }) => theme.colors.AccentGreen};
+        `;
+        }
+    }
+    return;
+}}
+`;
+export const BKJToggleButton = styled.div `
+  position: absolute;
+  left: 0%;
+  height: 36px;
+  min-height: 36px;
+  max-height: 36px;
+  width: 36px;
+  min-width: 36px;
+  max-width: 36px;
+  background-color: ${({ theme, disabled }) => disabled ? theme.colors.Grey1 : theme.colors.White};
+  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
+  border-radius: 50%;
+  &:hover {
+    cursor: pointer;
+  }
+
+  transition: left ease-in 100ms;
+
+  ${({ isSelected }) => isSelected &&
+    css `
+      left: calc(100% - 36px);
+    `}
+`;
+export const BKJToggleInputPillLabelWrapper = styled.div `
+  ${({ theme }) => theme.common.Ellipsis};
+  ${({ color, disabled }) => !disabled &&
+    color &&
+    css `
+      color: ${({ theme }) => theme.colors[color]};
+    `}
+  ${({ fontSize }) => fontSize &&
+    css `
+      font-size: ${fontSize}px;
+    `}
+`;
 //# sourceMappingURL=BKJToggleInput.styled.js.map

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

@@ -1,3 +1,3 @@
-import { IBKJThemeToggleInput } from './BKJToggleInput.types.js';
-export declare const BKJThemeToggle: IBKJThemeToggleInput;
+import { IBKJThemeToggleInput } from './BKJToggleInput.types.js';
+export declare const BKJThemeToggle: IBKJThemeToggleInput;
 //# sourceMappingURL=BKJToggleInput.theme.d.ts.map

package/lib/components/BKJToggleInput/BKJToggleInput.theme.js

@@ -1,9 +1,9 @@
-import { css } from 'styled-components';
-export const BKJThemeToggle = {
-    Switch: css ``,
-    PurplePillLeft: css ``,
-    PurplePillRight: css ``,
-    PurpleNoBorderLeft: css ``,
-    PurpleNoBorderRight: css ``,
-};
+import { css } from 'styled-components';
+export const BKJThemeToggle = {
+    Switch: css ``,
+    PurplePillLeft: css ``,
+    PurplePillRight: css ``,
+    PurpleNoBorderLeft: css ``,
+    PurpleNoBorderRight: css ``,
+};
 //# sourceMappingURL=BKJToggleInput.theme.js.map

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

@@ -1,23 +1,23 @@
-import { DefaultTheme, FlattenInterpolation, ThemeProps } from 'styled-components';
-import { ChangeFunctionType } from '../../common.types.js';
-export interface IBKJToggleInputProps {
-    checked: boolean;
-    onChange: ChangeFunctionType;
-    name: string;
-    variant: BKJThemeToggleInputVariantType;
-    width?: string;
-    minWidth?: string;
-    children?: any;
-    ref?: any;
-    disabled?: boolean;
-    fontSize?: number;
-}
-export interface IBKJThemeToggleInput {
-    Switch: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    PurplePillLeft: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    PurplePillRight: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    PurpleNoBorderLeft: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    PurpleNoBorderRight: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-}
-export declare type BKJThemeToggleInputVariantType = keyof IBKJThemeToggleInput;
+import { DefaultTheme, FlattenInterpolation, ThemeProps } from 'styled-components';
+import { ChangeFunctionType } from '../../common.types.js';
+export interface IBKJToggleInputProps {
+    checked: boolean;
+    onChange: ChangeFunctionType;
+    name: string;
+    variant: BKJThemeToggleInputVariantType;
+    width?: string;
+    minWidth?: string;
+    children?: any;
+    ref?: any;
+    disabled?: boolean;
+    fontSize?: number;
+}
+export interface IBKJThemeToggleInput {
+    Switch: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    PurplePillLeft: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    PurplePillRight: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    PurpleNoBorderLeft: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    PurpleNoBorderRight: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+}
+export declare type BKJThemeToggleInputVariantType = keyof IBKJThemeToggleInput;
 //# sourceMappingURL=BKJToggleInput.types.d.ts.map

package/lib/components/BKJToggleInput/BKJToggleInput.types.js

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

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

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

package/lib/components/BKJToggleInput/index.js

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

package/lib/components/BKJTooltipWrapper/BKJTooltip.d.ts

@@ -1,7 +1,7 @@
-import { BasePlacement } from '@popperjs/core';
-import { FC } from 'react';
-export declare const BKJTooltip: FC<{
-    placement: BasePlacement;
-    triggerRef?: any;
-}>;
+import { BasePlacement } from '@popperjs/core';
+import { FC } from 'react';
+export declare const BKJTooltip: FC<{
+    placement: BasePlacement;
+    triggerRef?: any;
+}>;
 //# sourceMappingURL=BKJTooltip.d.ts.map