@selfdecode/sd-component-library 4.0.146 → 4.0.148

package/lib/components/texts/fourteen-regular/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type FourteenRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/fourteen-sb/fourteen-sb.d.ts

@@ -1,3 +0,0 @@
-import { FourteenSbProps } from './interfaces';
-
-export declare const FourteenSb: (props: FourteenSbProps) => JSX.Element;

package/lib/components/texts/fourteen-sb/fourteen-sb.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { FourteenSb } from '.';
-
-declare const meta: Meta<typeof FourteenSb>;
-export default meta;
-declare type Story = StoryObj<typeof FourteenSb>;
-export declare const Example: Story;

package/lib/components/texts/fourteen-sb/index.d.ts

@@ -1,4 +0,0 @@
-import { FourteenSbProps as Props } from './interfaces';
-
-export { FourteenSb } from './fourteen-sb';
-export declare type FourteenSbProps = Props;

package/lib/components/texts/fourteen-sb/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type FourteenSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/fourty-bold/fourty-bold.d.ts

@@ -1,3 +0,0 @@
-import { FourtyBoldProps } from './interfaces';
-
-export declare const FourtyBold: (props: FourtyBoldProps) => JSX.Element;

package/lib/components/texts/fourty-bold/fourty-bold.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { FourtyBold } from '.';
-
-declare const meta: Meta<typeof FourtyBold>;
-export default meta;
-declare type Story = StoryObj<typeof FourtyBold>;
-export declare const Example: Story;

package/lib/components/texts/fourty-bold/index.d.ts

@@ -1,4 +0,0 @@
-import { FourtyBoldProps as Props } from './interfaces';
-
-export { FourtyBold } from './fourty-bold';
-export declare type FourtyBoldProps = Props;

package/lib/components/texts/fourty-bold/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type FourtyBoldProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/sixteen-regular/index.d.ts

@@ -1,4 +0,0 @@
-import { SixteenRegularProps as Props } from './interfaces';
-
-export { SixteenRegular } from './sixteen-regular';
-export declare type SixteenRegularProps = Props;

package/lib/components/texts/sixteen-regular/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type SixteenRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/sixteen-regular/sixteen-regular.d.ts

@@ -1,3 +0,0 @@
-import { SixteenRegularProps } from './interfaces';
-
-export declare const SixteenRegular: (props: SixteenRegularProps) => JSX.Element;

package/lib/components/texts/sixteen-regular/sixteen-regular.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { SixteenRegular } from '.';
-
-declare const meta: Meta<typeof SixteenRegular>;
-export default meta;
-declare type Story = StoryObj<typeof SixteenRegular>;
-export declare const Example: Story;

package/lib/components/texts/sixteen-sb/index.d.ts

@@ -1,4 +0,0 @@
-import { SixteenSbProps as Props } from './interfaces';
-
-export { SixteenSb } from './sixteen-sb';
-export declare type SixteenSbProps = Props;

package/lib/components/texts/sixteen-sb/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type SixteenSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/sixteen-sb/sixteen-sb.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { SixteenSbProps } from './interfaces';
-
-export declare const SixteenSb: React.FunctionComponent<SixteenSbProps>;

package/lib/components/texts/sixteen-sb/sixteen-sb.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { SixteenSb } from '.';
-
-declare const meta: Meta<typeof SixteenSb>;
-export default meta;
-declare type Story = StoryObj<typeof SixteenSb>;
-export declare const Example: Story;

package/lib/components/texts/ten-sb/index.d.ts

@@ -1,4 +0,0 @@
-import { TenSbProps as Props } from './interfaces';
-
-export { TenSb } from './ten-sb';
-export declare type TenSbProps = Props;

package/lib/components/texts/ten-sb/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type TenSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/ten-sb/ten-sb.d.ts

@@ -1,3 +0,0 @@
-import { TenSbProps } from './interfaces';
-
-export declare const TenSb: (props: TenSbProps) => JSX.Element;

package/lib/components/texts/ten-sb/ten-sb.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { TenSb } from '.';
-
-declare const meta: Meta<typeof TenSb>;
-export default meta;
-declare type Story = StoryObj<typeof TenSb>;
-export declare const Example: Story;

