@algolia/satellite 1.0.0-beta.145 → 1.0.0-beta.146

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/cjs/AutoComplete/AutoComplete.tailwind.d.ts +1 -1
  2. package/cjs/Button/Button.tailwind.d.ts +1 -1
  3. package/cjs/Card/Card.tailwind.d.ts +1 -1
  4. package/cjs/Checkbox/Checkbox.tailwind.d.ts +1 -1
  5. package/cjs/DatePicker/DatePicker.tailwind.d.ts +2 -2
  6. package/cjs/DatePicker/components/Calendar.js +2 -7
  7. package/cjs/DatePicker/types.d.ts +3 -7
  8. package/cjs/DatePicker/utils.d.ts +1 -8
  9. package/cjs/DatePicker/utils.js +1 -28
  10. package/cjs/Dropdown/components/DropdownLinkItem.d.ts +1 -0
  11. package/cjs/EmptyState/EmptyState.tailwind.d.ts +1 -1
  12. package/cjs/Flag/Flag.tailwind.d.ts +1 -1
  13. package/cjs/FlexGrid/FlexGrid.tailwind.d.ts +1 -1
  14. package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts +1 -1
  15. package/cjs/Input/Input.tailwind.d.ts +1 -1
  16. package/cjs/InstantSearch/InstantSearch.tailwind.d.ts +1 -1
  17. package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +1 -1
  18. package/cjs/Link/BaseLink.d.ts +6 -2
  19. package/cjs/Link/ButtonLink.d.ts +3 -1
  20. package/cjs/Link/IconButtonLink.d.ts +3 -1
  21. package/cjs/Link/Link.d.ts +2 -0
  22. package/cjs/Medallion/Medallion.tailwind.d.ts +1 -1
  23. package/cjs/Modal/Modal.tailwind.d.ts +1 -1
  24. package/cjs/ProgressBar/ProgressBar.tailwind.d.ts +1 -1
  25. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts +1 -1
  26. package/cjs/RadioGroup/RadioButton.tailwind.d.ts +1 -1
  27. package/cjs/RangeSlider/RangeSlider.tailwind.d.ts +1 -1
  28. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts +1 -1
  29. package/cjs/Select/Select.tailwind.d.ts +1 -1
  30. package/cjs/Sidebar/SidebarButtonLink.d.ts +7 -1
  31. package/cjs/Sidebar/SidebarButtonLink.js +15 -19
  32. package/cjs/Sidebar/SidebarLink.d.ts +2 -1
  33. package/cjs/Switch/Switch.tailwind.d.ts +1 -1
  34. package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +1 -1
  35. package/cjs/Tables/Table/Table.tailwind.d.ts +1 -1
  36. package/cjs/Tabs/Tabs.tailwind.d.ts +1 -1
  37. package/cjs/Tag/Tag.tailwind.d.ts +1 -1
  38. package/cjs/TextArea/TextArea.tailwind.d.ts +1 -1
  39. package/cjs/Toggle/Toggle.tailwind.d.ts +1 -1
  40. package/cjs/Tooltip/Tooltip.tailwind.d.ts +1 -1
  41. package/cjs/Typography/Typography.tailwind.d.ts +1 -1
  42. package/cjs/UserContent/UserContent.tailwind.d.ts +1 -1
  43. package/cjs/styles/base.tailwind.d.ts +1 -1
  44. package/cjs/styles/helpers/prefixTailwindClassName.js +10 -10
  45. package/cjs/utilities/utilities.tailwind.d.ts +1 -1
  46. package/esm/AutoComplete/AutoComplete.tailwind.d.ts +1 -1
  47. package/esm/Button/Button.tailwind.d.ts +1 -1
  48. package/esm/Card/Card.tailwind.d.ts +1 -1
  49. package/esm/Checkbox/Checkbox.tailwind.d.ts +1 -1
  50. package/esm/DatePicker/DatePicker.tailwind.d.ts +2 -2
  51. package/esm/DatePicker/components/Calendar.js +2 -6
  52. package/esm/DatePicker/types.d.ts +3 -7
  53. package/esm/DatePicker/utils.d.ts +1 -8
  54. package/esm/DatePicker/utils.js +1 -19
  55. package/esm/Dropdown/components/DropdownLinkItem.d.ts +1 -0
  56. package/esm/EmptyState/EmptyState.tailwind.d.ts +1 -1
  57. package/esm/Flag/Flag.tailwind.d.ts +1 -1
  58. package/esm/FlexGrid/FlexGrid.tailwind.d.ts +1 -1
  59. package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts +1 -1
  60. package/esm/Input/Input.tailwind.d.ts +1 -1
  61. package/esm/InstantSearch/InstantSearch.tailwind.d.ts +1 -1
  62. package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +1 -1
  63. package/esm/Link/BaseLink.d.ts +6 -2
  64. package/esm/Link/ButtonLink.d.ts +3 -1
  65. package/esm/Link/IconButtonLink.d.ts +3 -1
  66. package/esm/Link/Link.d.ts +2 -0
  67. package/esm/Medallion/Medallion.tailwind.d.ts +1 -1
  68. package/esm/Modal/Modal.tailwind.d.ts +1 -1
  69. package/esm/ProgressBar/ProgressBar.tailwind.d.ts +1 -1
  70. package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts +1 -1
  71. package/esm/RadioGroup/RadioButton.tailwind.d.ts +1 -1
  72. package/esm/RangeSlider/RangeSlider.tailwind.d.ts +1 -1
  73. package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts +1 -1
  74. package/esm/Select/Select.tailwind.d.ts +1 -1
  75. package/esm/Sidebar/SidebarButtonLink.d.ts +7 -1
  76. package/esm/Sidebar/SidebarButtonLink.js +15 -18
  77. package/esm/Sidebar/SidebarLink.d.ts +2 -1
  78. package/esm/Switch/Switch.tailwind.d.ts +1 -1
  79. package/esm/Tables/DataTable/DataTable.tailwind.d.ts +1 -1
  80. package/esm/Tables/Table/Table.tailwind.d.ts +1 -1
  81. package/esm/Tabs/Tabs.tailwind.d.ts +1 -1
  82. package/esm/Tag/Tag.tailwind.d.ts +1 -1
  83. package/esm/TextArea/TextArea.tailwind.d.ts +1 -1
  84. package/esm/Toggle/Toggle.tailwind.d.ts +1 -1
  85. package/esm/Tooltip/Tooltip.tailwind.d.ts +1 -1
  86. package/esm/Typography/Typography.tailwind.d.ts +1 -1
  87. package/esm/UserContent/UserContent.tailwind.d.ts +1 -1
  88. package/esm/styles/base.tailwind.d.ts +1 -1
  89. package/esm/styles/helpers/prefixTailwindClassName.js +10 -10
  90. package/esm/utilities/utilities.tailwind.d.ts +1 -1
  91. package/package.json +2 -2
  92. package/satellite.min.css +1 -1
