@economic/taco 2.55.0-settings.3 → 2.55.0-settings.5

package/dist/taco.css

@@ -1,190 +1,184 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-    *,
-    *::before,
-    *::after {
-        box-sizing: border-box;
-    }
-
-    html {
-        @apply font-display h-screen;
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-    }
-
-    body {
-        @apply h-screen bg-white text-sm leading-5 text-black;
-    }
-
-    blockquote,
-    dl,
-    dd,
-    hr,
-    figure,
-    p,
-    pre,
-    ol,
-    ul,
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        max-width: 100ch;
-    }
-
-    blockquote,
-    dl,
-    dd,
-    hr,
-    figure,
-    p,
-    pre,
-    ol,
-    ul {
-        @apply mb-10;
-    }
-
-    ol ol,
-    ul ul,
-    ol ul,
-    ul ol {
-        @apply mb-0;
-    }
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+html {
+    @apply font-display h-screen;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+}
+
+body {
+    @apply h-screen bg-white text-sm leading-5 text-black;
+}
+
+blockquote,
+dl,
+dd,
+hr,
+figure,
+p,
+pre,
+ol,
+ul,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    max-width: 100ch;
+}
+
+blockquote,
+dl,
+dd,
+hr,
+figure,
+p,
+pre,
+ol,
+ul {
+    @apply mb-10;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+    @apply mb-0;
+}
 
-    ul.list-disc,
-    ul.list-decimal,
-    ul.list-circle,
-    ol.list-disc,
-    ol.list-decimal,
-    ol.list-circle {
-        @apply pl-4;
-    }
+ul.list-disc,
+ul.list-decimal,
+ul.list-circle,
+ol.list-disc,
+ol.list-decimal,
+ol.list-circle {
+    @apply pl-4;
+}
 
-    dt {
-        @apply font-bold;
-    }
+dt {
+    @apply font-bold;
+}
 
-    blockquote {
-        @apply pl-8;
-    }
+blockquote {
+    @apply pl-8;
+}
 
-    hr {
-        @apply bg-grey-300 my-5 flex h-px border-none;
-    }
+hr {
+    @apply bg-grey-300 my-5 flex h-px border-none;
+}
 
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        @apply font-normal;
-    }
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    @apply font-normal;
+}
 
-    h1 {
-        @apply mb-5 text-3xl;
-    }
+h1 {
+    @apply mb-5 text-3xl;
+}
 
-    h2 {
-        @apply mb-2 text-2xl;
-    }
+h2 {
+    @apply mb-2 text-2xl;
+}
 
-    h3 {
-        @apply mb-2 text-xl;
-    }
+h3 {
+    @apply mb-2 text-xl;
+}
 
-    h4 {
-        @apply mb-1 text-base font-bold;
-    }
+h4 {
+    @apply mb-1 text-base font-bold;
+}
 
-    h5 {
-        @apply mb-1 text-sm font-bold;
-    }
+h5 {
+    @apply mb-1 text-sm font-bold;
+}
 
-    h6 {
-        @apply mb-1 text-xs font-bold;
-    }
+h6 {
+    @apply mb-1 text-xs font-bold;
+}
 
-    b,
-    strong {
-        @apply font-bold;
-    }
+b,
+strong {
+    @apply font-bold;
+}
 
-    a {
-        @apply text-blue-500 no-underline;
-    }
+a {
+    @apply text-blue-500 no-underline;
+}
 
-    a:hover,
-    a:focus {
-        @apply text-blue-300;
-    }
+a:hover,
+a:focus {
+    @apply text-blue-300;
+}
 
-    a:active {
-        @apply text-blue-700;
-    }
+a:active {
+    @apply text-blue-700;
+}
 
-    button::-moz-focus-inner {
-        @apply border-none;
-    }
+button::-moz-focus-inner {
+    @apply border-none;
+}
 
-    input[type='search']::-webkit-search-decoration,
-    input[type='search']::-webkit-search-cancel-button,
-    input[type='search']::-webkit-search-results-button,
-    input[type='search']::-webkit-search-results-decoration {
-        @apply block cursor-pointer;
-    }
+input[type='search']::-webkit-search-decoration,
+input[type='search']::-webkit-search-cancel-button,
+input[type='search']::-webkit-search-results-button,
+input[type='search']::-webkit-search-results-decoration {
+    @apply block cursor-pointer;
+}
 