package/lib/components/texts/thirteen-bold/index.d.ts

@@ -1,4 +0,0 @@
-import { ThirteenBoldProps as Props } from './interfaces';
-
-export { ThirteenBold } from './thirteen-bold';
-export declare type ThirteenBoldProps = Props;

package/lib/components/texts/thirteen-bold/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type ThirteenBoldProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/thirteen-bold/thirteen-bold.d.ts

@@ -1,3 +0,0 @@
-import { ThirteenBoldProps } from './interfaces';
-
-export declare const ThirteenBold: (props: ThirteenBoldProps) => JSX.Element;

package/lib/components/texts/thirteen-bold/thirteen-bold.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ThirteenBold } from '.';
-
-declare const meta: Meta<typeof ThirteenBold>;
-export default meta;
-declare type Story = StoryObj<typeof ThirteenBold>;
-export declare const Example: Story;

package/lib/components/texts/thirteen-regular/index.d.ts

@@ -1,4 +0,0 @@
-import { ThirteenRegularProps as Props } from './interfaces';
-
-export { ThirteenRegular } from './thirteen-regular';
-export declare type ThirteenRegularProps = Props;

package/lib/components/texts/thirteen-regular/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type ThirteenRegularProps = Pick<BaseTextProps, "children" | "color" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/thirteen-regular/thirteen-regular.d.ts

@@ -1,3 +0,0 @@
-import { ThirteenRegularProps } from './interfaces';
-
-export declare const ThirteenRegular: (props: ThirteenRegularProps) => JSX.Element;

package/lib/components/texts/thirteen-regular/thirteen-regular.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ThirteenRegular } from '.';
-
-declare const meta: Meta<typeof ThirteenRegular>;
-export default meta;
-declare type Story = StoryObj<typeof ThirteenRegular>;
-export declare const Example: Story;

package/lib/components/texts/thirteen-sb/index.d.ts

@@ -1,4 +0,0 @@
-import { ThirteenSbProps as Props } from './interfaces';
-
-export { ThirteenSb } from './thirteen-sb';
-export declare type ThirteenSbProps = Props;

package/lib/components/texts/thirteen-sb/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type ThirteenSbProps = Pick<BaseTextProps, "children" | "color" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/thirteen-sb/thirteen-sb.d.ts

@@ -1,3 +0,0 @@
-import { ThirteenSbProps } from './interfaces';
-
-export declare const ThirteenSb: (props: ThirteenSbProps) => JSX.Element;

package/lib/components/texts/thirteen-sb/thirteen-sb.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ThirteenSb } from '.';
-
-declare const meta: Meta<typeof ThirteenSb>;
-export default meta;
-declare type Story = StoryObj<typeof ThirteenSb>;
-export declare const Example: Story;

package/lib/components/texts/thirty-two-bold/index.d.ts

@@ -1,4 +0,0 @@
-import { ThirtyTwoBoldProps as Props } from './interfaces';
-
-export { ThirtyTwoBold } from './thirty-two-bold';
-export declare type ThirtyTwoBoldProps = Props;

package/lib/components/texts/thirty-two-bold/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type ThirtyTwoBoldProps = Pick<BaseTextProps, "children" | "color" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/thirty-two-bold/thirty-two-bold.d.ts

@@ -1,3 +0,0 @@
-import { ThirtyTwoBoldProps } from './interfaces';
-
-export declare const ThirtyTwoBold: (props: ThirtyTwoBoldProps) => JSX.Element;

package/lib/components/texts/thirty-two-bold/thirty-two-bold.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ThirtyTwoBold } from '.';
-
-declare const meta: Meta<typeof ThirtyTwoBold>;
-export default meta;
-declare type Story = StoryObj<typeof ThirtyTwoBold>;
-export declare const Example: Story;

package/lib/components/texts/thirty-two-regular/index.d.ts

@@ -1,4 +0,0 @@
-import { ThirtyTwoRegularProps as Props } from './interfaces';
-
-export { ThirtyTwoRegular } from './thirty-two-regular';
-export declare type ThirtyTwoRegularProps = Props;