@@ -1,5 +1,5 @@
1
1
  export = autoCompletePlugin;
2
2
  declare const autoCompletePlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = buttonPlugin;
2
2
  declare const buttonPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = cardPlugin;
2
2
  declare const cardPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = checkboxPlugin;
2
2
  declare const checkboxPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = datePickerPlugin;
2
2
  declare const datePickerPlugin: {
3
- handler: import("tailwindcss/types/config").PluginCreator; /** @type {string} */
4
- config?: import("tailwindcss").Config | undefined;
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -13,8 +13,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
13
13
 
14
14
  var _reactDayPicker = require("react-day-picker");
15
15
 
16
- var _utils = require("../utils");
17
-
18
16
  var _NavBar = _interopRequireDefault(require("./NavBar"));
19
17
 
20
18
  var _jsxRuntime = require("react/jsx-runtime");
@@ -48,14 +46,11 @@ var Calendar = function Calendar(props) {
48
46
  //stl`bg-grey-600 text-white rounded-l border-0`,
49
47
  displayedRangesEnd: "rdp-day_displayedRangesEnd" //stl`bg-grey-600 text-white rounded-r border-0`,
50
48
 
51
- }; // This could be expanded further to incorporate expanding the number system as well as the text:
52
- // https://react-day-picker.js.org/basics/localization#adopting-other-numbering-systems
53
-
54
- var dateFnsLocale = (0, _utils.getDateFnsLocale)(props.locale.code);
49
+ };
55
50
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDayPicker.DayPicker, _objectSpread(_objectSpread({
56
51
  mode: props.mode
57
52
  }, curatedProps), {}, {
58
- locale: dateFnsLocale,
53
+ locale: props.locale.formatter,
59
54
  dir: props.locale.rtl ? "rtl" : "ltr",
60
55
  modifiersClassNames: modifierClassNames,
61
56
  showOutsideDays: false,
@@ -1,12 +1,8 @@
1
- import type * as Locales from "date-fns/locale";
1
+ import type { Locale as DateFnsLocale } from "date-fns";
2
2
  import type { ModalProps } from "./components/Modal";
3
3
  export declare type DatePickerLocale = {
4
- /**
5
- * code is the date-fns ISO 639-1 language code to look up @link https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
6
- * for rendering the actual calendar component in the correct language. This has no effect on the custom translations
7
- * listed below. (i.e. `openButton`, `apply`, etc.)
8
- */
9
- code?: keyof typeof Locales;
4
+ /** The date-fns locale object used to localize dates. Defaults to* `en-US`. */
5
+ formatter?: DateFnsLocale;
10
6
  /** rtl should be used optionally in conjunction with supported language codes, such as `rtl: true` when code is `arSA` */
11
7
  rtl?: boolean;
12
8
  /**
@@ -1,10 +1,3 @@
1
- import type { Locale } from "date-fns";
2
1
  import type { DatePickerLocale } from "./types";
3
2
  export declare const formatDate: (date: Date | number) => string;
4
- export declare const DEFAULT_DATE_PICKER_LOCALE: Required<DatePickerLocale>;
5
- /**
6
- * Looks up a date-fns locale. This falls back to `en`
7
- * @param locale the ISO 639-1 language code to look up @link https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
8
- * @returns date-fns locale.
9
- */
10
- export declare function getDateFnsLocale(locale?: string): Locale;
3
+ export declare const DEFAULT_DATE_PICKER_LOCALE: Required<Omit<DatePickerLocale, "formatter">>;
@@ -2,29 +2,19 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
 
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.formatDate = exports.DEFAULT_DATE_PICKER_LOCALE = void 0;
11
- exports.getDateFnsLocale = getDateFnsLocale;
12
9
 
13
10
  var _format = _interopRequireDefault(require("date-fns/format"));
14
11
 
15
- var Locales = _interopRequireWildcard(require("date-fns/locale"));
16
-
17
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
-
19
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
20
-
21
12
  var formatDate = function formatDate(date) {
22
13
  return (0, _format["default"])(date, "MMM do, yyyy");
23
14
  };
24
15
 
25
16
  exports.formatDate = formatDate;
26
17
  var DEFAULT_DATE_PICKER_LOCALE = {
27
- code: "enUS",
28
18
  rtl: false,
29
19
  apply: "Apply",
30
20
  cancel: "Cancel",
@@ -32,21 +22,4 @@ var DEFAULT_DATE_PICKER_LOCALE = {
32
22
  previousMonth: "Previous month",
33
23
  nextMonth: "Next month"
34
24
  };
35
- /**
36
- * Looks up a date-fns locale. This falls back to `en`
37
- * @param locale the ISO 639-1 language code to look up @link https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
38
- * @returns date-fns locale.
39
- */
40
-
41
- exports.DEFAULT_DATE_PICKER_LOCALE = DEFAULT_DATE_PICKER_LOCALE;
42
-
43
- function getDateFnsLocale(locale) {
44
- var _allLocales$locale;
45
-
46
- if (!locale) {
47
- return Locales.enUS;
48
- }
49
-
50
- var allLocales = Locales;
51
- return (_allLocales$locale = allLocales[locale]) !== null && _allLocales$locale !== void 0 ? _allLocales$locale : Locales.enUS;
52
- }
25
+ exports.DEFAULT_DATE_PICKER_LOCALE = DEFAULT_DATE_PICKER_LOCALE;
@@ -2,6 +2,7 @@
2
2
  import type { IconComponentType } from "../../types";
3
3
  import { DropdownBaseItemProps } from "../useDropdownItemProps";
4
4
  export declare type DropdownLinkItemProps = DropdownBaseItemProps<HTMLAnchorElement> & JSX.IntrinsicElements["a"] & {
5
+ href: string;
5
6
  /** Left aligned icon */
6
7
  startIcon?: IconComponentType;
7
8
  };
@@ -1,5 +1,5 @@
1
1
  export = emptyStatePlugin;
2
2
  declare const emptyStatePlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = flagPlugin;
2
2
  declare const flagPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -4,5 +4,5 @@ export = flexGridPlugin;
4
4
  **/
5
5
  declare const flexGridPlugin: {
6
6
  handler: import("tailwindcss/types/config").PluginCreator;
7
- config?: import("tailwindcss").Config | undefined;
7
+ config?: Partial<import("tailwindcss").Config> | undefined;
8
8
  };
@@ -1,5 +1,5 @@
1
1
  export = helpUnderlinePlugin;
2
2
  declare const helpUnderlinePlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = inputPlugin;
2
2
  declare const inputPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  declare const _exports: {
2
2
  handler: import("tailwindcss/types/config").PluginCreator;
3
- config?: import("tailwindcss").Config | undefined;
3
+ config?: Partial<import("tailwindcss").Config> | undefined;
4
4
  };
5
5
  export = _exports;
@@ -1,5 +1,5 @@
1
1
  export = keyboardKeyPlugin;
2
2
  declare const keyboardKeyPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,4 +1,8 @@
1
1
  import type { AnchorHTMLAttributes } from "react";
2
- export declare type BaseLinkProps = AnchorHTMLAttributes<HTMLAnchorElement>;
3
- export declare const BaseLink: import("react").ForwardRefExoticComponent<BaseLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
2
+ export declare type BaseLinkProps = {
3
+ href: string;
4
+ } & AnchorHTMLAttributes<HTMLAnchorElement>;
5
+ export declare const BaseLink: import("react").ForwardRefExoticComponent<{
6
+ href: string;
7
+ } & AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
4
8
  export default BaseLink;
@@ -1,5 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import type { ButtonBaseProps, ExtractProps } from "../Button/types";
3
- export declare type ButtonLinkProps = ButtonBaseProps & ExtractProps<"a">;
3
+ export declare type ButtonLinkProps = ButtonBaseProps & ExtractProps<"a"> & {
4
+ href: string;
5
+ };
4
6
  export declare const ButtonLink: ({ endIcon: EndIcon, href, onClick, ...props }: ButtonLinkProps) => JSX.Element;
5
7
  export default ButtonLink;
@@ -1,6 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  import { IconButtonBaseProps } from "../Button/IconButton";
3
3
  import type { ExtractProps } from "../Button/types";
4
- export declare type IconButtonLinkProps = IconButtonBaseProps & ExtractProps<"a">;
4
+ export declare type IconButtonLinkProps = IconButtonBaseProps & ExtractProps<"a"> & {
5
+ href: string;
6
+ };
5
7
  export declare const IconButtonLink: ({ href, onClick, ...props }: IconButtonLinkProps) => JSX.Element;
6
8
  export default IconButtonLink;
@@ -1,10 +1,12 @@
1
1
  import type { AnchorHTMLAttributes } from "react";
2
2
  import type { IconComponentType } from "../types";
3
3
  export declare type LinkProps = {
4
+ href: string;
4
5
  startIcon?: IconComponentType;
5
6
  endIcon?: IconComponentType;
6
7
  } & AnchorHTMLAttributes<HTMLAnchorElement>;
7
8
  export declare const Link: import("react").ForwardRefExoticComponent<{
9
+ href: string;
8
10
  startIcon?: IconComponentType | undefined;
9
11
  endIcon?: IconComponentType | undefined;
10
12
  } & AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
@@ -1,5 +1,5 @@
1
1
  export = medallionPlugin;
2
2
  declare const medallionPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = modalPlugin;
2
2
  declare const modalPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = progressBarPlugin;
2
2
  declare const progressBarPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = progressSpinnerPlugin;
2
2
  declare const progressSpinnerPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = radioButtonPlugin;
2
2
  declare const radioButtonPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = rangeSliderPlugin;
2
2
  declare const rangeSliderPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = scrollIndicatorPlugin;
2
2
  declare const scrollIndicatorPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = selectPlugin;
2
2
  declare const selectPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -8,7 +8,13 @@ export interface SidebarButtonLinkProps {
8
8
  id?: string;
9
9
  icon: SidebarButtonLinkIcon;
10
10
  href: string;
11
- children: ReactNode;
12
11
  onClick?: MouseEventHandler<HTMLAnchorElement>;
12
+ disabled?: boolean;
13
+ /**
14
+ * Alternative content for the tooltip.
15
+ * @default children
16
+ */
17
+ tooltipContent?: ReactNode;
18
+ children: ReactNode;
13
19
  }
14
20
  export declare const SidebarButtonLink: FC<SidebarButtonLinkProps>;
@@ -15,8 +15,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
15
15
 
16
16
  var _react = require("react");
17
17
 
18
- var _Link = require("../Link");
19
-
20
18
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
21
19
 
22
20
  var _Tooltip = require("../Tooltip");
@@ -34,7 +32,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
34
32
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
35
33
 
36
34
  var Tooltip = function Tooltip(_ref) {
37
- var title = _ref.title,
35
+ var content = _ref.content,
38
36
  children = _ref.children;
39
37
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.TooltipWrapper, {
40
38
  placement: "right",
@@ -46,40 +44,38 @@ var Tooltip = function Tooltip(_ref) {
46
44
  offset: [0, 32]
47
45
  }
48
46
  }],
49
- content: title,
47
+ content: content,
50
48
  wrapperClassName: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["block"]))),
51
49
  interactive: false,
52
50
  children: children
53
51
  });