-    input[type='search']::-webkit-search-cancel-button {
-        -webkit-appearance: none;
-    }
+input[type='search']::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+}
 
-    table.yt-table {
-        @apply focus:yt-focus flex flex-col focus:rounded-sm;
-    }
-    table.yt-table thead.yt-table__head tr.yt-table__row {
-        @apply border-grey-100 flex h-auto min-h-[2.5rem] w-full select-none border-b-2 border-t-0 font-bold;
-    }
+table.yt-table {
+    @apply focus:yt-focus flex flex-col focus:rounded-sm;
+}
+table.yt-table thead.yt-table__head tr.yt-table__row {
+    @apply border-grey-100 flex h-auto min-h-[2.5rem] w-full select-none border-b-2 border-t-0 font-bold;
+}
 
-    table.yt-table thead.yt-table__head tr.yt-table__row th.yt-table__cell {
-        @apply text-grey-700 flex flex-1 justify-center truncate p-2 text-center align-middle hover:text-black;
-    }
+table.yt-table thead.yt-table__head tr.yt-table__row th.yt-table__cell {
+    @apply text-grey-700 flex flex-1 justify-center truncate p-2 text-center align-middle hover:text-black;
+}
 
-    table.yt-table tbody.yt-table__body tr.yt-table__row {
-        @apply border-grey-100 hover:bg-grey-100 flex min-h-[2.5rem] border-b;
-    }
+table.yt-table tbody.yt-table__body tr.yt-table__row {
+    @apply border-grey-100 hover:bg-grey-100 flex min-h-[2.5rem] border-b;
+}
 
-    table.yt-table tbody.yt-table__body tr.yt-table__row td.yt-table__cell {
-        @apply flex-1 truncate p-2 text-center align-middle;
-    }
+table.yt-table tbody.yt-table__body tr.yt-table__row td.yt-table__cell {
+    @apply flex-1 truncate p-2 text-center align-middle;
+}
 
-    [aria-hidden] > [data-taco='hanger'] {
-        @apply invisible;
-    }
+[aria-hidden] > [data-taco='hanger'] {
+    @apply invisible;
+}
 
-    /* 
+/*
      * While the dialog is open, all elements are aria-hidden except for the dialog content. This ensures that the
      * print document contains only the dialog content.
      */
-    [aria-hidden='true'] {
-        @apply print:!hidden;
-    }
+[aria-hidden='true'] {
+    @apply print:!hidden;
+}
 
-    .wcag-transparent {
-        @apply bg-black/[0.08] text-black;
-    }
+.wcag-transparent {
+    @apply bg-black/[0.08] text-black;
+}
 
-    @keyframes fade-in {
-        from {
-            @apply opacity-0;
-        }
-        to {
-            @apply opacity-100;
-        }
+@keyframes fade-in {
+    from {
+        @apply opacity-0;
+    }
+    to {
+        @apply opacity-100;
     }
 }
 .recharts-cartesian-axis line,

package/dist/taco.d.ts

@@ -2150,22 +2150,22 @@ declare type MenuButtonProps = {
     onClick: () => void;
 };
 
-declare type MenuCheckboxItemProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
+export declare type MenuCheckboxItemProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
     disabled?: boolean;
     checked: boolean;
     onChange: (checked: boolean | 'indeterminate') => void;
 };
 
-declare type MenuContentProps = Omit<DropdownMenuPrimitive.DropdownMenuContentProps, 'children' | 'side'> & {
+export declare type MenuContentProps = Omit<DropdownMenuPrimitive.DropdownMenuContentProps, 'children' | 'side'> & {
     align?: Align;
     children: React_2.ReactNode;
     /** Set the position of the Menu relative to its trigger. Default value is `bottom` */
     placement?: Placement;
 };
 
-declare type MenuHeaderProps = React_2.HTMLAttributes<HTMLDivElement>;
+export declare type MenuHeaderProps = React_2.HTMLAttributes<HTMLDivElement>;
 
-declare type MenuItemProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
+export declare type MenuItemProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
     dialog?: (props: Partial<DialogProps>) => JSX.Element;
     disabled?: boolean;
     icon?: IconName;
@@ -2175,7 +2175,7 @@ declare type MenuItemProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSel
     subMenu?: any;
 };
 
