@economic/taco 1.23.0 → 1.24.0

package/dist/esm/packages/taco/src/components/Layout/components/Page.js

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import cn from 'classnames';
+
+const Page = /*#__PURE__*/React__default.forwardRef(function LayoutPage(props, ref) {
+  const className = cn('flex flex-grow overflow-hidden relative', props.className);
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
+    className: className,
+    ref: ref
+  }));
+});
+
+export { Page };
+//# sourceMappingURL=Page.js.map

package/dist/esm/packages/taco/src/components/Layout/components/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sources":["../../../../../../../../src/components/Layout/components/Page.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nexport type LayoutPageProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Page = React.forwardRef<HTMLDivElement, LayoutPageProps>(function LayoutPage(props, ref) {\n    const className = cn('flex flex-grow overflow-hidden relative', props.className);\n    return <div {...props} className={className} ref={ref} />;\n});\n"],"names":["Page","React","forwardRef","LayoutPage","props","ref","className","cn"],"mappings":";;;MAKaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAkC,SAASC,UAAU,CAACC,KAAK,EAAEC,GAAG;EAChG,MAAMC,SAAS,GAAGC,EAAE,CAAC,yCAAyC,EAAEH,KAAK,CAACE,SAAS,CAAC;EAChF,oBAAOL,sDAASG,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAC7D,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Layout/components/Sidebar.js

@@ -0,0 +1,83 @@
+import React__default from 'react';
+import cn from 'classnames';
+import { Backdrop } from '../../Backdrop/Backdrop.js';
+import { useMergedRef } from '../../../hooks/useMergedRef.js';
+import { LayoutContext } from './Context.js';
+import { useIsLargeScreen } from '../../../hooks/useIsLargeScreen.js';
+
+const SidebarBackdrop = /*#__PURE__*/React__default.forwardRef(function SidebarBackdrop(props, ref) {
+  const internalRef = useMergedRef(ref);
+  React__default.useEffect(() => {
+    if (internalRef.current) {
+      internalRef.current.style.opacity = '1'; // Trigger the animation
+    }
+
+    return () => {
+      if (internalRef.current) {
+        internalRef.current.style.opacity = '0'; // Reset to the initial value
+      }
+    };
+  }, []);
+  return /*#__PURE__*/React__default.createElement(Backdrop, Object.assign({}, props, {
+    className: "absolute z-[1] opacity-0 transition-opacity duration-300",
+    ref: internalRef
+  }));
+});
+const Sidebar = /*#__PURE__*/React__default.forwardRef(function LayoutSidebar(props, ref) {
+  const {
+    children,
+    ...attributes
+  } = props;
+  const {
+    sidebarOpen,
+    setSidebarOpen
+  } = React__default.useContext(LayoutContext);
+  const isLargeScreen = useIsLargeScreen();
+  const isSmallScreen = !isLargeScreen;
+  // if it's a large screen we override the open state and make it always visible
+  const isVisible = isLargeScreen || sidebarOpen;
+  // ensures the menu is always closed by default when resizing to a smaller window size
+  React__default.useEffect(() => {
+    setSidebarOpen(isLargeScreen);
+  }, [isLargeScreen]);
+  React__default.useEffect(() => {
+    const handleEscapeKey = event => {
+      if (event.key === 'Escape') {
+        event.preventDefault();
+        event.stopPropagation();
+        setSidebarOpen(false);
+      }
+    };
+    if (isSmallScreen && sidebarOpen) {
+      window.addEventListener('keydown', handleEscapeKey);
+    }
+    return () => {
+      window.removeEventListener('keydown', handleEscapeKey);
+    };
+  }, [isSmallScreen, sidebarOpen]);
+  const showBackdrop = isSmallScreen && sidebarOpen === true;
+  const className = cn('bg-grey-50 h-full w-64 flex-shrink-0 flex-grow-0', {
+    'transition-[transform] duration-300 absolute z-10 aria-hidden:-translate-x-64': isSmallScreen,
+    'border-r-2 border-black/[.08] ': !showBackdrop
+  }, props.className);
+  const toggleSidebar = () => setSidebarOpen(open => !open);
+  const content = typeof children === 'function' ? children({
+    isLargeScreen,
+    open: sidebarOpen,
+    toggleSidebar
+  }) : children;
+  if (!content) {
+    return null;
+  }
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("nav", Object.assign({}, attributes, {
+    "data-responsive": isSmallScreen,
+    "aria-hidden": !isVisible,
+    className: className,
+    ref: ref
+  }), content), showBackdrop ? /*#__PURE__*/React__default.createElement(SidebarBackdrop, {
+    onClick: () => setSidebarOpen(false)
+  }) : null);
+});
+
+export { Sidebar };
+//# sourceMappingURL=Sidebar.js.map