package/lib/components/texts/thirty-two-regular/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type ThirtyTwoRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/thirty-two-regular/thirty-two-regular.d.ts

@@ -1,3 +0,0 @@
-import { ThirtyTwoRegularProps } from './interfaces';
-
-export declare const ThirtyTwoRegular: (props: ThirtyTwoRegularProps) => JSX.Element;

package/lib/components/texts/thirty-two-regular/thirty-two-regular.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ThirtyTwoRegular } from '.';
-
-declare const meta: Meta<typeof ThirtyTwoRegular>;
-export default meta;
-declare type Story = StoryObj<typeof ThirtyTwoRegular>;
-export declare const Example: Story;

package/lib/components/texts/twelve-regular/index.d.ts

@@ -1,4 +0,0 @@
-import { TwelveRegularProps as Props } from './interfaces';
-
-export { TwelveRegular } from './twelve-regular';
-export declare type TwelveRegularProps = Props;

package/lib/components/texts/twelve-regular/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type TwelveRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/twelve-regular/twelve-regular.d.ts

@@ -1,3 +0,0 @@
-import { TwelveRegularProps } from './interfaces';
-
-export declare const TwelveRegular: (props: TwelveRegularProps) => JSX.Element;

package/lib/components/texts/twelve-regular/twelve-regular.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { TwelveRegular } from '.';
-
-declare const meta: Meta<typeof TwelveRegular>;
-export default meta;
-declare type Story = StoryObj<typeof TwelveRegular>;
-export declare const Example: Story;

package/lib/components/texts/twelve-sb/index.d.ts

@@ -1,4 +0,0 @@
-import { TwelveSbProps as Props } from './interfaces';
-
-export { TwelveSb } from './twelve-sb';
-export declare type TwelveSbProps = Props;

package/lib/components/texts/twelve-sb/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type TwelveSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/twelve-sb/twelve-regular.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { TwelveSb } from '.';
-
-declare const meta: Meta<typeof TwelveSb>;
-export default meta;
-declare type Story = StoryObj<typeof TwelveSb>;
-export declare const Example: Story;

package/lib/components/texts/twelve-sb/twelve-sb.d.ts

@@ -1,3 +0,0 @@
-import { TwelveSbProps } from './interfaces';
-
-export declare const TwelveSb: (props: TwelveSbProps) => JSX.Element;

package/lib/components/texts/twenty-four-bold/index.d.ts

@@ -1,4 +0,0 @@
-import { TwentyFourBoldProps as Props } from './interfaces';
-
-export { TwentyFourBold } from './twenty-four-bold';
-export declare type TwentyFourBoldProps = Props;

package/lib/components/texts/twenty-four-bold/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type TwentyFourBoldProps = Pick<BaseTextProps, "children" | "color" | "cursor" | "display" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/twenty-four-bold/twenty-four-bold.d.ts

@@ -1,3 +0,0 @@
-import { TwentyFourBoldProps } from './interfaces';
-
-export declare const TwentyFourBold: (props: TwentyFourBoldProps) => JSX.Element;

package/lib/components/texts/twenty-four-bold/twenty-four-bold.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { TwentyFourBold } from '.';
-
-declare const meta: Meta<typeof TwentyFourBold>;
-export default meta;
-declare type Story = StoryObj<typeof TwentyFourBold>;
-export declare const Example: Story;

package/lib/components/texts/twenty-four-regular/index.d.ts

@@ -1,4 +0,0 @@
-import { TwentyFourRegularProps as Props } from './interfaces';
-
-export { TwentyFourRegular } from './twenty-four-regular';
-export declare type TwentyFourRegularProps = Props;

package/lib/components/texts/twenty-four-regular/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type TwentyFourRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/twenty-four-regular/twenty-four-regular.d.ts

@@ -1,3 +0,0 @@
-import { TwentyFourRegularProps } from './interfaces';
-
-export declare const TwentyFourRegular: (props: TwentyFourRegularProps) => JSX.Element;

package/lib/components/texts/twenty-four-regular/twenty-four-regular.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { TwentyFourRegular } from '.';
-
-declare const meta: Meta<typeof TwentyFourRegular>;
-export default meta;
-declare type Story = StoryObj<typeof TwentyFourRegular>;
-export declare const Example: Story;

