@envive-ai/react-toolkit 0.2.0 → 0.2.1

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 (189) hide show
  1. package/package.json +10 -13
  2. package/src/components/Accordion/Accordion.tsx +3 -3
  3. package/src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.tsx +2 -2
  4. package/src/components/ButtonBase/ButtonBase.tsx +2 -2
  5. package/src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.tsx +2 -2
  6. package/src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx +2 -2
  7. package/src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx +2 -2
  8. package/src/components/ProductCard/ProductCard.tsx +10 -9
  9. package/src/components/RadioButton/RadioButton.tsx +2 -2
  10. package/src/components/SearchFilter/SearchFilterHeader.tsx +3 -3
  11. package/src/components/SearchFilter/SearchFilterItem.tsx +2 -2
  12. package/src/components/SearchInput/searchInputVariants.ts +2 -2
  13. package/src/components/SearchResultsStates/NoSearchResultsFound.tsx +3 -3
  14. package/src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx +2 -2
  15. package/src/components/TextInput/TextInput.tsx +4 -3
  16. package/src/components/ToggleButton/ToggleButton.tsx +5 -5
  17. package/src/components/Typography/Typography.spec.tsx +22 -0
  18. package/src/components/Typography/Typography.tsx +73 -0
  19. package/src/components/Typography/index.ts +2 -0
  20. package/src/components/{Text/textVariantClasses.ts → Typography/typographyVariantClasses.ts} +36 -38
  21. package/src/components/Typography/util.ts +19 -0
  22. package/dist/Accordion/index.cjs +0 -6
  23. package/dist/Accordion/index.d.cts +0 -13
  24. package/dist/Accordion/index.d.ts +0 -13
  25. package/dist/Accordion/index.js +0 -6
  26. package/dist/Accordion-D9gO9_y3.cjs +0 -88
  27. package/dist/Accordion-ZEdp99Ph.js +0 -77
  28. package/dist/AnimatedChevron/index.cjs +0 -3
  29. package/dist/AnimatedChevron/index.d.cts +0 -11
  30. package/dist/AnimatedChevron/index.d.ts +0 -11
  31. package/dist/AnimatedChevron/index.js +0 -3
  32. package/dist/AnimatedChevron-CwuXgR2r.js +0 -29
  33. package/dist/AnimatedChevron-e_UzWBl0.cjs +0 -37
  34. package/dist/AppliedFiltersScrollbar/index.cjs +0 -48
  35. package/dist/AppliedFiltersScrollbar/index.d.cts +0 -22
  36. package/dist/AppliedFiltersScrollbar/index.d.ts +0 -22
  37. package/dist/AppliedFiltersScrollbar/index.js +0 -44
  38. package/dist/ButtonBase/index.cjs +0 -7
  39. package/dist/ButtonBase/index.d.cts +0 -42
  40. package/dist/ButtonBase/index.d.ts +0 -42
  41. package/dist/ButtonBase/index.js +0 -6
  42. package/dist/ButtonBase-BJ0qXMWD.js +0 -60
  43. package/dist/ButtonBase-BktteD9c.js +0 -1
  44. package/dist/ButtonBase-Cb6Iec6f.cjs +0 -0
  45. package/dist/ButtonBase-VIv-tn7H.cjs +0 -75
  46. package/dist/DynamicFiltersScrollbar/index.cjs +0 -36
  47. package/dist/DynamicFiltersScrollbar/index.d.cts +0 -28
  48. package/dist/DynamicFiltersScrollbar/index.d.ts +0 -28
  49. package/dist/DynamicFiltersScrollbar/index.js +0 -32
  50. package/dist/DynamicFiltersScrollbar-HCYZjI14.cjs +0 -81
  51. package/dist/DynamicFiltersScrollbar-O0ai3cIG.js +0 -66
  52. package/dist/FilterScrollbar/index.cjs +0 -6
  53. package/dist/FilterScrollbar/index.d.cts +0 -47
  54. package/dist/FilterScrollbar/index.d.ts +0 -47
  55. package/dist/FilterScrollbar/index.js +0 -5
  56. package/dist/Headline/index.cjs +0 -4
  57. package/dist/Headline/index.d.cts +0 -21
  58. package/dist/Headline/index.d.ts +0 -21
  59. package/dist/Headline/index.js +0 -4
  60. package/dist/Headline-CKJmd2w4.cjs +0 -72
  61. package/dist/Headline-DtjTB4xS.js +0 -64
  62. package/dist/ImageWithFallback/index.cjs +0 -3
  63. package/dist/ImageWithFallback/index.d.cts +0 -26
  64. package/dist/ImageWithFallback/index.d.ts +0 -26
  65. package/dist/ImageWithFallback/index.js +0 -3
  66. package/dist/ImageWithFallback-CbYsD1_a.js +0 -42
  67. package/dist/ImageWithFallback-Km9h16Vz.cjs +0 -51
  68. package/dist/ModalSheet/index.cjs +0 -4
  69. package/dist/ModalSheet/index.d.cts +0 -38
  70. package/dist/ModalSheet/index.d.ts +0 -38
  71. package/dist/ModalSheet/index.js +0 -4
  72. package/dist/ModalSheet-DwnbbFh7.cjs +0 -313
  73. package/dist/ModalSheet-sMg44OLz.js +0 -302
  74. package/dist/ProductCard/index.cjs +0 -17
  75. package/dist/ProductCard/index.d.cts +0 -2
  76. package/dist/ProductCard/index.d.ts +0 -2
  77. package/dist/ProductCard/index.js +0 -8
  78. package/dist/ProductCard-BDz80MCQ.cjs +0 -319
  79. package/dist/ProductCard-CqhNJShq.js +0 -255
  80. package/dist/ProductGrid/index.cjs +0 -10
  81. package/dist/ProductGrid/index.d.cts +0 -33
  82. package/dist/ProductGrid/index.d.ts +0 -33
  83. package/dist/ProductGrid/index.js +0 -9
  84. package/dist/ProductGrid-8n4XgcMr.js +0 -60
  85. package/dist/ProductGrid-RRcdkY5J.cjs +0 -74
  86. package/dist/RadioButton/index.cjs +0 -6
  87. package/dist/RadioButton/index.d.cts +0 -32
  88. package/dist/RadioButton/index.d.ts +0 -32
  89. package/dist/RadioButton/index.js +0 -6
  90. package/dist/RadioButton-BWnaUI8o.cjs +0 -84
  91. package/dist/RadioButton-CG8_M0hY.js +0 -75
  92. package/dist/RadioButtonGroup/index.cjs +0 -8
  93. package/dist/RadioButtonGroup/index.d.cts +0 -36
  94. package/dist/RadioButtonGroup/index.d.ts +0 -36
  95. package/dist/RadioButtonGroup/index.js +0 -7
  96. package/dist/RadioButtonGroup-B7EuiEP1.js +0 -38
  97. package/dist/RadioButtonGroup-ReQqakpS.cjs +0 -52
  98. package/dist/SearchAutocomplete/index.cjs +0 -3
  99. package/dist/SearchAutocomplete/index.d.cts +0 -13
  100. package/dist/SearchAutocomplete/index.d.ts +0 -13
  101. package/dist/SearchAutocomplete/index.js +0 -3
  102. package/dist/SearchAutocomplete-BMNYZiJL.js +0 -51
  103. package/dist/SearchAutocomplete-BmHdijOv.cjs +0 -62
  104. package/dist/SearchFilter/index.cjs +0 -19
  105. package/dist/SearchFilter/index.d.cts +0 -91
  106. package/dist/SearchFilter/index.d.ts +0 -91
  107. package/dist/SearchFilter/index.js +0 -14
  108. package/dist/SearchFilter-C8mgj84o.js +0 -268
  109. package/dist/SearchFilter-FrdHPM5O.cjs +0 -307
  110. package/dist/SearchInput/index.cjs +0 -7
  111. package/dist/SearchInput/index.d.cts +0 -34
  112. package/dist/SearchInput/index.d.ts +0 -34
  113. package/dist/SearchInput/index.js +0 -6
  114. package/dist/SearchInput--x9NTMTb.cjs +0 -106
  115. package/dist/SearchInput-IBq83nqF.js +0 -89
  116. package/dist/SearchInputForm/index.cjs +0 -39
  117. package/dist/SearchInputForm/index.d.cts +0 -34
  118. package/dist/SearchInputForm/index.d.ts +0 -34
  119. package/dist/SearchInputForm/index.js +0 -37
  120. package/dist/SearchResultsContent/index.cjs +0 -47
  121. package/dist/SearchResultsContent/index.d.cts +0 -48
  122. package/dist/SearchResultsContent/index.d.ts +0 -48
  123. package/dist/SearchResultsContent/index.js +0 -44
  124. package/dist/SearchResultsFilterSidebar/index.cjs +0 -62
  125. package/dist/SearchResultsFilterSidebar/index.d.cts +0 -2
  126. package/dist/SearchResultsFilterSidebar/index.d.ts +0 -2
  127. package/dist/SearchResultsFilterSidebar/index.js +0 -57
  128. package/dist/SearchResultsStates/index.cjs +0 -17
  129. package/dist/SearchResultsStates/index.d.cts +0 -69
  130. package/dist/SearchResultsStates/index.d.ts +0 -69
  131. package/dist/SearchResultsStates/index.js +0 -15
  132. package/dist/SearchResultsStates-D7dM35qq.js +0 -110
  133. package/dist/SearchResultsStates-nlaPbkj3.cjs +0 -132
  134. package/dist/SparkleAnimation/index.cjs +0 -4
  135. package/dist/SparkleAnimation/index.d.cts +0 -23
  136. package/dist/SparkleAnimation/index.d.ts +0 -23
  137. package/dist/SparkleAnimation/index.js +0 -3
  138. package/dist/SparkleAnimation-D1aZE-7A.cjs +0 -101
  139. package/dist/SparkleAnimation-DtWkXmkN.js +0 -84
  140. package/dist/Spinner/index.cjs +0 -3
  141. package/dist/Spinner/index.d.cts +0 -11
  142. package/dist/Spinner/index.d.ts +0 -11
  143. package/dist/Spinner/index.js +0 -3
  144. package/dist/Spinner-bg6jb_ks.js +0 -38
  145. package/dist/Spinner-rcWX566W.cjs +0 -46
  146. package/dist/SuggestionButton/index.cjs +0 -188
  147. package/dist/SuggestionButton/index.d.cts +0 -35
  148. package/dist/SuggestionButton/index.d.ts +0 -35
  149. package/dist/SuggestionButton/index.js +0 -180
  150. package/dist/Text/index.cjs +0 -10
  151. package/dist/Text/index.d.cts +0 -42
  152. package/dist/Text/index.d.ts +0 -42
  153. package/dist/Text/index.js +0 -5
  154. package/dist/Text-BLzNhX4H.js +0 -42
  155. package/dist/Text-BMsncrpY.js +0 -10
  156. package/dist/Text-C8t_iEj6.cjs +0 -16
  157. package/dist/Text-DllCE9_D.cjs +0 -50
  158. package/dist/TextInput/index.cjs +0 -4
  159. package/dist/TextInput/index.d.cts +0 -12
  160. package/dist/TextInput/index.d.ts +0 -12
  161. package/dist/TextInput/index.js +0 -4
  162. package/dist/TextInput-BeHPlVHT.js +0 -31
  163. package/dist/TextInput-CGs4BY1q.cjs +0 -40
  164. package/dist/ToggleButton/index.cjs +0 -6
  165. package/dist/ToggleButton/index.d.cts +0 -30
  166. package/dist/ToggleButton/index.d.ts +0 -30
  167. package/dist/ToggleButton/index.js +0 -6
  168. package/dist/ToggleButton-CRiPqTCb.js +0 -60
  169. package/dist/ToggleButton-DfJZ8POQ.cjs +0 -68
  170. package/dist/chunk-CUT6urMc.cjs +0 -30
  171. package/dist/colorsConfig-Ck2jeqWe.js +0 -26
  172. package/dist/colorsConfig-CqCKftuM.cjs +0 -38
  173. package/dist/index-B9WeFNlO.d.cts +0 -325
  174. package/dist/index-CLGe_Pam.d.cts +0 -46
  175. package/dist/index-CeECGrFM.d.ts +0 -325
  176. package/dist/index-PSzeHU2s.d.ts +0 -46
  177. package/dist/searchFilterSidebarVariants-B05f5SD5.js +0 -34
  178. package/dist/searchFilterSidebarVariants-NQhqq-NT.cjs +0 -39
  179. package/dist/textVariantClasses-B0gNjzl4.d.cts +0 -174
  180. package/dist/textVariantClasses-Bl8SAGwZ.d.ts +0 -174
  181. package/dist/textVariantClasses-CBre7vXv.cjs +0 -123
  182. package/dist/textVariantClasses-CRrTb43V.js +0 -99
  183. package/dist/types-BhGjnuWx.d.cts +0 -4
  184. package/dist/types-CTOdb0G0.d.ts +0 -4
  185. package/src/components/Headline/Headline.tsx +0 -81
  186. package/src/components/Headline/index.ts +0 -1
  187. package/src/components/Text/Text.tsx +0 -58
  188. package/src/components/Text/index.ts +0 -3
  189. package/src/components/Text/types.ts +0 -23