-declare type MenuLinkItemProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
+export declare type MenuLinkItemProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
     disabled?: boolean;
     icon?: IconName;
     href: string;
@@ -2198,13 +2198,13 @@ declare type MenuRadioGroupItemProps = RadioGroupItemProps<HTMLDivElement>;
 
 declare type MenuRadioGroupProps = RadioGroupProps;
 
-declare type MenuSeparatorProps = React_2.HTMLAttributes<HTMLDivElement>;
+export declare type MenuSeparatorProps = React_2.HTMLAttributes<HTMLDivElement>;
 
-declare type MenuSubMenuProps = Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps, 'children' | 'side'> & {
+export declare type MenuSubMenuProps = Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps, 'children' | 'side'> & {
     children: React_2.ReactNode;
 };
 
-declare type MenuTriggerProps = Omit<React_2.HTMLAttributes<HTMLButtonElement>, 'children'> & {
+export declare type MenuTriggerProps = Omit<React_2.HTMLAttributes<HTMLButtonElement>, 'children'> & {
     children: React_2.ReactElement;
 };
 
@@ -3510,9 +3510,9 @@ export declare type TabTriggerProps = React_2.HTMLAttributes<HTMLButtonElement>
     tooltip?: string | JSX.Element;
 };
 
-declare type TacoSettingsLoadHandler = <TType = unknown>(key: string) => Promise<TType>;
+export declare type TacoSettingsLoadHandler = <TType = unknown>(key: string) => Promise<TType>;
 
-declare type TacoSettingsSaveHandler = <TType = unknown>(key: string, setting: TType) => Promise<void>;
+export declare type TacoSettingsSaveHandler = <TType = unknown>(key: string, setting: TType) => Promise<void>;
 
 export declare const Tag: default_2.ForwardRefExoticComponent<Omit<default_2.HTMLAttributes<HTMLSpanElement>, "children"> & {
     children: string;
@@ -3734,6 +3734,13 @@ export declare type TreeviewItemProps = default_2.LinkHTMLAttributes<HTMLAnchorE
 
 export declare type TreeviewProps = default_2.HTMLAttributes<HTMLDivElement>;
 
+export declare const Truncate: ({ children, tooltip }: TruncateProps) => default_2.JSX.Element;
+
+export declare type TruncateProps = {
+    children: default_2.ReactElement;
+    tooltip: string;
+};
+
 export declare interface UncontrolledCheckboxProps extends CheckboxBaseProps {
     checked?: never;
     onChange?: never;

package/dist/taco.js

@@ -12972,23 +12972,24 @@ const filterData = (data, value = "") => {
 };
 const debouncer = debounce$1((f2) => f2(), 200);
 const convertToInputValue = (value) => String(value ?? "");
-const useCombobox = ({
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  data: unfilteredData = [],
-  defaultValue: defaultValue2,
-  disabled,
-  id: nativeId,
-  inline,
-  loading: __,
-  onChange,
-  onClick,
-  onKeyDown,
-  onSearch,
-  readOnly,
-  value,
-  ...props
-}, ref) => {
+const useCombobox = (props, ref) => {
+  const {
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    data: unfilteredData = [],
+    defaultValue: defaultValue2,
+    disabled,
+    id: nativeId,
+    inline,
+    loading: __,
+    onChange,
+    onClick,
+    onKeyDown,
+    onSearch,
+    readOnly,
+    value,
+    ...otherProps
+  } = props;
   const inputRef = useMergedRef(ref);
   const buttonRef = React.useRef(null);
   const listRef = React.useRef(null);
@@ -13173,13 +13174,14 @@ const useCombobox = ({
     role: "combobox"
   };
   const input = {
-    ...props,
+    ...otherProps,
     "aria-controls": listId,
     // Indicates that the autocomplete behavior of the text input is to suggest a list of possible values in a popup and that the suggestions
     // are related to the string that is present in the textbox
     "aria-autocomplete": "list",
     // Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the input element
     "aria-activedescendant": currentIndex !== void 0 && data[currentIndex] ? getId(listId, String(data[currentIndex].value)) : void 0,
+    "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     disabled,
     onBlur: !disabled && !readOnly ? handleInputBlur : void 0,
@@ -89744,6 +89746,7 @@ export {
   Tour,
   TourStep,
   Treeview,
+  Truncate,
   VisuallyHidden,
   WindowedTable,
   convertRowIndexPathToNumberArray,