package/lib/components/utils/scroll-to-top/index.d.ts

@@ -1 +0,0 @@
-export { ScrollToTop } from './scroll-to-top';

package/lib/components/utils/scroll-to-top/interfaces.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface ScrollToTopProps {
-    /**
-     * The text of the badge.
-     */
-    children?: React.ReactNode;
-}

package/lib/components/utils/scroll-to-top/scroll-to-top.d.ts

@@ -1,3 +0,0 @@
-import { ScrollToTopProps } from './interfaces';
-
-export declare const ScrollToTop: (props: ScrollToTopProps) => JSX.Element;

package/lib/sd-component-library290.js

@@ -1,61 +0,0 @@
-import { j as e } from "./sd-component-library197.js";
-import { useMemo as h } from "react";
-import { Flex as p, Box as j } from "rebass";
-import { SixteenRegular as l } from "./sd-component-library151.js";
-import { ThirteenRegular as i } from "./sd-component-library155.js";
-function b(o) {
-  const { synonyms: t, value: r, onSelect: c } = o, n = h(() => t[0], [t]), x = h(() => t.slice(1), [t]), a = h(() => {
-    const s = n.toLowerCase().indexOf(r.toLowerCase());
-    return /* @__PURE__ */ e.jsxs(p, { children: [
-      /* @__PURE__ */ e.jsx(l, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: n.substring(0, s) }) }),
-      /* @__PURE__ */ e.jsx(l, { width: [""], color: "cl_purple", cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: n.substring(s, s + r.length) }) }),
-      /* @__PURE__ */ e.jsx(l, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: n.substring(s + r.length) }) })
-    ] });
-  }, [n, r]);
-  return /* @__PURE__ */ e.jsxs(
-    j,
-    {
-      sx: {
-        p: "10px 16px",
-        cursor: "pointer"
-      },
-      onClick: (s) => c(n),
-      "data-test": "result-box",
-      children: [
-        a,
-        /* @__PURE__ */ e.jsx(p, { flexWrap: "wrap", children: x.map((s, d, u) => /* @__PURE__ */ e.jsx(
-          m,
-          {
-            value: r,
-            synonym: s,
-            appendSlash: d !== u.length - 1
-          },
-          s
-        )) })
-      ]
-    }
-  );
-}
-const m = (o) => {
-  const { value: t, synonym: r, appendSlash: c } = o, n = r.toLowerCase().indexOf(t.toLowerCase());
-  return /* @__PURE__ */ e.jsxs(p, { children: [
-    n !== -1 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(i, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r.substring(0, n) }) }),
-      /* @__PURE__ */ e.jsx(i, { width: [""], color: "cl_purple", cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r.substring(n, n + t.length) }) }),
-      /* @__PURE__ */ e.jsx(i, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r.substring(n + t.length) }) })
-    ] }) : /* @__PURE__ */ e.jsx(i, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r }) }),
-    c && /* @__PURE__ */ e.jsx(
-      i,
-      {
-        color: "cl_darkGrey",
-        width: ["12px"],
-        textAlign: "center",
-        children: "/"
-      }
-    )
-  ] }, r);
-};
-export {
-  b as AutocompleteOptionBox
-};
-//# sourceMappingURL=sd-component-library290.js.map