54
52
  };
55
53
 
56
- var SidebarButtonLink = function SidebarButtonLink(_ref2) {
57
- var id = _ref2.id,
58
- icon = _ref2.icon,
59
- href = _ref2.href,
60
- children = _ref2.children,
61
- onClick = _ref2.onClick;
54
+ var SidebarButtonLink = function SidebarButtonLink(props) {
55
+ var id = props.id,
56
+ icon = props.icon,
57
+ href = props.href,
58
+ disabled = props.disabled,
59
+ children = props.children;
62
60
 
63
61
  var _useSidebarContext = (0, _SidebarContext.useSidebarContext)(),
64
62
  isLinkActive = _useSidebarContext.isLinkActive,
65
63
  collapsed = _useSidebarContext.collapsed;
66
64
 
67
- var linkProps = (0, _useLinkProps["default"])({
68
- href: href,
69
- onClick: onClick
70
- });
65
+ var linkProps = (0, _useLinkProps["default"])(props);
71
66
 
72
67
  var _useState = (0, _react.useState)(false),
73
68
  _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
74
69
  isInteractedWith = _useState2[0],
75
70
  setIsInteractedWith = _useState2[1];
76
71
 
77
- var isActive = isLinkActive(href);
78
- var showColors = isActive || isInteractedWith;
72
+ var isActive = !disabled && isLinkActive(href);
73
+ var showColors = !disabled && (isActive || isInteractedWith);
79
74
  var Icon = "active" in icon ? showColors ? icon.active : icon.inactive : icon;
75
+ var tooltipContent = "tooltipContent" in props ? props.tooltipContent : children;
80
76
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, {
81
- title: collapsed ? children : null,
82
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Link.BaseLink, _objectSpread(_objectSpread({}, linkProps), {}, {
77
+ content: collapsed ? tooltipContent : null,
78
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread({}, linkProps), {}, {
83
79
  id: id,
84
80
  onMouseEnter: function onMouseEnter() {
85
81
  return setIsInteractedWith(true);
@@ -93,7 +89,7 @@ var SidebarButtonLink = function SidebarButtonLink(_ref2) {
93
89
  onBlur: function onBlur() {
94
90
  return setIsInteractedWith(false);
95
91
  },
96
- className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n h-8 min-w-8 w-full rounded\n flex items-center space-x-3\n border border-transparent\n display-body hover:no-underline\n focus:outline-none focus:border-grey-500\n ", "\n ", "\n ", "\n "])), isActive ? "shadow-z100" : "hover:border-grey-200", isActive && "bg-gradient-to-b from-white to-grey-50", collapsed ? "pl-2" : "px-2"),
92
+ className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n h-8 min-w-8 w-full rounded\n flex items-center space-x-3\n border border-transparent\n display-body\n hover:no-underline focus:no-underline\n ", "\n ", "\n ", "\n ", "\n "])), disabled ? "cursor-not-allowed opacity-70" : "focus:border-grey-500", isActive ? "shadow-z100" : !disabled && "hover:border-grey-200", isActive && "bg-gradient-to-b from-white to-grey-50", collapsed ? "pl-2" : "px-2"),
97
93
  "aria-current": isActive,
98
94
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
99
95
  className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["", " ml-[-3px]"])), showColors ? "text-accent-600" : "text-grey-400"),
@@ -2,7 +2,8 @@ import type { FC, ReactNode } from "react";
2
2
  import type { IconComponentType } from "../types";
3
3
  export declare type SidebarLinkProps = {
4
4
  icon: IconComponentType;
5
+ href: string;
5
6
  disabled?: boolean;
6
7
  children: ReactNode;
7
- } & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "id" | "className" | "href" | "target" | "rel" | "aria-label" | "onClick">;
8
+ } & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "id" | "className" | "target" | "rel" | "aria-label" | "onClick">;
8
9
  export declare const SidebarLink: FC<SidebarLinkProps>;
@@ -1,5 +1,5 @@
1
1
  export = switchPlugin;
2
2
  declare const switchPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = datatablePlugin;
2
2
  declare const datatablePlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = tablePlugin;
2
2
  declare const tablePlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = tabsPlugin;
2
2
  declare const tabsPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = tagPlugin;
2
2
  declare const tagPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = textAreaPlugin;
2
2
  declare const textAreaPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = togglePlugin;
2
2
  declare const togglePlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = tooltipPlugin;
2
2
  declare const tooltipPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = typographyPlugin;
2
2
  declare const typographyPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  declare const _exports: {
2
2
  handler: import("tailwindcss/types/config").PluginCreator;
3
- config?: import("tailwindcss").Config | undefined;
3
+ config?: Partial<import("tailwindcss").Config> | undefined;
4
4
  };
5
5
  export = _exports;
@@ -1,5 +1,5 @@
1
1
  export = basePlugin;
2
2
  declare const basePlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -8,21 +8,21 @@
8
8
  * @param {string} classname
9
9
  */
10
10
  function prefixTailwindClassName(tailwindPrefix, classname) {
11
- var modifiers = "";
12
- var arbitraryValueIndex = classname.indexOf("-[");
13
- var classNameSafeZone = arbitraryValueIndex === -1 ? classname : classname.slice(0, arbitraryValueIndex);
14
- var prefixInsertIndex = classNameSafeZone.lastIndexOf("!");
11
+ var searchZone = classname.replace(/-\[[^\]]+\]$/, ""); // important marker
12
+
13
+ var prefixInsertIndex = searchZone.lastIndexOf("!"); // modifier separator
15
14
 
16
15
  if (prefixInsertIndex === -1) {
17
- prefixInsertIndex = classNameSafeZone.lastIndexOf(":");
18
- }
16
+ prefixInsertIndex = searchZone.lastIndexOf(":");
17
+ } // container marker
19
18
 
20
- if (prefixInsertIndex !== -1) {
21
- modifiers = classname.slice(0, prefixInsertIndex + 1);
22
- classname = classname.slice(prefixInsertIndex + 1);
19
+
20
+ if (prefixInsertIndex === -1) {
21
+ prefixInsertIndex = searchZone.lastIndexOf("@");
23
22
  }
24
23
 
25
- return "".concat(modifiers).concat(tailwindPrefix).concat(classname);
24
+ prefixInsertIndex += 1;
25
+ return classname.slice(0, prefixInsertIndex) + tailwindPrefix + classname.slice(prefixInsertIndex);
26
26
  }
27
27
 
28
28
  module.exports = prefixTailwindClassName;
@@ -1,5 +1,5 @@
1
1
  declare const _exports: {
2
2
  handler: import("tailwindcss/types/config").PluginCreator;
3
- config?: import("tailwindcss").Config | undefined;
3
+ config?: Partial<import("tailwindcss").Config> | undefined;
4
4
  };
5
5
  export = _exports;
@@ -1,5 +1,5 @@
1
1
  export = autoCompletePlugin;
2
2
  declare const autoCompletePlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = buttonPlugin;
2
2
  declare const buttonPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = cardPlugin;
2
2
  declare const cardPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = checkboxPlugin;
2
2
  declare const checkboxPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: import("tailwindcss").Config | undefined;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  export = datePickerPlugin;
2
2
  declare const datePickerPlugin: {
3
- handler: import("tailwindcss/types/config").PluginCreator; /** @type {string} */
4
- config?: import("tailwindcss").Config | undefined;
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: Partial<import("tailwindcss").Config> | undefined;
5
5
  };