package/dist/esm/packages/taco/src/components/Layout/components/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sources":["../../../../../../../../src/components/Layout/components/Sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { LayoutContext } from './Context';\nimport { useIsLargeScreen } from '../../../hooks/useIsLargeScreen';\nimport { Backdrop } from '../../Backdrop/Backdrop';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\n\nconst SidebarBackdrop = React.forwardRef<HTMLDivElement, any>(function SidebarBackdrop(props, ref) {\n    const internalRef = useMergedRef<HTMLDivElement>(ref);\n\n    React.useEffect(() => {\n        if (internalRef.current) {\n            internalRef.current.style.opacity = '1'; // Trigger the animation\n        }\n        return () => {\n            if (internalRef.current) {\n                internalRef.current.style.opacity = '0'; // Reset to the initial value\n            }\n        };\n    }, []);\n\n    return <Backdrop {...props} className=\"absolute z-[1] opacity-0 transition-opacity duration-300\" ref={internalRef} />;\n});\n\nexport type LayoutSidebarProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, LayoutSidebarProps>(function LayoutSidebar(props, ref) {\n    const { children, ...attributes } = props;\n    const { sidebarOpen, setSidebarOpen } = React.useContext(LayoutContext);\n    const isLargeScreen = useIsLargeScreen();\n    const isSmallScreen = !isLargeScreen;\n\n    // if it's a large screen we override the open state and make it always visible\n    const isVisible = isLargeScreen || sidebarOpen;\n\n    // ensures the menu is always closed by default when resizing to a smaller window size\n    React.useEffect(() => {\n        setSidebarOpen(isLargeScreen);\n    }, [isLargeScreen]);\n\n    React.useEffect(() => {\n        const handleEscapeKey = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                event.preventDefault();\n                event.stopPropagation();\n                setSidebarOpen(false);\n            }\n        };\n\n        if (isSmallScreen && sidebarOpen) {\n            window.addEventListener('keydown', handleEscapeKey);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', handleEscapeKey);\n        };\n    }, [isSmallScreen, sidebarOpen]);\n\n    const showBackdrop = isSmallScreen && sidebarOpen === true;\n\n    const className = cn(\n        'bg-grey-50 h-full w-64 flex-shrink-0 flex-grow-0',\n        {\n            'transition-[transform] duration-300 absolute z-10 aria-hidden:-translate-x-64': isSmallScreen,\n            'border-r-2 border-black/[.08] ': !showBackdrop,\n        },\n        props.className\n    );\n\n    const toggleSidebar = () => setSidebarOpen(open => !open);\n    const content = typeof children === 'function' ? children({ isLargeScreen, open: sidebarOpen, toggleSidebar }) : children;\n\n    if (!content) {\n        return null;\n    }\n\n    return (\n        <>\n            <nav {...attributes} data-responsive={isSmallScreen} aria-hidden={!isVisible} className={className} ref={ref}>\n                {content}\n            </nav>\n            {showBackdrop ? <SidebarBackdrop onClick={() => setSidebarOpen(false)} /> : null}\n        </>\n    );\n});\n"],"names":["SidebarBackdrop","React","forwardRef","props","ref","internalRef","useMergedRef","useEffect","current","style","opacity","Backdrop","className","Sidebar","LayoutSidebar","children","attributes","sidebarOpen","setSidebarOpen","useContext","LayoutContext","isLargeScreen","useIsLargeScreen","isSmallScreen","isVisible","handleEscapeKey","event","key","preventDefault","stopPropagation","window","addEventListener","removeEventListener","showBackdrop","cn","toggleSidebar","open","content","onClick"],"mappings":";;;;;;;AAOA,MAAMA,eAAe,gBAAGC,cAAK,CAACC,UAAU,CAAsB,SAASF,eAAe,CAACG,KAAK,EAAEC,GAAG;EAC7F,MAAMC,WAAW,GAAGC,YAAY,CAAiBF,GAAG,CAAC;EAErDH,cAAK,CAACM,SAAS,CAAC;IACZ,IAAIF,WAAW,CAACG,OAAO,EAAE;MACrBH,WAAW,CAACG,OAAO,CAACC,KAAK,CAACC,OAAO,GAAG,GAAG,CAAC;;;IAE5C,OAAO;MACH,IAAIL,WAAW,CAACG,OAAO,EAAE;QACrBH,WAAW,CAACG,OAAO,CAACC,KAAK,CAACC,OAAO,GAAG,GAAG,CAAC;;KAE/C;GACJ,EAAE,EAAE,CAAC;EAEN,oBAAOT,6BAACU,QAAQ,oBAAKR,KAAK;IAAES,SAAS,EAAC,0DAA0D;IAACR,GAAG,EAAEC;KAAe;AACzH,CAAC,CAAC;MAIWQ,OAAO,gBAAGZ,cAAK,CAACC,UAAU,CAAqC,SAASY,aAAa,CAACX,KAAK,EAAEC,GAAG;EACzG,MAAM;IAAEW,QAAQ;IAAE,GAAGC;GAAY,GAAGb,KAAK;EACzC,MAAM;IAAEc,WAAW;IAAEC;GAAgB,GAAGjB,cAAK,CAACkB,UAAU,CAACC,aAAa,CAAC;EACvE,MAAMC,aAAa,GAAGC,gBAAgB,EAAE;EACxC,MAAMC,aAAa,GAAG,CAACF,aAAa;;EAGpC,MAAMG,SAAS,GAAGH,aAAa,IAAIJ,WAAW;;EAG9ChB,cAAK,CAACM,SAAS,CAAC;IACZW,cAAc,CAACG,aAAa,CAAC;GAChC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnBpB,cAAK,CAACM,SAAS,CAAC;IACZ,MAAMkB,eAAe,GAAIC,KAAoB;MACzC,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;QACxBD,KAAK,CAACE,cAAc,EAAE;QACtBF,KAAK,CAACG,eAAe,EAAE;QACvBX,cAAc,CAAC,KAAK,CAAC;;KAE5B;IAED,IAAIK,aAAa,IAAIN,WAAW,EAAE;MAC9Ba,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEN,eAAe,CAAC;;IAGvD,OAAO;MACHK,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEP,eAAe,CAAC;KACzD;GACJ,EAAE,CAACF,aAAa,EAAEN,WAAW,CAAC,CAAC;EAEhC,MAAMgB,YAAY,GAAGV,aAAa,IAAIN,WAAW,KAAK,IAAI;EAE1D,MAAML,SAAS,GAAGsB,EAAE,CAChB,kDAAkD,EAClD;IACI,+EAA+E,EAAEX,aAAa;IAC9F,gCAAgC,EAAE,CAACU;GACtC,EACD9B,KAAK,CAACS,SAAS,CAClB;EAED,MAAMuB,aAAa,GAAG,MAAMjB,cAAc,CAACkB,IAAI,IAAI,CAACA,IAAI,CAAC;EACzD,MAAMC,OAAO,GAAG,OAAOtB,QAAQ,KAAK,UAAU,GAAGA,QAAQ,CAAC;IAAEM,aAAa;IAAEe,IAAI,EAAEnB,WAAW;IAAEkB;GAAe,CAAC,GAAGpB,QAAQ;EAEzH,IAAI,CAACsB,OAAO,EAAE;IACV,OAAO,IAAI;;EAGf,oBACIpC,yEACIA,sDAASe,UAAU;uBAAmBO,aAAa;mBAAe,CAACC,SAAS;IAAEZ,SAAS,EAAEA,SAAS;IAAER,GAAG,EAAEA;MACpGiC,OAAO,CACN,EACLJ,YAAY,gBAAGhC,6BAACD,eAAe;IAACsC,OAAO,EAAE,MAAMpB,cAAc,CAAC,KAAK;IAAK,GAAG,IAAI,CACjF;AAEX,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Layout/components/Top.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { LayoutContext } from './Context.js';
+
+const Top = props => {
+  const {
+    setSidebarOpen
+  } = React__default.useContext(LayoutContext);
+  const toggleSidebar = () => setSidebarOpen(open => !open);
+  return typeof props.children === 'function' ? props.children({
+    toggleSidebar
+  }) : props.children;
+};
+
+export { Top };
+//# sourceMappingURL=Top.js.map

package/dist/esm/packages/taco/src/components/Layout/components/Top.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Top.js","sources":["../../../../../../../../src/components/Layout/components/Top.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutContext } from './Context';\n\nexport type LayoutTopProps = {\n    children: React.ReactNode | React.ReactNode[] | (({ toggleSidebar }) => React.ReactNode | React.ReactNode[]);\n};\n\nexport const Top = (props: LayoutTopProps) => {\n    const { setSidebarOpen } = React.useContext(LayoutContext);\n    const toggleSidebar = () => setSidebarOpen(open => !open);\n\n    return typeof props.children === 'function' ? props.children({ toggleSidebar }) : props.children;\n};\n"],"names":["Top","props","setSidebarOpen","React","useContext","LayoutContext","toggleSidebar","open","children"],"mappings":";;;MAOaA,GAAG,GAAIC,KAAqB;EACrC,MAAM;IAAEC;GAAgB,GAAGC,cAAK,CAACC,UAAU,CAACC,aAAa,CAAC;EAC1D,MAAMC,aAAa,GAAG,MAAMJ,cAAc,CAACK,IAAI,IAAI,CAACA,IAAI,CAAC;EAEzD,OAAO,OAAON,KAAK,CAACO,QAAQ,KAAK,UAAU,GAAGP,KAAK,CAACO,QAAQ,CAAC;IAAEF;GAAe,CAAC,GAAGL,KAAK,CAACO,QAAQ;AACpG;;;;"}

package/dist/esm/packages/taco/src/components/Navigation2/Navigation2.js

@@ -0,0 +1,31 @@
+import React__default from 'react';
+import cn from 'classnames';
+import { Group } from './components/Group.js';
+import { Link } from './components/Link.js';
+export { getNavigationLinkClasses } from './components/Link.js';
+import { Section } from './components/Section.js';
+import { Content } from './components/Content.js';
+
+const Navigation2 = /*#__PURE__*/React__default.forwardRef(function Navigation2(props, ref) {
+  const {
+    children,
+    ...attributes
+  } = props;
+  const className = cn('mb-0 flex h-full flex-col gap-y-px overflow-auto pt-2 pb-0 w-full bg-grey-50', props.className);
+  return /*#__PURE__*/React__default.createElement("ul", Object.assign({}, attributes, {
+    className: className,
+    "data-taco": "navigation2",
+    ref: ref,
+    role: "menubar",
+    style: {
+      opacity: 0.999
+    }
+  }), children);
+});
+Navigation2.Group = Group;
+Navigation2.Link = Link;
+Navigation2.Section = Section;
+Navigation2.Content = Content;
+
+export { Navigation2 };
+//# sourceMappingURL=Navigation2.js.map

package/dist/esm/packages/taco/src/components/Navigation2/Navigation2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation2.js","sources":["../../../../../../../src/components/Navigation2/Navigation2.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Group } from './components/Group';\nimport { Link } from './components/Link';\nimport { Section } from './components/Section';\nimport { Content } from './components/Content';\n\nexport type Navigation2Props = React.HTMLAttributes<HTMLUListElement>;\n\nexport const Navigation2 = React.forwardRef<HTMLUListElement, Navigation2Props>(function Navigation2(props, ref) {\n    const { children, ...attributes } = props;\n    const className = cn('mb-0 flex h-full flex-col gap-y-px overflow-auto pt-2 pb-0 w-full bg-grey-50', props.className);\n\n    return (\n        <ul {...attributes} className={className} data-taco=\"navigation2\" ref={ref} role=\"menubar\" style={{ opacity: 0.999 }}>\n            {children}\n        </ul>\n    );\n}) as React.ForwardRefExoticComponent<Navigation2Props> & {\n    Group: typeof Group;\n    Link: typeof Link;\n    Section: typeof Section;\n    Content: typeof Content;\n};\n\nNavigation2.Group = Group;\nNavigation2.Link = Link;\nNavigation2.Section = Section;\nNavigation2.Content = Content;\n\nexport { getNavigationLinkClasses } from './components/Link';\n\nexport type { Navigation2ContentProps } from './components/Content';\nexport type { Navigation2GroupProps } from './components/Group';\nexport type { Navigation2LinkProps } from './components/Link';\nexport type { Navigation2SectionProps } from './components/Section';\n"],"names":["Navigation2","React","forwardRef","props","ref","children","attributes","className","cn","role","style","opacity","Group","Link","Section","Content"],"mappings":";;;;;;;;MASaA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASF,WAAW,CAACG,KAAK,EAAEC,GAAG;EAC3G,MAAM;IAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGH,KAAK;EACzC,MAAMI,SAAS,GAAGC,EAAE,CAAC,8EAA8E,EAAEL,KAAK,CAACI,SAAS,CAAC;EAErH,oBACIN,qDAAQK,UAAU;IAAEC,SAAS,EAAEA,SAAS;iBAAY,aAAa;IAACH,GAAG,EAAEA,GAAG;IAAEK,IAAI,EAAC,SAAS;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE;;MACxGN,QAAQ,CACR;AAEb,CAAC;AAODL,WAAW,CAACY,KAAK,GAAGA,KAAK;AACzBZ,WAAW,CAACa,IAAI,GAAGA,IAAI;AACvBb,WAAW,CAACc,OAAO,GAAGA,OAAO;AAC7Bd,WAAW,CAACe,OAAO,GAAGA,OAAO;;;;"}

package/dist/esm/packages/taco/src/components/Navigation2/components/Content.js

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import cn from 'classnames';
+
+const Content = /*#__PURE__*/React__default.forwardRef(function Navigation2(props, ref) {
+  const {
+    children,
+    ...attributes
+  } = props;
+  const className = cn('w-full overflow-auto p-3 mt-auto border-grey-200 flex-shrink-0 z-10 bg-grey-50', '[[data-taco="navigation2-link"]+&]:border-t-2 [[data-taco="navigation2-section"]+&]:border-t-2', props.className);
+  return /*#__PURE__*/React__default.createElement("li", Object.assign({}, attributes, {
+    className: className,
+    "data-taco": "navigation2-content",
+    ref: ref,
+    role: "none"
+  }), children);
+});
+
+export { Content };
+//# sourceMappingURL=Content.js.map

package/dist/esm/packages/taco/src/components/Navigation2/components/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sources":["../../../../../../../../src/components/Navigation2/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nexport type Navigation2ContentProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nexport const Content = React.forwardRef<HTMLLIElement, Navigation2ContentProps>(function Navigation2(props, ref) {\n    const { children, ...attributes } = props;\n    const className = cn(\n        'w-full overflow-auto p-3 mt-auto border-grey-200 flex-shrink-0 z-10 bg-grey-50',\n        '[[data-taco=\"navigation2-link\"]+&]:border-t-2 [[data-taco=\"navigation2-section\"]+&]:border-t-2',\n        props.className\n    );\n\n    return (\n        <li {...attributes} className={className} data-taco=\"navigation2-content\" ref={ref} role=\"none\">\n            {children}\n        </li>\n    );\n});\n"],"names":["Content","React","forwardRef","Navigation2","props","ref","children","attributes","className","cn","role"],"mappings":";;;MAKaA,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAyC,SAASC,WAAW,CAACC,KAAK,EAAEC,GAAG;EAC3G,MAAM;IAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGH,KAAK;EACzC,MAAMI,SAAS,GAAGC,EAAE,CAChB,gFAAgF,EAChF,gGAAgG,EAChGL,KAAK,CAACI,SAAS,CAClB;EAED,oBACIP,qDAAQM,UAAU;IAAEC,SAAS,EAAEA,SAAS;iBAAY,qBAAqB;IAACH,GAAG,EAAEA,GAAG;IAAEK,IAAI,EAAC;MACpFJ,QAAQ,CACR;AAEb,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Navigation2/components/Group.js

@@ -0,0 +1,46 @@
+import React__default from 'react';
+import cn from 'classnames';
+import { Icon } from '../../Icon/Icon.js';
+
+const Group = /*#__PURE__*/React__default.forwardRef(function Group(props, ref) {
+  const {
+    children,
+    defaultExpanded = false,
+    heading,
+    onClick,
+    ...attributes
+  } = props;
+  const [expanded, setExpanded] = React__default.useState(defaultExpanded);
+  const className = cn('flex w-full cursor-pointer items-center rounded px-3 font-bold text-left leading-8 hover:bg-black/[.06] focus-visible:yt-focus-dark', attributes.className);
+  const handleClick = event => {
+    setExpanded(!expanded);
+    if (onClick) {
+      onClick(event);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("li", {
+    role: "none",
+    className: "[[role=menubar]>&]:px-3"
+  }, /*#__PURE__*/React__default.createElement("button", Object.assign({}, attributes, {
+    "aria-haspopup": "menu",
+    "aria-expanded": expanded,
+    "data-taco": "navigation2-group",
+    className: className,
+    onClick: handleClick,
+    ref: ref,
+    role: "menuitem"
+  }), /*#__PURE__*/React__default.createElement(Icon, {
+    className: "-ml-2 !h-5 !w-5",
+    name: expanded ? 'chevron-down-solid' : 'chevron-right-solid'
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: "flex-grow truncate"
+  }, heading)), /*#__PURE__*/React__default.createElement("ul", {
+    className: cn('mb-0 flex flex-col gap-y-px pt-px', {
+      hidden: !expanded
+    }),
+    role: "menu"
+  }, children));
+});
+
+export { Group };
+//# sourceMappingURL=Group.js.map

package/dist/esm/packages/taco/src/components/Navigation2/components/Group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sources":["../../../../../../../../src/components/Navigation2/components/Group.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Icon } from '../../Icon/Icon';\n\nexport type Navigation2GroupProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    defaultExpanded?: boolean;\n    heading: string | JSX.Element;\n};\n\nexport const Group = React.forwardRef<HTMLButtonElement, Navigation2GroupProps>(function Group(props, ref) {\n    const { children, defaultExpanded = false, heading, onClick, ...attributes } = props;\n    const [expanded, setExpanded] = React.useState(defaultExpanded);\n    const className = cn(\n        'flex w-full cursor-pointer items-center rounded px-3 font-bold text-left leading-8 hover:bg-black/[.06] focus-visible:yt-focus-dark',\n        attributes.className\n    );\n\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setExpanded(!expanded);\n\n        if (onClick) {\n            onClick(event);\n        }\n    };\n\n    return (\n        <li role=\"none\" className=\"[[role=menubar]>&]:px-3\">\n            <button\n                {...attributes}\n                aria-haspopup=\"menu\"\n                aria-expanded={expanded}\n                data-taco=\"navigation2-group\"\n                className={className}\n                onClick={handleClick}\n                ref={ref}\n                role=\"menuitem\">\n                <Icon className=\"-ml-2 !h-5 !w-5\" name={expanded ? 'chevron-down-solid' : 'chevron-right-solid'} />\n                <span className=\"flex-grow truncate\">{heading}</span>\n            </button>\n            <ul className={cn('mb-0 flex flex-col gap-y-px pt-px', { hidden: !expanded })} role=\"menu\">\n                {children}\n            </ul>\n        </li>\n    );\n});\n"],"names":["Group","React","forwardRef","props","ref","children","defaultExpanded","heading","onClick","attributes","expanded","setExpanded","useState","className","cn","handleClick","event","role","Icon","name","hidden"],"mappings":";;;;MASaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAA2C,SAASF,KAAK,CAACG,KAAK,EAAEC,GAAG;EACrG,MAAM;IAAEC,QAAQ;IAAEC,eAAe,GAAG,KAAK;IAAEC,OAAO;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGN,KAAK;EACpF,MAAM,CAACO,QAAQ,EAAEC,WAAW,CAAC,GAAGV,cAAK,CAACW,QAAQ,CAACN,eAAe,CAAC;EAC/D,MAAMO,SAAS,GAAGC,EAAE,CAChB,qIAAqI,EACrIL,UAAU,CAACI,SAAS,CACvB;EAED,MAAME,WAAW,GAAIC,KAA0C;IAC3DL,WAAW,CAAC,CAACD,QAAQ,CAAC;IAEtB,IAAIF,OAAO,EAAE;MACTA,OAAO,CAACQ,KAAK,CAAC;;GAErB;EAED,oBACIf;IAAIgB,IAAI,EAAC,MAAM;IAACJ,SAAS,EAAC;kBACtBZ,yDACQQ,UAAU;qBACA,MAAM;qBACLC,QAAQ;iBACb,mBAAmB;IAC7BG,SAAS,EAAEA,SAAS;IACpBL,OAAO,EAAEO,WAAW;IACpBX,GAAG,EAAEA,GAAG;IACRa,IAAI,EAAC;mBACLhB,6BAACiB,IAAI;IAACL,SAAS,EAAC,iBAAiB;IAACM,IAAI,EAAET,QAAQ,GAAG,oBAAoB,GAAG;IAAyB,eACnGT;IAAMY,SAAS,EAAC;KAAsBN,OAAO,CAAQ,CAChD,eACTN;IAAIY,SAAS,EAAEC,EAAE,CAAC,mCAAmC,EAAE;MAAEM,MAAM,EAAE,CAACV;KAAU,CAAC;IAAEO,IAAI,EAAC;KAC/EZ,QAAQ,CACR,CACJ;AAEb,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Navigation2/components/Link.js

@@ -0,0 +1,71 @@
+import React__default from 'react';
+import cn from 'classnames';
+import { Icon } from '../../Icon/Icon.js';
+import { Badge } from '../../Badge/Badge.js';
+import { IconButton } from '../../IconButton/IconButton.js';
+import { useDropTarget } from '../../../utils/hooks/useDropTarget.js';
+
+const getNavigationLinkClasses = (isDraggedOver = false) => cn('group relative flex w-full items-center rounded leading-8 !text-black px-2 focus-visible:yt-focus-dark',
+// override styles for links that are children of collapsible menus
+'font-bold [[role=menu]>li>&]:font-normal [[role=menu]>li>&]:pl-5',
+// override styles to adjust icons included in menu links
+'[&_[data-taco="icon"]]:!h-5 [&_[data-taco="icon"]]:!w-5',
+// override styles to adjust badges included in menu links
+'[&>span_[data-taco="badge"]]:mr-2.5 [[role=menu]>li>&>span_[data-taco="badge"]]:mr-2', {
+  'hover:bg-black/[.06] aria-current-page:bg-blue-500/[.1]': !isDraggedOver,
+  '!bg-blue-500 !text-white [&>*]:!text-white': isDraggedOver
+});
+const Link = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
+  const {
+    active,
+    children,
+    icon,
+    menu,
+    onDrop,
+    total,
+    ...attributes
+  } = props;
+  const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);
+  const className = cn(getNavigationLinkClasses(isDraggedOver), attributes.className);
+  const listClassName = cn('[[role=menubar]>&]:px-3', {
+    '[&>*]:pointer-events-none': isDraggedOver
+  });
+  return /*#__PURE__*/React__default.createElement("li", Object.assign({}, dropTargetProps, {
+    className: listClassName,
+    "data-taco": "navigation2-link-item",
+    role: "none"
+  }), /*#__PURE__*/React__default.createElement("a", Object.assign({}, attributes, {
+    "aria-current": active ? 'page' : undefined,
+    className: className,
+    "data-taco": "navigation2-link",
+    ref: ref,
+    role: "menuitem",
+    tabIndex: 0
+  }), icon ? /*#__PURE__*/React__default.createElement(Icon, {
+    className: "mr-1.5 [[role=menu]>li>a>&]:mr-0.5 [[role=menu]>li>a>&]:-ml-1.5",
+    name: icon
+  }) : null, /*#__PURE__*/React__default.createElement("span", {
+    className: "flex flex-grow items-center truncate"
+  }, children), menu ? /*#__PURE__*/React__default.createElement(IconButton, {
+    appearance: "discrete",
+    icon: "more",
+    "aria-label": "More",
+    rounded: true,
+    className: cn('-mr-1.5 hidden flex-shrink-0 flex-grow-0 transition-none group-hover:flex aria-expanded:flex', {
+      'absolute right-0 !mr-0.5': total !== undefined
+    }),
+    menu: menu,
+    onClick: event => {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  }) : null, total !== undefined ? /*#__PURE__*/React__default.createElement(Badge, {
+    className: cn('flex-shrink-0 flex-grow-0 !font-normal', {
+      'group-hover:hidden [[aria-expanded="true"]+&]:hidden ': menu
+    }),
+    color: "transparent"
+  }, total) : null));
+});
+
+export { Link, getNavigationLinkClasses };
+//# sourceMappingURL=Link.js.map

package/dist/esm/packages/taco/src/components/Navigation2/components/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../../../../../../../../src/components/Navigation2/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { useDropTarget } from '../../../utils/hooks/useDropTarget';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { Badge } from '../../Badge/Badge';\nimport { MenuProps } from '../../Menu/Menu';\n\nexport const getNavigationLinkClasses = (isDraggedOver = false) =>\n    cn(\n        'group relative flex w-full items-center rounded leading-8 !text-black px-2 focus-visible:yt-focus-dark',\n        // override styles for links that are children of collapsible menus\n        'font-bold [[role=menu]>li>&]:font-normal [[role=menu]>li>&]:pl-5',\n        // override styles to adjust icons included in menu links\n        '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n        // override styles to adjust badges included in menu links\n        '[&>span_[data-taco=\"badge\"]]:mr-2.5 [[role=menu]>li>&>span_[data-taco=\"badge\"]]:mr-2',\n        {\n            'hover:bg-black/[.06] aria-current-page:bg-blue-500/[.1]': !isDraggedOver,\n            '!bg-blue-500 !text-white [&>*]:!text-white': isDraggedOver,\n        }\n    );\n\nexport type Navigation2LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    active?: boolean;\n    icon?: IconName;\n    /** Menu component associated with the button. */\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\n    /** Handler to be used when dropping a dragged element over the Navigation2 link */\n    onDrop?: React.DragEventHandler;\n    /** Total shown inside a Badge component */\n    total?: number;\n};\n\nexport const Link = React.forwardRef<HTMLAnchorElement, Navigation2LinkProps>(function Link(props, ref) {\n    const { active, children, icon, menu, onDrop, total, ...attributes } = props;\n    const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);\n\n    const className = cn(getNavigationLinkClasses(isDraggedOver), attributes.className);\n\n    const listClassName = cn('[[role=menubar]>&]:px-3', {\n        '[&>*]:pointer-events-none': isDraggedOver,\n    });\n\n    return (\n        <li {...dropTargetProps} className={listClassName} data-taco=\"navigation2-link-item\" role=\"none\">\n            <a\n                {...attributes}\n                aria-current={active ? 'page' : undefined}\n                className={className}\n                data-taco=\"navigation2-link\"\n                ref={ref}\n                role=\"menuitem\"\n                tabIndex={0}>\n                {icon ? <Icon className=\"mr-1.5 [[role=menu]>li>a>&]:mr-0.5 [[role=menu]>li>a>&]:-ml-1.5\" name={icon} /> : null}\n                <span className=\"flex flex-grow items-center truncate\">{children}</span>\n                {menu ? (\n                    <IconButton\n                        appearance=\"discrete\"\n                        icon=\"more\"\n                        aria-label=\"More\"\n                        rounded\n                        className={cn(\n                            '-mr-1.5 hidden flex-shrink-0 flex-grow-0 transition-none group-hover:flex aria-expanded:flex',\n                            {\n                                'absolute right-0 !mr-0.5': total !== undefined,\n                            }\n                        )}\n                        menu={menu}\n                        onClick={event => {\n                            event.preventDefault();\n                            event.stopPropagation();\n                        }}\n                    />\n                ) : null}\n                {total !== undefined ? (\n                    <Badge\n                        className={cn('flex-shrink-0 flex-grow-0 !font-normal', {\n                            'group-hover:hidden [[aria-expanded=\"true\"]+&]:hidden ': menu,\n                        })}\n                        color=\"transparent\">\n                        {total}\n                    </Badge>\n                ) : null}\n            </a>\n        </li>\n    );\n});\n"],"names":["getNavigationLinkClasses","isDraggedOver","cn","Link","React","forwardRef","props","ref","active","children","icon","menu","onDrop","total","attributes","dropTargetProps","useDropTarget","className","listClassName","role","undefined","tabIndex","Icon","name","IconButton","appearance","rounded","onClick","event","preventDefault","stopPropagation","Badge","color"],"mappings":";;;;;;;MAQaA,wBAAwB,GAAG,CAACC,aAAa,GAAG,KAAK,KAC1DC,EAAE,CACE,wGAAwG;AACxG;AACA,kEAAkE;AAClE;AACA,yDAAyD;AACzD;AACA,sFAAsF,EACtF;EACI,yDAAyD,EAAE,CAACD,aAAa;EACzE,4CAA4C,EAAEA;CACjD;MAcIE,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAA0C,SAASF,IAAI,CAACG,KAAK,EAAEC,GAAG;EAClG,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,IAAI;IAAEC,MAAM;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGR,KAAK;EAC5E,MAAM,CAACL,aAAa,EAAEc,eAAe,CAAC,GAAGC,aAAa,CAACJ,MAAM,CAAC;EAE9D,MAAMK,SAAS,GAAGf,EAAE,CAACF,wBAAwB,CAACC,aAAa,CAAC,EAAEa,UAAU,CAACG,SAAS,CAAC;EAEnF,MAAMC,aAAa,GAAGhB,EAAE,CAAC,yBAAyB,EAAE;IAChD,2BAA2B,EAAED;GAChC,CAAC;EAEF,oBACIG,qDAAQW,eAAe;IAAEE,SAAS,EAAEC,aAAa;iBAAY,uBAAuB;IAACC,IAAI,EAAC;mBACtFf,oDACQU,UAAU;oBACAN,MAAM,GAAG,MAAM,GAAGY,SAAS;IACzCH,SAAS,EAAEA,SAAS;iBACV,kBAAkB;IAC5BV,GAAG,EAAEA,GAAG;IACRY,IAAI,EAAC,UAAU;IACfE,QAAQ,EAAE;MACTX,IAAI,gBAAGN,6BAACkB,IAAI;IAACL,SAAS,EAAC,iEAAiE;IAACM,IAAI,EAAEb;IAAQ,GAAG,IAAI,eAC/GN;IAAMa,SAAS,EAAC;KAAwCR,QAAQ,CAAQ,EACvEE,IAAI,gBACDP,6BAACoB,UAAU;IACPC,UAAU,EAAC,UAAU;IACrBf,IAAI,EAAC,MAAM;kBACA,MAAM;IACjBgB,OAAO;IACPT,SAAS,EAAEf,EAAE,CACT,8FAA8F,EAC9F;MACI,0BAA0B,EAAEW,KAAK,KAAKO;KACzC,CACJ;IACDT,IAAI,EAAEA,IAAI;IACVgB,OAAO,EAAEC,KAAK;MACVA,KAAK,CAACC,cAAc,EAAE;MACtBD,KAAK,CAACE,eAAe,EAAE;;IAE7B,GACF,IAAI,EACPjB,KAAK,KAAKO,SAAS,gBAChBhB,6BAAC2B,KAAK;IACFd,SAAS,EAAEf,EAAE,CAAC,wCAAwC,EAAE;MACpD,uDAAuD,EAAES;KAC5D,CAAC;IACFqB,KAAK,EAAC;KACLnB,KAAK,CACF,GACR,IAAI,CACR,CACH;AAEb,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Navigation2/components/Section.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+import cn from 'classnames';
+
+const Section = /*#__PURE__*/React__default.forwardRef(function Navigation2(props, ref) {
+  const {
+    children,
+    heading,
+    ...attributes
+  } = props;
+  const className = cn('w-full overflow-auto px-3 py-2 -mt-3 border-grey-200 [[data-taco="navigation2-link-item"]+&]:mt-2 bg-grey-50', '[[data-taco="navigation2-link-item"]+&]:border-t-2 [[data-taco="navigation2-section"]+&]:border-t-2', '[[data-taco="navigation2-link-item"]+&]:pt-2 [[data-taco="navigation2-section"]+&]:pt-2', props.className);
+  return /*#__PURE__*/React__default.createElement("li", Object.assign({}, attributes, {
+    className: className,
+    "data-taco": "navigation2-section",
+    ref: ref,
+    role: "none"
+  }), heading ? /*#__PURE__*/React__default.createElement("span", {
+    className: "text-grey-500 mb-px truncate pl-5 text-xs font-bold uppercase leading-8 lg:hidden"
+  }, heading) : null, /*#__PURE__*/React__default.createElement("ul", {
+    className: "mb-0 flex flex-col gap-y-px"
+  }, children));
+});
+
+export { Section };
+//# sourceMappingURL=Section.js.map

package/dist/esm/packages/taco/src/components/Navigation2/components/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sources":["../../../../../../../../src/components/Navigation2/components/Section.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nexport type Navigation2SectionProps = React.LiHTMLAttributes<HTMLLIElement> & {\n    heading?: string;\n};\n\nexport const Section = React.forwardRef<HTMLLIElement, Navigation2SectionProps>(function Navigation2(props, ref) {\n    const { children, heading, ...attributes } = props;\n    const className = cn(\n        'w-full overflow-auto px-3 py-2 -mt-3 border-grey-200 [[data-taco=\"navigation2-link-item\"]+&]:mt-2 bg-grey-50',\n        '[[data-taco=\"navigation2-link-item\"]+&]:border-t-2 [[data-taco=\"navigation2-section\"]+&]:border-t-2',\n        '[[data-taco=\"navigation2-link-item\"]+&]:pt-2 [[data-taco=\"navigation2-section\"]+&]:pt-2',\n        props.className\n    );\n\n    return (\n        <li {...attributes} className={className} data-taco=\"navigation2-section\" ref={ref} role=\"none\">\n            {heading ? (\n                <span className=\"text-grey-500 mb-px truncate pl-5 text-xs font-bold uppercase leading-8 lg:hidden\">\n                    {heading}\n                </span>\n            ) : null}\n            <ul className=\"mb-0 flex flex-col gap-y-px\">{children}</ul>\n        </li>\n    );\n});\n"],"names":["Section","React","forwardRef","Navigation2","props","ref","children","heading","attributes","className","cn","role"],"mappings":";;;MAOaA,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAyC,SAASC,WAAW,CAACC,KAAK,EAAEC,GAAG;EAC3G,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAClD,MAAMK,SAAS,GAAGC,EAAE,CAChB,8GAA8G,EAC9G,qGAAqG,EACrG,yFAAyF,EACzFN,KAAK,CAACK,SAAS,CAClB;EAED,oBACIR,qDAAQO,UAAU;IAAEC,SAAS,EAAEA,SAAS;iBAAY,qBAAqB;IAACJ,GAAG,EAAEA,GAAG;IAAEM,IAAI,EAAC;MACpFJ,OAAO,gBACJN;IAAMQ,SAAS,EAAC;KACXF,OAAO,CACL,GACP,IAAI,eACRN;IAAIQ,SAAS,EAAC;KAA+BH,QAAQ,CAAM,CAC1D;AAEb,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Provider/Localization.js

@@ -1,6 +1,9 @@
 import { createContext, createElement, useContext } from 'react';
 
 const defaultLocalisationTexts = {
+  banner: {
+    close: 'Close'
+  },
   calendar: {
     months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
     weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
@@ -21,21 +24,25 @@ const defaultLocalisationTexts = {
     expand: 'Show calendar',
     shortcuts: 'Shortcuts'
   },
+  dialog: {
+    close: 'Close',
+    drag: 'Drag'
+  },
   hanger: {
     close: 'Close'
   },
-  banner: {
-    close: 'Close'
+  header: {
+    addAgreement: 'Add agreement',
+    logout: 'Log off',
+    more: 'More',
+    new: 'New',
+    search: 'Search for agreement...'
   },
   listbox: {
     loading: 'Loading results...',
     empty: 'No results found',
     allOption: 'All'
   },
-  dialog: {
-    close: 'Close',
-    drag: 'Drag'
-  },
   pagination: {
     label: 'Pagination',
     pageSize: 'Items per page',
@@ -146,6 +153,11 @@ const defaultLocalisationTexts = {
       collapseRow: 'Collapse current row'
     }
   },
+  searchInput: {
+    button: 'Search',
+    placeholder: 'Search...',
+    clear: 'Clear'
+  },
   select: {
     allOptionsSelected: 'All'
   },
@@ -170,11 +182,6 @@ const defaultLocalisationTexts = {
     last: 'Done',
     next: 'Next',
     open: 'Open'
-  },
-  searchInput: {
-    button: 'Search',
-    placeholder: 'Search...',
-    clear: 'Clear'
   }
 };
 const defaultLocalizationContext = {

package/dist/esm/packages/taco/src/components/Provider/Localization.js.map

@@ -1 +1 @@
-{"version":3,"file":"Localization.js","sources":["../../../../../../../src/components/Provider/Localization.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Locale } from '../../types';\nimport { CalendarTexts } from '../Calendar/Calendar';\nimport { ComboboxTexts } from '../Combobox/Combobox';\nimport { DialogTexts } from '../Dialog/Dialog';\nimport { PaginationTexts } from '../Pagination/Pagination';\nimport { ListboxTexts } from '../Listbox/Listbox';\nimport { ToastsTexts } from '../Toast/Toast';\nimport { DatepickerTexts } from '../Datepicker/Datepicker';\nimport { HangerTexts } from '../Hanger/Hanger';\nimport { SelectTexts } from '../Select/Select';\nimport { TourTexts } from '../Tour/Tour';\nimport { TableTexts } from '../Table/Table';\nimport { Table2Texts } from '../Table2/Table2';\nimport { SearchInputTexts } from '../SearchInput/SearchInput';\nimport { Select2Texts } from '../Select2/Select2';\nimport { BannerTexts } from '../Banner/Banner';\n\nexport type LocalizationTexts = {\n    /** Localized texts and aria-labels for [Calendar](component:calendar) component */\n    calendar: CalendarTexts;\n    /** Localized texts and aria-labels for [Combobox](component:combobox) component */\n    combobox: ComboboxTexts;\n    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */\n    datepicker: DatepickerTexts;\n    /** Localized texts and aria-labels for [Hanger](component:hanger) component */\n    hanger: HangerTexts;\n    /** Localized texts and aria-labels for [Banner](component:banner) component */\n    banner: BannerTexts;\n    /** Localized texts and aria-labels for [Listbox](component:listbox) component */\n    listbox: ListboxTexts;\n    /** Localized texts and aria-labels for [Dialog](component:dialog) component */\n    dialog: DialogTexts;\n    /** Localized texts and aria-labels for [Pagination](component:pagination) component */\n    pagination: PaginationTexts;\n    /** Localized texts and aria-labels for [Table](component:table) component */\n    table: TableTexts;\n    /** Localized texts and aria-labels for [Table2](component:table2) component */\n    table2: Table2Texts;\n    /** Localized texts and aria-labels for [Select](component:select) component */\n    select: SelectTexts;\n    /** Localized texts and aria-labels for [Select2](component:select2) component */\n    select2: Select2Texts;\n    /** Localized texts and aria-labels for [Toast](component:toast) component */\n    toasts: ToastsTexts;\n    /** Localized texts and aria-labels for [Tour](component:tour) component */\n    tour: TourTexts;\n    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */\n    searchInput: SearchInputTexts;\n};\n\nexport type Localization = {\n    /**\n     * Provide the language code used in application.\n     * Default value is `en-GB`\n     */\n    locale: Locale;\n    /** Provide the texts and aria-labels for components used within the provider */\n    texts: LocalizationTexts;\n    /** Provide the formatting */\n    formatting: {\n        /** Default value is `dd.mm.yy` */\n        date: string;\n    };\n};\n\nexport const defaultLocalisationTexts = {\n    calendar: {\n        months: [\n            'January',\n            'February',\n            'March',\n            'April',\n            'May',\n            'June',\n            'July',\n            'August',\n            'September',\n            'October',\n            'November',\n            'December',\n        ],\n        weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n        actions: {\n            previousMonth: 'Previous month',\n            nextMonth: 'Next month',\n            previousYear: 'Previous year',\n            nextYear: 'Next year',\n            today: 'Today',\n        },\n    },\n    combobox: {\n        tooltip: 'Search in list',\n    },\n    datepicker: {\n        calendar: 'Calendar',\n        clear: 'Clear',\n        expand: 'Show calendar',\n        shortcuts: 'Shortcuts',\n    },\n    hanger: {\n        close: 'Close',\n    },\n    banner: {\n        close: 'Close',\n    },\n    listbox: {\n        loading: 'Loading results...',\n        empty: 'No results found',\n        allOption: 'All',\n    },\n    dialog: {\n        close: 'Close',\n        drag: 'Drag',\n    },\n    pagination: {\n        label: 'Pagination',\n        pageSize: 'Items per page',\n        showingXofYofTotal: 'Showing [X] - [Y] of [total]',\n        actions: {\n            firstPage: 'Goto first page',\n            firstPageWithShortcut: 'Goto first page (Home)',\n            previousPage: 'Goto previous page',\n            previousPageWithShortcut: 'Goto previous page (Page Up)',\n            nextPage: 'Goto next page',\n            nextPageWithShortcut: 'Goto next page (Page Down)',\n            lastPage: 'Goto last page',\n            lastPageWithShortcut: 'Goto last page (End)',\n            pageX: 'Goto page [X]',\n        },\n    },\n    table: {\n        actions: 'Other actions',\n        edit: 'Edit (e)',\n        copy: 'Copy (c)',\n        del: 'Delete (del)',\n        newSubRow: 'New row (shift + n)',\n        loading: 'Loading...',\n    },\n    table2: {\n        columns: {\n            actions: {\n                tooltip: 'Other actions',\n            },\n            drag: {\n                tooltip: 'Drag row',\n            },\n            expansion: {\n                collapse: 'Collapse row',\n                collapseAll: 'Collapse all rows',\n                expand: 'Expand row',\n                expandAll: 'Expand all rows',\n            },\n            select: {\n                deselect: 'Deselect row',\n                deselectAll: 'Deselect all rows',\n                select: 'Select row',\n                selectAll: 'Select all rows',\n            },\n        },\n        columnSettings: {\n            columnsOther: 'Other columns',\n            columnsOtherDrop: 'Drop column here to unpin',\n            columnsPinned: 'Pinned columns',\n            columnsPinnedDrop: 'Drop column here to pin',\n            search: 'Search column...',\n            tooltip: 'Column settings',\n        },\n        editing: {\n            button: 'Edit',\n            tooltip: 'Edit',\n            tooltipDisabled: 'There are no visible columns that support editing',\n            rowIndicator: {\n                rowWillMove: 'Row will move due to sorting',\n                rowWillBeHidden: 'Row will hide due to filtering',\n                rowWillMoveReasonSearch:\n                    'Due to a search filter applied to this table, this row will be hidden as soon as you select another row',\n                rowWillMoveReasonFilter:\n                    \"Due to a filter applied to the column '[COLUMN]', this row will be hidden as soon as you select another row\",\n                rowWillMoveReasonSorting:\n                    \"Due to sorting applied to the column '[COLUMN]', this row will move position as soon as you select another row\",\n            },\n        },\n        filters: {\n            button: 'Filters',\n            buttons: {\n                addFilter: 'Add Filter',\n                clearFilters: 'Clear all filters',\n            },\n            comparators: {\n                contains: 'Contains',\n                doesNotContain: 'Does not contain',\n                isEqualTo: 'Is',\n                isNotEqualTo: 'Is not',\n                isGreaterThan: 'Is greater than',\n                isLessThan: 'Is less than',\n                isBetween: 'Is between',\n                isOneOf: 'Is one of',\n                isNoneOf: 'Is none of',\n                isAllOf: 'Is all of',\n                isEmpty: 'Is empty',\n                isNotEmpty: 'Is not empty',\n            },\n            tooltip: 'Apply filters',\n            total: 'Viewing [CURRENT] of [TOTAL]',\n        },\n        rowDensity: {\n            tooltip: 'Row density',\n        },\n        search: {\n            placeholder: 'Search...',\n        },\n        shortcuts: {\n            tooltip: 'View keyboard shortcuts',\n            search: 'Search',\n            filter: 'Filter',\n            previousRow: 'Previous row',\n            nextRow: 'Next row',\n            editCell: 'Edit cell',\n            previousColumn: 'Previous column',\n            nextColumn: 'Next column',\n            rowClick: 'Activate current row',\n            selectRow: 'Select current row',\n            selectAllRows: 'Select all rows',\n            expandRow: 'Expand current row',\n            collapseRow: 'Collapse current row',\n        },\n    },\n    select: {\n        allOptionsSelected: 'All',\n    },\n    select2: {\n        allSelect: 'Select all',\n        allDeselect: 'Deselect all',\n        cancel: 'Cancel',\n        chooseColor: 'Pick a color',\n        create: 'Create',\n        delete: 'Delete',\n        save: 'Save',\n        search: 'Search...',\n        searchOrCreate: 'Search or create...',\n    },\n    toasts: {\n        dismiss: 'Dismiss',\n    },\n    tour: {\n        back: 'Back',\n        close: 'Close',\n        skip: 'Close and complete',\n        last: 'Done',\n        next: 'Next',\n        open: 'Open',\n    },\n    searchInput: {\n        button: 'Search',\n        placeholder: 'Search...',\n        clear: 'Clear',\n    },\n};\n\nconst defaultLocalizationContext: Localization = {\n    locale: 'en-GB',\n    texts: defaultLocalisationTexts,\n    formatting: {\n        date: 'dd.mm.yy',\n    },\n};\n\nexport const LocalizationContext = React.createContext<Localization>(defaultLocalizationContext);\nexport interface LocalizationProviderProps {\n    children: React.ReactNode;\n    localization?: Localization;\n}\nexport const LocalizationProvider: React.FC<LocalizationProviderProps> = ({ localization, children }) => {\n    return (\n        <LocalizationContext.Provider value={localization ?? defaultLocalizationContext}>{children}</LocalizationContext.Provider>\n    );\n};\n\nexport const useLocalization = () => React.useContext(LocalizationContext);\n"],"names":["defaultLocalisationTexts","calendar","months","weekdaysShort","actions","previousMonth","nextMonth","previousYear","nextYear","today","combobox","tooltip","datepicker","clear","expand","shortcuts","hanger","close","banner","listbox","loading","empty","allOption","dialog","drag","pagination","label","pageSize","showingXofYofTotal","firstPage","firstPageWithShortcut","previousPage","previousPageWithShortcut","nextPage","nextPageWithShortcut","lastPage","lastPageWithShortcut","pageX","table","edit","copy","del","newSubRow","table2","columns","expansion","collapse","collapseAll","expandAll","select","deselect","deselectAll","selectAll","columnSettings","columnsOther","columnsOtherDrop","columnsPinned","columnsPinnedDrop","search","editing","button","tooltipDisabled","rowIndicator","rowWillMove","rowWillBeHidden","rowWillMoveReasonSearch","rowWillMoveReasonFilter","rowWillMoveReasonSorting","filters","buttons","addFilter","clearFilters","comparators","contains","doesNotContain","isEqualTo","isNotEqualTo","isGreaterThan","isLessThan","isBetween","isOneOf","isNoneOf","isAllOf","isEmpty","isNotEmpty","total","rowDensity","placeholder","filter","previousRow","nextRow","editCell","previousColumn","nextColumn","rowClick","selectRow","selectAllRows","expandRow","collapseRow","allOptionsSelected","select2","allSelect","allDeselect","cancel","chooseColor","create","delete","save","searchOrCreate","toasts","dismiss","tour","back","skip","last","next","open","searchInput","defaultLocalizationContext","locale","texts","formatting","date","LocalizationContext","React","LocalizationProvider","localization","children","Provider","value","useLocalization"],"mappings":"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"}
+{"version":3,"file":"Localization.js","sources":["../../../../../../../src/components/Provider/Localization.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Locale } from '../../types';\nimport { CalendarTexts } from '../Calendar/Calendar';\nimport { ComboboxTexts } from '../Combobox/Combobox';\nimport { DialogTexts } from '../Dialog/Dialog';\nimport { PaginationTexts } from '../Pagination/Pagination';\nimport { ListboxTexts } from '../Listbox/Listbox';\nimport { ToastsTexts } from '../Toast/Toast';\nimport { DatepickerTexts } from '../Datepicker/Datepicker';\nimport { HeaderTexts } from '../Header/Header';\nimport { HangerTexts } from '../Hanger/Hanger';\nimport { SelectTexts } from '../Select/Select';\nimport { TourTexts } from '../Tour/Tour';\nimport { TableTexts } from '../Table/Table';\nimport { Table2Texts } from '../Table2/Table2';\nimport { SearchInputTexts } from '../SearchInput/SearchInput';\nimport { Select2Texts } from '../Select2/Select2';\nimport { BannerTexts } from '../Banner/Banner';\n\nexport type LocalizationTexts = {\n    /** Localized texts and aria-labels for [Banner](component:banner) component */\n    banner: BannerTexts;\n    /** Localized texts and aria-labels for [Calendar](component:calendar) component */\n    calendar: CalendarTexts;\n    /** Localized texts and aria-labels for [Combobox](component:combobox) component */\n    combobox: ComboboxTexts;\n    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */\n    datepicker: DatepickerTexts;\n    /** Localized texts and aria-labels for [Dialog](component:dialog) component */\n    dialog: DialogTexts;\n    /** Localized texts and aria-labels for [Hanger](component:hanger) component */\n    hanger: HangerTexts;\n    /** Localized texts and aria-labels for [Header](component:header) component */\n    header: HeaderTexts;\n    /** Localized texts and aria-labels for [Listbox](component:listbox) component */\n    listbox: ListboxTexts;\n    /** Localized texts and aria-labels for [Pagination](component:pagination) component */\n    pagination: PaginationTexts;\n    /** Localized texts and aria-labels for [Table](component:table) component */\n    table: TableTexts;\n    /** Localized texts and aria-labels for [Table2](component:table2) component */\n    table2: Table2Texts;\n    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */\n    searchInput: SearchInputTexts;\n    /** Localized texts and aria-labels for [Select](component:select) component */\n    select: SelectTexts;\n    /** Localized texts and aria-labels for [Select2](component:select2) component */\n    select2: Select2Texts;\n    /** Localized texts and aria-labels for [Toast](component:toast) component */\n    toasts: ToastsTexts;\n    /** Localized texts and aria-labels for [Tour](component:tour) component */\n    tour: TourTexts;\n};\n\nexport type Localization = {\n    /**\n     * Provide the language code used in application.\n     * Default value is `en-GB`\n     */\n    locale: Locale;\n    /** Provide the texts and aria-labels for components used within the provider */\n    texts: LocalizationTexts;\n    /** Provide the formatting */\n    formatting: {\n        /** Default value is `dd.mm.yy` */\n        date: string;\n    };\n};\n\nexport const defaultLocalisationTexts = {\n    banner: {\n        close: 'Close',\n    },\n    calendar: {\n        months: [\n            'January',\n            'February',\n            'March',\n            'April',\n            'May',\n            'June',\n            'July',\n            'August',\n            'September',\n            'October',\n            'November',\n            'December',\n        ],\n        weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n        actions: {\n            previousMonth: 'Previous month',\n            nextMonth: 'Next month',\n            previousYear: 'Previous year',\n            nextYear: 'Next year',\n            today: 'Today',\n        },\n    },\n    combobox: {\n        tooltip: 'Search in list',\n    },\n    datepicker: {\n        calendar: 'Calendar',\n        clear: 'Clear',\n        expand: 'Show calendar',\n        shortcuts: 'Shortcuts',\n    },\n    dialog: {\n        close: 'Close',\n        drag: 'Drag',\n    },\n    hanger: {\n        close: 'Close',\n    },\n    header: {\n        addAgreement: 'Add agreement',\n        logout: 'Log off',\n        more: 'More',\n        new: 'New',\n        search: 'Search for agreement...',\n    },\n    listbox: {\n        loading: 'Loading results...',\n        empty: 'No results found',\n        allOption: 'All',\n    },\n    pagination: {\n        label: 'Pagination',\n        pageSize: 'Items per page',\n        showingXofYofTotal: 'Showing [X] - [Y] of [total]',\n        actions: {\n            firstPage: 'Goto first page',\n            firstPageWithShortcut: 'Goto first page (Home)',\n            previousPage: 'Goto previous page',\n            previousPageWithShortcut: 'Goto previous page (Page Up)',\n            nextPage: 'Goto next page',\n            nextPageWithShortcut: 'Goto next page (Page Down)',\n            lastPage: 'Goto last page',\n            lastPageWithShortcut: 'Goto last page (End)',\n            pageX: 'Goto page [X]',\n        },\n    },\n    table: {\n        actions: 'Other actions',\n        edit: 'Edit (e)',\n        copy: 'Copy (c)',\n        del: 'Delete (del)',\n        newSubRow: 'New row (shift + n)',\n        loading: 'Loading...',\n    },\n    table2: {\n        columns: {\n            actions: {\n                tooltip: 'Other actions',\n            },\n            drag: {\n                tooltip: 'Drag row',\n            },\n            expansion: {\n                collapse: 'Collapse row',\n                collapseAll: 'Collapse all rows',\n                expand: 'Expand row',\n                expandAll: 'Expand all rows',\n            },\n            select: {\n                deselect: 'Deselect row',\n                deselectAll: 'Deselect all rows',\n                select: 'Select row',\n                selectAll: 'Select all rows',\n            },\n        },\n        columnSettings: {\n            columnsOther: 'Other columns',\n            columnsOtherDrop: 'Drop column here to unpin',\n            columnsPinned: 'Pinned columns',\n            columnsPinnedDrop: 'Drop column here to pin',\n            search: 'Search column...',\n            tooltip: 'Column settings',\n        },\n        editing: {\n            button: 'Edit',\n            tooltip: 'Edit',\n            tooltipDisabled: 'There are no visible columns that support editing',\n            rowIndicator: {\n                rowWillMove: 'Row will move due to sorting',\n                rowWillBeHidden: 'Row will hide due to filtering',\n                rowWillMoveReasonSearch:\n                    'Due to a search filter applied to this table, this row will be hidden as soon as you select another row',\n                rowWillMoveReasonFilter:\n                    \"Due to a filter applied to the column '[COLUMN]', this row will be hidden as soon as you select another row\",\n                rowWillMoveReasonSorting:\n                    \"Due to sorting applied to the column '[COLUMN]', this row will move position as soon as you select another row\",\n            },\n        },\n        filters: {\n            button: 'Filters',\n            buttons: {\n                addFilter: 'Add Filter',\n                clearFilters: 'Clear all filters',\n            },\n            comparators: {\n                contains: 'Contains',\n                doesNotContain: 'Does not contain',\n                isEqualTo: 'Is',\n                isNotEqualTo: 'Is not',\n                isGreaterThan: 'Is greater than',\n                isLessThan: 'Is less than',\n                isBetween: 'Is between',\n                isOneOf: 'Is one of',\n                isNoneOf: 'Is none of',\n                isAllOf: 'Is all of',\n                isEmpty: 'Is empty',\n                isNotEmpty: 'Is not empty',\n            },\n            tooltip: 'Apply filters',\n            total: 'Viewing [CURRENT] of [TOTAL]',\n        },\n        rowDensity: {\n            tooltip: 'Row density',\n        },\n        search: {\n            placeholder: 'Search...',\n        },\n        shortcuts: {\n            tooltip: 'View keyboard shortcuts',\n            search: 'Search',\n            filter: 'Filter',\n            previousRow: 'Previous row',\n            nextRow: 'Next row',\n            editCell: 'Edit cell',\n            previousColumn: 'Previous column',\n            nextColumn: 'Next column',\n            rowClick: 'Activate current row',\n            selectRow: 'Select current row',\n            selectAllRows: 'Select all rows',\n            expandRow: 'Expand current row',\n            collapseRow: 'Collapse current row',\n        },\n    },\n    searchInput: {\n        button: 'Search',\n        placeholder: 'Search...',\n        clear: 'Clear',\n    },\n    select: {\n        allOptionsSelected: 'All',\n    },\n    select2: {\n        allSelect: 'Select all',\n        allDeselect: 'Deselect all',\n        cancel: 'Cancel',\n        chooseColor: 'Pick a color',\n        create: 'Create',\n        delete: 'Delete',\n        save: 'Save',\n        search: 'Search...',\n        searchOrCreate: 'Search or create...',\n    },\n    toasts: {\n        dismiss: 'Dismiss',\n    },\n    tour: {\n        back: 'Back',\n        close: 'Close',\n        skip: 'Close and complete',\n        last: 'Done',\n        next: 'Next',\n        open: 'Open',\n    },\n};\n\nconst defaultLocalizationContext: Localization = {\n    locale: 'en-GB',\n    texts: defaultLocalisationTexts,\n    formatting: {\n        date: 'dd.mm.yy',\n    },\n};\n\nexport const LocalizationContext = React.createContext<Localization>(defaultLocalizationContext);\nexport interface LocalizationProviderProps {\n    children: React.ReactNode;\n    localization?: Localization;\n}\nexport const LocalizationProvider: React.FC<LocalizationProviderProps> = ({ localization, children }) => {\n    return (\n        <LocalizationContext.Provider value={localization ?? defaultLocalizationContext}>{children}</LocalizationContext.Provider>\n    );\n};\n\nexport const useLocalization = () => React.useContext(LocalizationContext);\n"],"names":["defaultLocalisationTexts","banner","close","calendar","months","weekdaysShort","actions","previousMonth","nextMonth","previousYear","nextYear","today","combobox","tooltip","datepicker","clear","expand","shortcuts","dialog","drag","hanger","header","addAgreement","logout","more","new","search","listbox","loading","empty","allOption","pagination","label","pageSize","showingXofYofTotal","firstPage","firstPageWithShortcut","previousPage","previousPageWithShortcut","nextPage","nextPageWithShortcut","lastPage","lastPageWithShortcut","pageX","table","edit","copy","del","newSubRow","table2","columns","expansion","collapse","collapseAll","expandAll","select","deselect","deselectAll","selectAll","columnSettings","columnsOther","columnsOtherDrop","columnsPinned","columnsPinnedDrop","editing","button","tooltipDisabled","rowIndicator","rowWillMove","rowWillBeHidden","rowWillMoveReasonSearch","rowWillMoveReasonFilter","rowWillMoveReasonSorting","filters","buttons","addFilter","clearFilters","comparators","contains","doesNotContain","isEqualTo","isNotEqualTo","isGreaterThan","isLessThan","isBetween","isOneOf","isNoneOf","isAllOf","isEmpty","isNotEmpty","total","rowDensity","placeholder","filter","previousRow","nextRow","editCell","previousColumn","nextColumn","rowClick","selectRow","selectAllRows","expandRow","collapseRow","searchInput","allOptionsSelected","select2","allSelect","allDeselect","cancel","chooseColor","create","delete","save","searchOrCreate","toasts","dismiss","tour","back","skip","last","next","open","defaultLocalizationContext","locale","texts","formatting","date","LocalizationContext","React","LocalizationProvider","localization","children","Provider","value","useLocalization"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/SearchInput/SearchInput.js

@@ -22,12 +22,15 @@ const SearchInput = /*#__PURE__*/forwardRef(function SearchInput({
   };
   const handleKeyDown = event => {
     var _props$onKeyDown;
+    (_props$onKeyDown = props.onKeyDown) === null || _props$onKeyDown === void 0 ? void 0 : _props$onKeyDown.call(props, event);
+    if (event.isDefaultPrevented()) {
+      return;
+    }
     if (event.key === 'Enter') {
       event.preventDefault();
       handleClick();
       return;
     }
-    (_props$onKeyDown = props.onKeyDown) === null || _props$onKeyDown === void 0 ? void 0 : _props$onKeyDown.call(props, event);
   };
   return /*#__PURE__*/createElement(Input, Object.assign({
     "aria-label": texts.searchInput.placeholder,

package/dist/esm/packages/taco/src/components/SearchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sources":["../../../../../../../src/components/SearchInput/SearchInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Input, InputProps } from '../Input/Input';\nimport { useLocalization } from '../Provider/Localization';\nimport { IconButton } from '../IconButton/IconButton';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { setInputValueByRef } from '../../utils/input';\n\nexport type SearchInputTexts = {\n    button: string;\n    clear: string;\n    placeholder: string;\n};\n\nexport type SearchInputProps = Omit<InputProps, 'button' | 'icon' | 'prefix' | 'postfix'> & {\n    /** Current input value will be passed to the method. In order to get the value, the component must be controlled otherwise value will always be undefined */\n    onSearch?: (value: string | number | readonly string[] | undefined) => void;\n};\n\nexport const SearchInput = React.forwardRef(function SearchInput(\n    { onSearch, ...props }: SearchInputProps,\n    ref: React.Ref<HTMLInputElement>\n) {\n    const internalRef = useMergedRef<HTMLInputElement>(ref);\n    const { texts } = useLocalization();\n\n    const handleClick = (): void => {\n        onSearch?.(internalRef.current?.value ?? '');\n    };\n\n    const handleCancelClick = (): void => {\n        setInputValueByRef(internalRef.current, '');\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            handleClick();\n            return;\n        }\n\n        props.onKeyDown?.(event);\n    };\n\n    return (\n        <Input\n            aria-label={texts.searchInput.placeholder}\n            placeholder={texts.searchInput.placeholder}\n            {...props}\n            onKeyDown={handleKeyDown}\n            postfix={\n                <>\n                    {props.disabled || props.readOnly || !props.value ? null : (\n                        <IconButton\n                            aria-hidden\n                            className=\"group-peer-focus:visible group-peer-hover:visible !text-grey-700 invisible mr-0.5 !h-5 !min-h-[theme(spacing.4)] !w-5 !min-w-[theme(spacing.4)] text-xs hover:visible group-hover:visible\"\n                            icon=\"close\"\n                            onClick={handleCancelClick}\n                            rounded\n                            tabIndex={-1}\n                            tooltip={texts.searchInput.clear}\n                        />\n                    )}\n                    <IconButton\n                        aria-label={texts.searchInput.button}\n                        icon=\"search\"\n                        className=\"group-peer-focus:!border-transparent group-peer-focus:group-peer-active:!border-transparent -mr-2 !border-transparent !bg-transparent focus:!border-transparent\"\n                        disabled={props.disabled || props.readOnly}\n                        onClick={handleClick}\n                        tabIndex={-1}\n                        tooltip={texts.searchInput.button}\n                    />\n                </>\n            }\n            ref={internalRef}\n            type=\"search\"\n        />\n    );\n});\n"],"names":["SearchInput","React","onSearch","props","ref","internalRef","useMergedRef","texts","useLocalization","handleClick","current","value","handleCancelClick","setInputValueByRef","handleKeyDown","event","key","preventDefault","onKeyDown","Input","searchInput","placeholder","postfix","disabled","readOnly","IconButton","className","icon","onClick","rounded","tabIndex","tooltip","clear","button","type"],"mappings":";;;;;;;MAkBaA,WAAW,gBAAGC,UAAgB,CAAC,SAASD,WAAW,CAC5D;EAAEE,QAAQ;EAAE,GAAGC;CAAyB,EACxCC,GAAgC;EAEhC,MAAMC,WAAW,GAAGC,YAAY,CAAmBF,GAAG,CAAC;EACvD,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EAEnC,MAAMC,WAAW,GAAG;;IAChBP,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,kDAAGG,WAAW,CAACK,OAAO,yDAAnB,qBAAqBC,KAAK,yEAAI,EAAE,CAAC;GAC/C;EAED,MAAMC,iBAAiB,GAAG;IACtBC,kBAAkB,CAACR,WAAW,CAACK,OAAO,EAAE,EAAE,CAAC;GAC9C;EAED,MAAMI,aAAa,GAAIC,KAA4C;;IAC/D,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,EAAE;MACvBD,KAAK,CAACE,cAAc,EAAE;MACtBR,WAAW,EAAE;MACb;;IAGJ,oBAAAN,KAAK,CAACe,SAAS,qDAAf,sBAAAf,KAAK,EAAaY,KAAK,CAAC;GAC3B;EAED,oBACId,cAACkB,KAAK;kBACUZ,KAAK,CAACa,WAAW,CAACC,WAAW;IACzCA,WAAW,EAAEd,KAAK,CAACa,WAAW,CAACC;KAC3BlB,KAAK;IACTe,SAAS,EAAEJ,aAAa;IACxBQ,OAAO,eACHrB,8BACKE,KAAK,CAACoB,QAAQ,IAAIpB,KAAK,CAACqB,QAAQ,IAAI,CAACrB,KAAK,CAACQ,KAAK,GAAG,IAAI,gBACpDV,cAACwB,UAAU;;MAEPC,SAAS,EAAC,2LAA2L;MACrMC,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEhB,iBAAiB;MAC1BiB,OAAO;MACPC,QAAQ,EAAE,CAAC,CAAC;MACZC,OAAO,EAAExB,KAAK,CAACa,WAAW,CAACY;MAElC,eACD/B,cAACwB,UAAU;oBACKlB,KAAK,CAACa,WAAW,CAACa,MAAM;MACpCN,IAAI,EAAC,QAAQ;MACbD,SAAS,EAAC,iKAAiK;MAC3KH,QAAQ,EAAEpB,KAAK,CAACoB,QAAQ,IAAIpB,KAAK,CAACqB,QAAQ;MAC1CI,OAAO,EAAEnB,WAAW;MACpBqB,QAAQ,EAAE,CAAC,CAAC;MACZC,OAAO,EAAExB,KAAK,CAACa,WAAW,CAACa;MAC7B,CACH;IAEP7B,GAAG,EAAEC,WAAW;IAChB6B,IAAI,EAAC;KACP;AAEV,CAAC;;;;"}
+{"version":3,"file":"SearchInput.js","sources":["../../../../../../../src/components/SearchInput/SearchInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Input, InputProps } from '../Input/Input';\nimport { useLocalization } from '../Provider/Localization';\nimport { IconButton } from '../IconButton/IconButton';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { setInputValueByRef } from '../../utils/input';\n\nexport type SearchInputTexts = {\n    button: string;\n    clear: string;\n    placeholder: string;\n};\n\nexport type SearchInputProps = Omit<InputProps, 'button' | 'icon' | 'prefix' | 'postfix'> & {\n    /** Current input value will be passed to the method. In order to get the value, the component must be controlled otherwise value will always be undefined */\n    onSearch?: (value: string | number | readonly string[] | undefined) => void;\n};\n\nexport const SearchInput = React.forwardRef(function SearchInput(\n    { onSearch, ...props }: SearchInputProps,\n    ref: React.Ref<HTMLInputElement>\n) {\n    const internalRef = useMergedRef<HTMLInputElement>(ref);\n    const { texts } = useLocalization();\n\n    const handleClick = (): void => {\n        onSearch?.(internalRef.current?.value ?? '');\n    };\n\n    const handleCancelClick = (): void => {\n        setInputValueByRef(internalRef.current, '');\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        props.onKeyDown?.(event);\n\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            handleClick();\n            return;\n        }\n    };\n\n    return (\n        <Input\n            aria-label={texts.searchInput.placeholder}\n            placeholder={texts.searchInput.placeholder}\n            {...props}\n            onKeyDown={handleKeyDown}\n            postfix={\n                <>\n                    {props.disabled || props.readOnly || !props.value ? null : (\n                        <IconButton\n                            aria-hidden\n                            className=\"group-peer-focus:visible group-peer-hover:visible !text-grey-700 invisible mr-0.5 !h-5 !min-h-[theme(spacing.4)] !w-5 !min-w-[theme(spacing.4)] text-xs hover:visible group-hover:visible\"\n                            icon=\"close\"\n                            onClick={handleCancelClick}\n                            rounded\n                            tabIndex={-1}\n                            tooltip={texts.searchInput.clear}\n                        />\n                    )}\n                    <IconButton\n                        aria-label={texts.searchInput.button}\n                        icon=\"search\"\n                        className=\"group-peer-focus:!border-transparent group-peer-focus:group-peer-active:!border-transparent -mr-2 !border-transparent !bg-transparent focus:!border-transparent\"\n                        disabled={props.disabled || props.readOnly}\n                        onClick={handleClick}\n                        tabIndex={-1}\n                        tooltip={texts.searchInput.button}\n                    />\n                </>\n            }\n            ref={internalRef}\n            type=\"search\"\n        />\n    );\n});\n"],"names":["SearchInput","React","onSearch","props","ref","internalRef","useMergedRef","texts","useLocalization","handleClick","current","value","handleCancelClick","setInputValueByRef","handleKeyDown","event","onKeyDown","isDefaultPrevented","key","preventDefault","Input","searchInput","placeholder","postfix","disabled","readOnly","IconButton","className","icon","onClick","rounded","tabIndex","tooltip","clear","button","type"],"mappings":";;;;;;;MAkBaA,WAAW,gBAAGC,UAAgB,CAAC,SAASD,WAAW,CAC5D;EAAEE,QAAQ;EAAE,GAAGC;CAAyB,EACxCC,GAAgC;EAEhC,MAAMC,WAAW,GAAGC,YAAY,CAAmBF,GAAG,CAAC;EACvD,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EAEnC,MAAMC,WAAW,GAAG;;IAChBP,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,kDAAGG,WAAW,CAACK,OAAO,yDAAnB,qBAAqBC,KAAK,yEAAI,EAAE,CAAC;GAC/C;EAED,MAAMC,iBAAiB,GAAG;IACtBC,kBAAkB,CAACR,WAAW,CAACK,OAAO,EAAE,EAAE,CAAC;GAC9C;EAED,MAAMI,aAAa,GAAIC,KAA4C;;IAC/D,oBAAAZ,KAAK,CAACa,SAAS,qDAAf,sBAAAb,KAAK,EAAaY,KAAK,CAAC;IAExB,IAAIA,KAAK,CAACE,kBAAkB,EAAE,EAAE;MAC5B;;IAGJ,IAAIF,KAAK,CAACG,GAAG,KAAK,OAAO,EAAE;MACvBH,KAAK,CAACI,cAAc,EAAE;MACtBV,WAAW,EAAE;MACb;;GAEP;EAED,oBACIR,cAACmB,KAAK;kBACUb,KAAK,CAACc,WAAW,CAACC,WAAW;IACzCA,WAAW,EAAEf,KAAK,CAACc,WAAW,CAACC;KAC3BnB,KAAK;IACTa,SAAS,EAAEF,aAAa;IACxBS,OAAO,eACHtB,8BACKE,KAAK,CAACqB,QAAQ,IAAIrB,KAAK,CAACsB,QAAQ,IAAI,CAACtB,KAAK,CAACQ,KAAK,GAAG,IAAI,gBACpDV,cAACyB,UAAU;;MAEPC,SAAS,EAAC,2LAA2L;MACrMC,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEjB,iBAAiB;MAC1BkB,OAAO;MACPC,QAAQ,EAAE,CAAC,CAAC;MACZC,OAAO,EAAEzB,KAAK,CAACc,WAAW,CAACY;MAElC,eACDhC,cAACyB,UAAU;oBACKnB,KAAK,CAACc,WAAW,CAACa,MAAM;MACpCN,IAAI,EAAC,QAAQ;MACbD,SAAS,EAAC,iKAAiK;MAC3KH,QAAQ,EAAErB,KAAK,CAACqB,QAAQ,IAAIrB,KAAK,CAACsB,QAAQ;MAC1CI,OAAO,EAAEpB,WAAW;MACpBsB,QAAQ,EAAE,CAAC,CAAC;MACZC,OAAO,EAAEzB,KAAK,CAACc,WAAW,CAACa;MAC7B,CACH;IAEP9B,GAAG,EAAEC,WAAW;IAChB8B,IAAI,EAAC;KACP;AAEV,CAAC;;;;"}

package/dist/esm/packages/taco/src/hooks/useBoundaryOverflowDetection.js

@@ -1,14 +1,16 @@
 import React__default from 'react';
+import { useBoundingClientRectListener } from './useBoundingClientRectListener.js';
 import { getIndexOfFirstChildOverflowingParent } from '../utils/dom.js';
 
 const useBoundaryOverflowDetection = (ref, dependencies = []) => {
   const [boundaryIndex, setBoundaryIndex] = React__default.useState();
+  const dimensions = useBoundingClientRectListener(ref, dependencies);
   React__default.useEffect(() => {
     if (ref.current) {
       const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);
       setBoundaryIndex(boundaryChildIndex);
     }
-  }, [ref, ...dependencies]);
+  }, [ref, dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, ...dependencies]);
   return boundaryIndex;
 };
 

package/dist/esm/packages/taco/src/hooks/useBoundaryOverflowDetection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBoundaryOverflowDetection.js","sources":["../../../../../../src/hooks/useBoundaryOverflowDetection.ts"],"sourcesContent":["import React from 'react';\nimport { getIndexOfFirstChildOverflowingParent } from '../utils/dom';\n\nexport const useBoundaryOverflowDetection = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies: any[] = []\n): number | null | undefined => {\n    const [boundaryIndex, setBoundaryIndex] = React.useState<number | null>();\n\n    React.useEffect(() => {\n        if (ref.current) {\n            const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);\n            setBoundaryIndex(boundaryChildIndex);\n        }\n    }, [ref, ...dependencies]);\n\n    return boundaryIndex;\n};\n"],"names":["useBoundaryOverflowDetection","ref","dependencies","boundaryIndex","setBoundaryIndex","React","useState","useEffect","current","boundaryChildIndex","getIndexOfFirstChildOverflowingParent"],"mappings":";;;MAGaA,4BAA4B,GAAG,CACxCC,GAAiC,EACjCC,eAAsB,EAAE;EAExB,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,cAAK,CAACC,QAAQ,EAAiB;EAEzED,cAAK,CAACE,SAAS,CAAC;IACZ,IAAIN,GAAG,CAACO,OAAO,EAAE;MACb,MAAMC,kBAAkB,GAAGC,qCAAqC,CAACT,GAAG,CAACO,OAAO,CAAC;MAC7EJ,gBAAgB,CAACK,kBAAkB,CAAC;;GAE3C,EAAE,CAACR,GAAG,EAAE,GAAGC,YAAY,CAAC,CAAC;EAE1B,OAAOC,aAAa;AACxB;;;;"}
+{"version":3,"file":"useBoundaryOverflowDetection.js","sources":["../../../../../../src/hooks/useBoundaryOverflowDetection.ts"],"sourcesContent":["import React from 'react';\nimport { getIndexOfFirstChildOverflowingParent } from '../utils/dom';\nimport { useBoundingClientRectListener } from './useBoundingClientRectListener';\n\nexport const useBoundaryOverflowDetection = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies: any[] = []\n): number | null | undefined => {\n    const [boundaryIndex, setBoundaryIndex] = React.useState<number | null>();\n    const dimensions = useBoundingClientRectListener(ref, dependencies);\n\n    React.useEffect(() => {\n        if (ref.current) {\n            const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);\n            setBoundaryIndex(boundaryChildIndex);\n        }\n    }, [ref, dimensions?.width, ...dependencies]);\n\n    return boundaryIndex;\n};\n"],"names":["useBoundaryOverflowDetection","ref","dependencies","boundaryIndex","setBoundaryIndex","React","useState","dimensions","useBoundingClientRectListener","useEffect","current","boundaryChildIndex","getIndexOfFirstChildOverflowingParent","width"],"mappings":";;;;MAIaA,4BAA4B,GAAG,CACxCC,GAAiC,EACjCC,eAAsB,EAAE;EAExB,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,cAAK,CAACC,QAAQ,EAAiB;EACzE,MAAMC,UAAU,GAAGC,6BAA6B,CAACP,GAAG,EAAEC,YAAY,CAAC;EAEnEG,cAAK,CAACI,SAAS,CAAC;IACZ,IAAIR,GAAG,CAACS,OAAO,EAAE;MACb,MAAMC,kBAAkB,GAAGC,qCAAqC,CAACX,GAAG,CAACS,OAAO,CAAC;MAC7EN,gBAAgB,CAACO,kBAAkB,CAAC;;GAE3C,EAAE,CAACV,GAAG,EAAEM,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEM,KAAK,EAAE,GAAGX,YAAY,CAAC,CAAC;EAE7C,OAAOC,aAAa;AACxB;;;;"}