package/lib/sd-component-library290.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library290.js","sources":["../src/components/inputs/autocomplete-input/partials/autocomplete-option-box/autocomplete-option-box.tsx"],"sourcesContent":["import React, { PropsWithChildren, useMemo } from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { SixteenRegular } from \"../../../../texts/sixteen-regular\";\nimport { ThirteenRegular } from \"../../../../texts/thirteen-regular\";\nimport { AutocompleteOptionBox as Props } from \"./interfaces\";\n\nexport function AutocompleteOptionBox<T>(props: PropsWithChildren<Props<T>>) {\n  const { synonyms, value, onSelect } = props;\n\n  /* Synonym that first matches the query */\n  const matchingSynonym = useMemo(() => synonyms[0], [synonyms]);\n  /* List of synonyms to be displayed below the matching synonym */\n  const otherSynonyms = useMemo(() => synonyms.slice(1), [synonyms]);\n\n  const renderMatchingSynonym = useMemo(() => {\n    const startIndex = matchingSynonym\n      .toLowerCase()\n      .indexOf(value.toLowerCase());\n\n    return (\n      <Flex>\n        <SixteenRegular width={[\"\"]} cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>\n            {matchingSynonym.substring(0, startIndex)}\n          </span>\n        </SixteenRegular>\n        <SixteenRegular width={[\"\"]} color=\"cl_purple\" cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>\n            {matchingSynonym.substring(startIndex, startIndex + value.length)}\n          </span>\n        </SixteenRegular>\n        <SixteenRegular width={[\"\"]} cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>\n            {matchingSynonym.substring(startIndex + value.length)}\n          </span>\n        </SixteenRegular>\n      </Flex>\n    );\n  }, [matchingSynonym, value]);\n\n  return (\n    <Box\n      sx={{\n        p: \"10px 16px\",\n        cursor: \"pointer\",\n      }}\n      onClick={(x) => onSelect(matchingSynonym)}\n      data-test=\"result-box\"\n    >\n      {renderMatchingSynonym}\n      <Flex flexWrap=\"wrap\">\n        {otherSynonyms.map((synonym, idx, arr) => (\n          <OtherSynonym\n            key={synonym}\n            value={value}\n            synonym={synonym}\n            appendSlash={idx !== arr.length - 1}\n          />\n        ))}\n      </Flex>\n    </Box>\n  );\n}\n\nconst OtherSynonym: React.FC<{\n  value: string;\n  synonym: string;\n  appendSlash: boolean;\n}> = (props) => {\n  const { value, synonym, appendSlash } = props;\n  const matchIdx = synonym.toLowerCase().indexOf(value.toLowerCase());\n\n  return (\n    <Flex key={synonym}>\n      {matchIdx !== -1 ? (\n        <>\n          <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n            <span style={{ whiteSpace: \"pre\" }}>\n              {synonym.substring(0, matchIdx)}\n            </span>\n          </ThirteenRegular>\n          <ThirteenRegular width={[\"\"]} color=\"cl_purple\" cursor={\"inherit\"}>\n            <span style={{ whiteSpace: \"pre\" }}>\n              {synonym.substring(matchIdx, matchIdx + value.length)}\n            </span>\n          </ThirteenRegular>\n          <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n            <span style={{ whiteSpace: \"pre\" }}>\n              {synonym.substring(matchIdx + value.length)}\n            </span>\n          </ThirteenRegular>\n        </>\n      ) : (\n        <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>{synonym}</span>\n        </ThirteenRegular>\n      )}\n\n      {appendSlash && (\n        <ThirteenRegular\n          color=\"cl_darkGrey\"\n          width={[\"12px\"]}\n          textAlign=\"center\"\n        >\n          /\n        </ThirteenRegular>\n      )}\n    </Flex>\n  );\n};\n"],"names":["AutocompleteOptionBox","props","synonyms","value","onSelect","matchingSynonym","useMemo","otherSynonyms","renderMatchingSynonym","startIndex","Flex","jsx","SixteenRegular","jsxs","Box","x","synonym","idx","arr","OtherSynonym","appendSlash","matchIdx","Fragment","ThirteenRegular"],"mappings":"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"}

package/lib/sd-component-library291.js

@@ -1,5 +0,0 @@
-var p = { exports: {} };
-export {
-  p as __module
-};
-//# sourceMappingURL=sd-component-library291.js.map

package/lib/sd-component-library291.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library291.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library292.js

@@ -1,11 +0,0 @@
-import { __module as e } from "./sd-component-library308.js";
-import { __require as o } from "./sd-component-library309.js";
-import { __require as t } from "./sd-component-library310.js";
-var r;
-function p() {
-  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);
-}
-export {
-  p as __require
-};
-//# sourceMappingURL=sd-component-library292.js.map

package/lib/sd-component-library292.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library292.js","sources":["../node_modules/react-is/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":["reactIsModule","require$$0","require$$1"],"mappings":";;;;;iCAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}