@@ -1,75 +0,0 @@
1
- import { Text } from "./Text-BLzNhX4H.js";
2
- import { useState } from "react";
3
- import classNames from "classnames";
4
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
5
-
6
- //#region src/components/RadioButton/RadioButton.tsx
7
- const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "medium", fillColor, hoverColor, uncheckedBorderColor, checked = false, onChange, id }) => {
8
- const [isHovered, setIsHovered] = useState(false);
9
- const containerClassName = classNames({
10
- "spiffy-tw-flex": true,
11
- "spiffy-tw-items-center": true,
12
- "spiffy-tw-group": true,
13
- "spiffy-tw-gap-1": textButtonGap === "small",
14
- "spiffy-tw-gap-2": textButtonGap === "medium",
15
- "spiffy-tw-gap-4": textButtonGap === "large",
16
- "spiffy-tw-cursor-pointer": !isDisabled,
17
- "spiffy-tw-opacity-40": isDisabled
18
- });
19
- const getFillColor = () => {
20
- if (isHovered && hoverColor) return hoverColor;
21
- if (checked) return fillColor;
22
- return uncheckedBorderColor;
23
- };
24
- const handleChange = () => {
25
- if (!isDisabled) onChange(value);
26
- };
27
- return /* @__PURE__ */ jsxs(Fragment, { children: [
28
- /* @__PURE__ */ jsx("label", {
29
- className: containerClassName,
30
- onMouseEnter: () => !isDisabled && setIsHovered(true),
31
- onMouseLeave: () => setIsHovered(false),
32
- "aria-label": label,
33
- htmlFor: id,
34
- children: label
35
- }),
36
- /* @__PURE__ */ jsxs("div", {
37
- className: "spiffy-tw-relative",
38
- children: [/* @__PURE__ */ jsx("input", {
39
- type: "radio",
40
- id,
41
- name,
42
- value,
43
- checked,
44
- disabled: isDisabled,
45
- onChange: handleChange,
46
- className: "spiffy-tw-sr-only"
47
- }), /* @__PURE__ */ jsxs("svg", {
48
- xmlns: "http://www.w3.org/2000/svg",
49
- width: "24",
50
- height: "24",
51
- viewBox: "0 0 24 24",
52
- fill: "none",
53
- children: [/* @__PURE__ */ jsx("circle", {
54
- cx: "12",
55
- cy: "12",
56
- r: "11.5",
57
- fill: "white",
58
- stroke: getFillColor()
59
- }), checked && /* @__PURE__ */ jsx("circle", {
60
- cx: "12",
61
- cy: "12",
62
- r: "9",
63
- fill: getFillColor()
64
- })]
65
- })]
66
- }),
67
- /* @__PURE__ */ jsx(Text, {
68
- variant: "body3",
69
- children: label
70
- })
71
- ] });
72
- };
73
-
74
- //#endregion
75
- export { RadioButton };
@@ -1,8 +0,0 @@
1
- require('../textVariantClasses-CBre7vXv.cjs');
2
- require('../Text-DllCE9_D.cjs');
3
- require('../Text-C8t_iEj6.cjs');
4
- require('../RadioButton-BWnaUI8o.cjs');
5
- const require_RadioButtonGroup = require('../RadioButtonGroup-ReQqakpS.cjs');
6
-
7
- exports.RadioButtonGroup = require_RadioButtonGroup.RadioButtonGroup;
8
- exports.SPIFFY_RADIO_BUTTON_GROUP_CLASS = require_RadioButtonGroup.SPIFFY_RADIO_BUTTON_GROUP_CLASS;
@@ -1,36 +0,0 @@
1
- import * as react_jsx_runtime21 from "react/jsx-runtime";
2
- import { TestProps } from "@envive-ai/react-hooks/types";
3
-
4
- //#region src/components/RadioButtonGroup/RadioButtonGroup.d.ts
5
- declare const SPIFFY_RADIO_BUTTON_GROUP_CLASS = "spiffy-radio-button-group-class";
6
- interface RadioButtonOption {
7
- label: string;
8
- value: string;
9
- disabled?: boolean;
10
- }
11
- interface RadioButtonGroupProps extends TestProps {
12
- name: string;
13
- options: RadioButtonOption[];
14
- fillColor?: string;
15
- hoverColor?: string;
16
- value?: string;
17
- isDisabled?: boolean;
18
- gap?: 'small' | 'medium' | 'large';
19
- textButtonGap?: 'small' | 'medium' | 'large';
20
- onChange: (value: string) => void;
21
- uncheckedBorderColor?: string;
22
- }
23
- declare const RadioButtonGroup: ({
24
- name,
25
- options,
26
- fillColor,
27
- hoverColor,
28
- uncheckedBorderColor,
29
- value,
30
- isDisabled,
31
- gap,
32
- textButtonGap,
33
- onChange
34
- }: RadioButtonGroupProps) => react_jsx_runtime21.JSX.Element;
35
- //#endregion
36
- export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };
@@ -1,36 +0,0 @@
1
- import * as react_jsx_runtime10 from "react/jsx-runtime";
2
- import { TestProps } from "@envive-ai/react-hooks/types";
3
-
4
- //#region src/components/RadioButtonGroup/RadioButtonGroup.d.ts
5
- declare const SPIFFY_RADIO_BUTTON_GROUP_CLASS = "spiffy-radio-button-group-class";
6
- interface RadioButtonOption {
7
- label: string;
8
- value: string;
9
- disabled?: boolean;
10
- }
11
- interface RadioButtonGroupProps extends TestProps {
12
- name: string;
13
- options: RadioButtonOption[];
14
- fillColor?: string;
15
- hoverColor?: string;
16
- value?: string;
17
- isDisabled?: boolean;
18
- gap?: 'small' | 'medium' | 'large';
19
- textButtonGap?: 'small' | 'medium' | 'large';
20
- onChange: (value: string) => void;
21
- uncheckedBorderColor?: string;
22
- }
23
- declare const RadioButtonGroup: ({
24
- name,
25
- options,
26
- fillColor,
27
- hoverColor,
28
- uncheckedBorderColor,
29
- value,
30
- isDisabled,
31
- gap,
32
- textButtonGap,
33
- onChange
34
- }: RadioButtonGroupProps) => react_jsx_runtime10.JSX.Element;
35
- //#endregion
36
- export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };
@@ -1,7 +0,0 @@
1
- import "../textVariantClasses-CRrTb43V.js";
2
- import "../Text-BLzNhX4H.js";
3
- import "../Text-BMsncrpY.js";
4
- import "../RadioButton-CG8_M0hY.js";
5
- import { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS } from "../RadioButtonGroup-B7EuiEP1.js";
6
-
7
- export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };
@@ -1,38 +0,0 @@
1
- import { RadioButton } from "./RadioButton-CG8_M0hY.js";
2
- import classNames from "classnames";
3
- import { jsx } from "react/jsx-runtime";
4
-
5
- //#region src/components/RadioButtonGroup/RadioButtonGroup.tsx
6
- const SPIFFY_RADIO_BUTTON_GROUP_CLASS = "spiffy-radio-button-group-class";
7
- const RadioButtonGroup = ({ name, options, fillColor, hoverColor, uncheckedBorderColor, value, isDisabled = false, gap = "medium", textButtonGap = "medium", onChange }) => {
8
- const groupClassName = classNames({
9
- [SPIFFY_RADIO_BUTTON_GROUP_CLASS]: true,
10
- "spiffy-tw-flex": true,
11
- "spiffy-tw-flex-col": true,
12
- "spiffy-tw-gap-1": gap === "small",
13
- "spiffy-tw-gap-2": gap === "medium",
14
- "spiffy-tw-gap-4": gap === "large"
15
- });
16
- const handleChange = (selectedValue) => {
17
- if (!isDisabled) onChange(selectedValue);
18
- };
19
- return /* @__PURE__ */ jsx("div", {
20
- className: groupClassName,
21
- children: options.map((option) => /* @__PURE__ */ jsx(RadioButton, {
22
- id: option.value,
23
- name,
24
- value: option.value,
25
- fillColor,
26
- hoverColor,
27
- uncheckedBorderColor,
28
- label: option.label,
29
- checked: value === option.value,
30
- isDisabled: isDisabled || option.disabled,
31
- onChange: handleChange,
32
- textButtonGap
33
- }, option.value))
34
- });
35
- };
36
-
37
- //#endregion
38
- export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };
@@ -1,52 +0,0 @@
1
- const require_chunk = require('./chunk-CUT6urMc.cjs');
2
- const require_RadioButton = require('./RadioButton-BWnaUI8o.cjs');
3
- let classnames = require("classnames");
4
- classnames = require_chunk.__toESM(classnames);
5
- let react_jsx_runtime = require("react/jsx-runtime");
6
- react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
7
-
8
- //#region src/components/RadioButtonGroup/RadioButtonGroup.tsx
9
- const SPIFFY_RADIO_BUTTON_GROUP_CLASS = "spiffy-radio-button-group-class";
10
- const RadioButtonGroup = ({ name, options, fillColor, hoverColor, uncheckedBorderColor, value, isDisabled = false, gap = "medium", textButtonGap = "medium", onChange }) => {
11
- const groupClassName = (0, classnames.default)({
12
- [SPIFFY_RADIO_BUTTON_GROUP_CLASS]: true,
13
- "spiffy-tw-flex": true,
14
- "spiffy-tw-flex-col": true,
15
- "spiffy-tw-gap-1": gap === "small",
16
- "spiffy-tw-gap-2": gap === "medium",
17
- "spiffy-tw-gap-4": gap === "large"
18
- });
19
- const handleChange = (selectedValue) => {
20
- if (!isDisabled) onChange(selectedValue);
21
- };
22
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
23
- className: groupClassName,
24
- children: options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_RadioButton.RadioButton, {
25
- id: option.value,
26
- name,
27
- value: option.value,
28
- fillColor,
29
- hoverColor,
30
- uncheckedBorderColor,
31
- label: option.label,
32
- checked: value === option.value,
33
- isDisabled: isDisabled || option.disabled,
34
- onChange: handleChange,
35
- textButtonGap
36
- }, option.value))
37
- });
38
- };
39
-
40
- //#endregion
41
- Object.defineProperty(exports, 'RadioButtonGroup', {
42
- enumerable: true,
43
- get: function () {
44
- return RadioButtonGroup;
45
- }
46
- });
47
- Object.defineProperty(exports, 'SPIFFY_RADIO_BUTTON_GROUP_CLASS', {
48
- enumerable: true,
49
- get: function () {
50
- return SPIFFY_RADIO_BUTTON_GROUP_CLASS;
51
- }
52
- });
@@ -1,3 +0,0 @@
1
- const require_SearchAutocomplete = require('../SearchAutocomplete-BmHdijOv.cjs');
2
-
3
- exports.SearchAutocomplete = require_SearchAutocomplete.SearchAutocomplete;
@@ -1,13 +0,0 @@
1
- import React from "react";
2
-
3
- //#region src/components/SearchAutocomplete/SearchAutocomplete.d.ts
4
- interface GlobalSearchAutocompleteProps {
5
- id: string;
6
- results: string[];
7
- focusedIndex: number;
8
- onSuggestionSelect: (suggestion: string, rankPosition: number) => void;
9
- iconColor?: string;
10
- }
11
- declare const SearchAutocomplete: React.FC<GlobalSearchAutocompleteProps>;
12
- //#endregion
13
- export { SearchAutocomplete };
@@ -1,13 +0,0 @@
1
- import React from "react";
2
-
3
- //#region src/components/SearchAutocomplete/SearchAutocomplete.d.ts
4
- interface GlobalSearchAutocompleteProps {
5
- id: string;
6
- results: string[];
7
- focusedIndex: number;
8
- onSuggestionSelect: (suggestion: string, rankPosition: number) => void;
9
- iconColor?: string;
10
- }
11
- declare const SearchAutocomplete: React.FC<GlobalSearchAutocompleteProps>;
12
- //#endregion
13
- export { SearchAutocomplete };
@@ -1,3 +0,0 @@
1
- import { SearchAutocomplete } from "../SearchAutocomplete-BMNYZiJL.js";
2
-
3
- export { SearchAutocomplete };
@@ -1,51 +0,0 @@
1
- import { motion } from "framer-motion";
2
- import React from "react";
3
- import classNames from "classnames";
4
- import { jsx, jsxs } from "react/jsx-runtime";
5
- import OutlinedStar from "@envive-ai/react-icons/OutlinedStar";
6
-
7
- //#region src/components/SearchAutocomplete/SearchAutocomplete.tsx
8
- const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor }) => {
9
- if (results.length === 0) return null;
10
- return /* @__PURE__ */ jsx(motion.div, {
11
- className: "spiffy-tw-h-full",
12
- initial: {
13
- opacity: 0,
14
- y: -10
15
- },
16
- animate: {
17
- opacity: 1,
18
- y: 0
19
- },
20
- exit: {
21
- opacity: 0,
22
- y: -10
23
- },
24
- transition: { duration: .2 },
25
- children: /* @__PURE__ */ jsx("ul", {
26
- id,
27
- role: "listbox",
28
- className: "spiffy-tw-mt-4 spiffy-tw-space-y-2",
29
- children: results.map((result, index) => /* @__PURE__ */ jsxs("li", {
30
- id: `option-${index}`,
31
- role: "option",
32
- "aria-selected": index === focusedIndex,
33
- className: classNames("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-cursor-pointer spiffy-tw-py-1", { "spiffy-tw-bg-neutral-200": index === focusedIndex }, "hover:spiffy-tw-bg-neutral-100"),
34
- onClick: () => onSuggestionSelect(result, index),
35
- onKeyDown: (event) => {
36
- if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
37
- },
38
- children: [/* @__PURE__ */ jsx(OutlinedStar, {
39
- className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-2",
40
- fill: iconColor
41
- }), /* @__PURE__ */ jsx("span", {
42
- className: "spiffy-tw-font-bold",
43
- children: result
44
- })]
45
- }, index))
46
- })
47
- });
48
- };
49
-
50
- //#endregion
51
- export { SearchAutocomplete };
@@ -1,62 +0,0 @@
1
- const require_chunk = require('./chunk-CUT6urMc.cjs');
2
- let framer_motion = require("framer-motion");
3
- framer_motion = require_chunk.__toESM(framer_motion);
4
- let react = require("react");
5
- react = require_chunk.__toESM(react);
6
- let classnames = require("classnames");
7
- classnames = require_chunk.__toESM(classnames);
8
- let react_jsx_runtime = require("react/jsx-runtime");
9
- react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
10
- let __envive_ai_react_icons_OutlinedStar = require("@envive-ai/react-icons/OutlinedStar");
11
- __envive_ai_react_icons_OutlinedStar = require_chunk.__toESM(__envive_ai_react_icons_OutlinedStar);
12
-
13
- //#region src/components/SearchAutocomplete/SearchAutocomplete.tsx
14
- const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor }) => {
15
- if (results.length === 0) return null;
16
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
17
- className: "spiffy-tw-h-full",
18
- initial: {
19
- opacity: 0,
20
- y: -10
21
- },
22
- animate: {
23
- opacity: 1,
24
- y: 0
25
- },
26
- exit: {
27
- opacity: 0,
28
- y: -10
29
- },
30
- transition: { duration: .2 },
31
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
32
- id,
33
- role: "listbox",
34
- className: "spiffy-tw-mt-4 spiffy-tw-space-y-2",
35
- children: results.map((result, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
36
- id: `option-${index}`,
37
- role: "option",
38
- "aria-selected": index === focusedIndex,
39
- className: (0, classnames.default)("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-cursor-pointer spiffy-tw-py-1", { "spiffy-tw-bg-neutral-200": index === focusedIndex }, "hover:spiffy-tw-bg-neutral-100"),
40
- onClick: () => onSuggestionSelect(result, index),
41
- onKeyDown: (event) => {
42
- if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
43
- },
44
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_OutlinedStar.default, {
45
- className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-2",
46
- fill: iconColor
47
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
48
- className: "spiffy-tw-font-bold",
49
- children: result
50
- })]
51
- }, index))
52
- })
53
- });
54
- };
55
-
56
- //#endregion
57
- Object.defineProperty(exports, 'SearchAutocomplete', {
58
- enumerable: true,
59
- get: function () {
60
- return SearchAutocomplete;
61
- }
62
- });
@@ -1,19 +0,0 @@
1
- require('../textVariantClasses-CBre7vXv.cjs');
2
- require('../Text-DllCE9_D.cjs');
3
- require('../Text-C8t_iEj6.cjs');
4
- require('../Accordion-D9gO9_y3.cjs');
5
- require('../AnimatedChevron-e_UzWBl0.cjs');
6
- require('../ButtonBase-VIv-tn7H.cjs');
7
- require('../ButtonBase-Cb6Iec6f.cjs');
8
- require('../ModalSheet-DwnbbFh7.cjs');
9
- require('../RadioButton-BWnaUI8o.cjs');
10
- require('../RadioButtonGroup-ReQqakpS.cjs');
11
- const require_SearchFilter = require('../SearchFilter-FrdHPM5O.cjs');
12
- require('../ToggleButton-DfJZ8POQ.cjs');
13
-
14
- exports.SearchFilter = require_SearchFilter.SearchFilter;
15
- exports.SearchFilterFooter = require_SearchFilter.SearchFilterFooter;
16
- exports.SearchFilterHeader = require_SearchFilter.SearchFilterHeader;
17
- exports.SearchFilterItem = require_SearchFilter.SearchFilterItem;
18
- exports.getSelectedFilterItemsCount = require_SearchFilter.getSelectedFilterItemsCount;
19
- exports.getTotalSelectedFilterItemsCount = require_SearchFilter.getTotalSelectedFilterItemsCount;
@@ -1,91 +0,0 @@
1
- import * as react_jsx_runtime27 from "react/jsx-runtime";
2
- import { CloseIconVariant, FilterFooterProps, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
3
-
4
- //#region src/components/SearchFilter/types.d.ts
5
- interface SearchFilterItem$1 extends SearchFilterItemDatum {
6
- filterId: string;
7
- filterItemId: string;
8
- }
9
- interface SearchFilterItemProps {
10
- filterItem: SearchFilterItem$1;
11
- onSelectFilterItem: SelectFilterItem;
12
- radioButtonFillColor: string;
13
- radioButtonHoverColor: string;
14
- radioButtonUncheckedBorderColor: string;
15
- }
16
- interface SearchFilterHeaderProps {
17
- closeModal: () => void;
18
- productCount: number;
19
- headerClassName: string;
20
- filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
21
- }
22
- type SearchFilterProps = {
23
- filters: SearchFilterDatum[];
24
- selectFilterItem: SelectFilterItem;
25
- clearAllFilters: () => void;
26
- productCount: number;
27
- isOpen: boolean;
28
- setIsOpen: (isOpen: boolean) => void;
29
- applyFiltersUnchangedClasses: string;
30
- applyFiltersChangedClasses: string;
31
- headerContent?: React.ReactNode;
32
- footerContent?: React.ReactNode;
33
- filterButtonText?: string;
34
- headerClassName?: string;
35
- radioButtonFillColor: string;
36
- radioButtonHoverColor?: string;
37
- radioButtonUncheckedBorderColor?: string;
38
- filterCloseIconVariant: CloseIconVariant;
39
- };
40
- //#endregion
41
- //#region src/components/SearchFilter/SearchFilter.d.ts
42
- declare const SearchFilter: ({
43
- filters,
44
- productCount,
45
- selectFilterItem,
46
- clearAllFilters,
47
- isOpen,
48
- setIsOpen,
49
- applyFiltersUnchangedClasses,
50
- applyFiltersChangedClasses,
51
- headerContent,
52
- footerContent,
53
- headerClassName,
54
- radioButtonFillColor,
55
- radioButtonHoverColor,
56
- radioButtonUncheckedBorderColor,
57
- filterCloseIconVariant
58
- }: SearchFilterProps) => react_jsx_runtime27.JSX.Element;
59
- //#endregion
60
- //#region src/components/SearchFilter/SearchFilterHeader.d.ts
61
- declare const SearchFilterHeader: ({
62
- closeModal,
63
- productCount,
64
- headerClassName,
65
- filterCloseIconVariant
66
- }: SearchFilterHeaderProps) => react_jsx_runtime27.JSX.Element;
67
- //#endregion
68
- //#region src/components/SearchFilter/SearchFilterFooter.d.ts
69
- declare const SearchFilterFooter: ({
70
- closeModal,
71
- clearAllFilters,
72
- filterCount,
73
- applyFiltersUnchangedClasses,
74
- applyFiltersChangedClasses,
75
- hasFiltersChanged
76
- }: FilterFooterProps) => react_jsx_runtime27.JSX.Element;
77
- //#endregion
78
- //#region src/components/SearchFilter/SearchFilterItem.d.ts
79
- declare const SearchFilterItem: ({
80
- filterItem,
81
- onSelectFilterItem,
82
- radioButtonFillColor,
83
- radioButtonHoverColor,
84
- radioButtonUncheckedBorderColor
85
- }: SearchFilterItemProps) => react_jsx_runtime27.JSX.Element;
86
- //#endregion
87
- //#region src/components/SearchFilter/utils.d.ts
88
- declare const getSelectedFilterItemsCount: (filter: SearchFilterDatum) => number;
89
- declare const getTotalSelectedFilterItemsCount: (filters: SearchFilterDatum[]) => number;
90
- //#endregion
91
- export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };
@@ -1,91 +0,0 @@
1
- import * as react_jsx_runtime28 from "react/jsx-runtime";
2
- import { CloseIconVariant, FilterFooterProps, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
3
-
4
- //#region src/components/SearchFilter/types.d.ts
5
- interface SearchFilterItem$1 extends SearchFilterItemDatum {
6
- filterId: string;
7
- filterItemId: string;
8
- }
9
- interface SearchFilterItemProps {
10
- filterItem: SearchFilterItem$1;
11
- onSelectFilterItem: SelectFilterItem;
12
- radioButtonFillColor: string;
13
- radioButtonHoverColor: string;
14
- radioButtonUncheckedBorderColor: string;
15
- }
16
- interface SearchFilterHeaderProps {
17
- closeModal: () => void;
18
- productCount: number;
19
- headerClassName: string;
20
- filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
21
- }
22
- type SearchFilterProps = {
23
- filters: SearchFilterDatum[];
24
- selectFilterItem: SelectFilterItem;
25
- clearAllFilters: () => void;
26
- productCount: number;
27
- isOpen: boolean;
28
- setIsOpen: (isOpen: boolean) => void;
29
- applyFiltersUnchangedClasses: string;
30
- applyFiltersChangedClasses: string;
31
- headerContent?: React.ReactNode;
32
- footerContent?: React.ReactNode;
33
- filterButtonText?: string;
34
- headerClassName?: string;
35
- radioButtonFillColor: string;
36
- radioButtonHoverColor?: string;
37
- radioButtonUncheckedBorderColor?: string;
38
- filterCloseIconVariant: CloseIconVariant;
39
- };
40
- //#endregion
41
- //#region src/components/SearchFilter/SearchFilter.d.ts
42
- declare const SearchFilter: ({
43
- filters,
44
- productCount,
45
- selectFilterItem,
46
- clearAllFilters,
47
- isOpen,
48
- setIsOpen,
49
- applyFiltersUnchangedClasses,
50
- applyFiltersChangedClasses,
51
- headerContent,
52
- footerContent,
53
- headerClassName,
54
- radioButtonFillColor,
55
- radioButtonHoverColor,
56
- radioButtonUncheckedBorderColor,
57
- filterCloseIconVariant
58
- }: SearchFilterProps) => react_jsx_runtime28.JSX.Element;
59
- //#endregion
60
- //#region src/components/SearchFilter/SearchFilterHeader.d.ts
61
- declare const SearchFilterHeader: ({
62
- closeModal,
63
- productCount,
64
- headerClassName,
65
- filterCloseIconVariant
66
- }: SearchFilterHeaderProps) => react_jsx_runtime28.JSX.Element;
67
- //#endregion
68
- //#region src/components/SearchFilter/SearchFilterFooter.d.ts
69
- declare const SearchFilterFooter: ({
70
- closeModal,
71
- clearAllFilters,
72
- filterCount,
73
- applyFiltersUnchangedClasses,
74
- applyFiltersChangedClasses,
75
- hasFiltersChanged
76
- }: FilterFooterProps) => react_jsx_runtime28.JSX.Element;
77
- //#endregion
78
- //#region src/components/SearchFilter/SearchFilterItem.d.ts
79
- declare const SearchFilterItem: ({
80
- filterItem,
81
- onSelectFilterItem,
82
- radioButtonFillColor,
83
- radioButtonHoverColor,
84
- radioButtonUncheckedBorderColor
85
- }: SearchFilterItemProps) => react_jsx_runtime28.JSX.Element;
86
- //#endregion
87
- //#region src/components/SearchFilter/utils.d.ts
88
- declare const getSelectedFilterItemsCount: (filter: SearchFilterDatum) => number;
89
- declare const getTotalSelectedFilterItemsCount: (filters: SearchFilterDatum[]) => number;
90
- //#endregion
91
- export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };
@@ -1,14 +0,0 @@
1
- import "../textVariantClasses-CRrTb43V.js";
2
- import "../Text-BLzNhX4H.js";
3
- import "../Text-BMsncrpY.js";
4
- import "../Accordion-ZEdp99Ph.js";
5
- import "../AnimatedChevron-CwuXgR2r.js";
6
- import "../ButtonBase-BJ0qXMWD.js";
7
- import "../ButtonBase-BktteD9c.js";
8
- import "../ModalSheet-sMg44OLz.js";
9
- import "../RadioButton-CG8_M0hY.js";
10
- import "../RadioButtonGroup-B7EuiEP1.js";
11
- import { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount } from "../SearchFilter-C8mgj84o.js";
12
- import "../ToggleButton-CRiPqTCb.js";
13
-
14
- export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };