@envive-ai/react-toolkit 0.2.0 → 0.2.2

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 (190) hide show
  1. package/package.json +10 -13
  2. package/src/components/Accordion/Accordion.tsx +3 -3
  3. package/src/components/AnimatedChevron/AnimatedChevron.tsx +1 -2
  4. package/src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.tsx +2 -2
  5. package/src/components/ButtonBase/ButtonBase.tsx +2 -2
  6. package/src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.tsx +2 -2
  7. package/src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx +2 -2
  8. package/src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx +2 -2
  9. package/src/components/ProductCard/ProductCard.tsx +10 -9
  10. package/src/components/RadioButton/RadioButton.tsx +2 -2
  11. package/src/components/SearchFilter/SearchFilterHeader.tsx +3 -3
  12. package/src/components/SearchFilter/SearchFilterItem.tsx +2 -2
  13. package/src/components/SearchInput/searchInputVariants.ts +2 -2
  14. package/src/components/SearchResultsStates/NoSearchResultsFound.tsx +3 -3
  15. package/src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx +2 -2
  16. package/src/components/TextInput/TextInput.tsx +4 -3
  17. package/src/components/ToggleButton/ToggleButton.tsx +5 -5
  18. package/src/components/Typography/Typography.spec.tsx +22 -0
  19. package/src/components/Typography/Typography.tsx +73 -0
  20. package/src/components/Typography/index.ts +2 -0
  21. package/src/components/{Text/textVariantClasses.ts → Typography/typographyVariantClasses.ts} +36 -38
  22. package/src/components/Typography/util.ts +19 -0
  23. package/dist/Accordion/index.cjs +0 -6
  24. package/dist/Accordion/index.d.cts +0 -13
  25. package/dist/Accordion/index.d.ts +0 -13
  26. package/dist/Accordion/index.js +0 -6
  27. package/dist/Accordion-D9gO9_y3.cjs +0 -88
  28. package/dist/Accordion-ZEdp99Ph.js +0 -77
  29. package/dist/AnimatedChevron/index.cjs +0 -3
  30. package/dist/AnimatedChevron/index.d.cts +0 -11
  31. package/dist/AnimatedChevron/index.d.ts +0 -11
  32. package/dist/AnimatedChevron/index.js +0 -3
  33. package/dist/AnimatedChevron-CwuXgR2r.js +0 -29
  34. package/dist/AnimatedChevron-e_UzWBl0.cjs +0 -37
  35. package/dist/AppliedFiltersScrollbar/index.cjs +0 -48
  36. package/dist/AppliedFiltersScrollbar/index.d.cts +0 -22
  37. package/dist/AppliedFiltersScrollbar/index.d.ts +0 -22
  38. package/dist/AppliedFiltersScrollbar/index.js +0 -44
  39. package/dist/ButtonBase/index.cjs +0 -7
  40. package/dist/ButtonBase/index.d.cts +0 -42
  41. package/dist/ButtonBase/index.d.ts +0 -42
  42. package/dist/ButtonBase/index.js +0 -6
  43. package/dist/ButtonBase-BJ0qXMWD.js +0 -60
  44. package/dist/ButtonBase-BktteD9c.js +0 -1
  45. package/dist/ButtonBase-Cb6Iec6f.cjs +0 -0
  46. package/dist/ButtonBase-VIv-tn7H.cjs +0 -75
  47. package/dist/DynamicFiltersScrollbar/index.cjs +0 -36
  48. package/dist/DynamicFiltersScrollbar/index.d.cts +0 -28
  49. package/dist/DynamicFiltersScrollbar/index.d.ts +0 -28
  50. package/dist/DynamicFiltersScrollbar/index.js +0 -32
  51. package/dist/DynamicFiltersScrollbar-HCYZjI14.cjs +0 -81
  52. package/dist/DynamicFiltersScrollbar-O0ai3cIG.js +0 -66
  53. package/dist/FilterScrollbar/index.cjs +0 -6
  54. package/dist/FilterScrollbar/index.d.cts +0 -47
  55. package/dist/FilterScrollbar/index.d.ts +0 -47
  56. package/dist/FilterScrollbar/index.js +0 -5
  57. package/dist/Headline/index.cjs +0 -4
  58. package/dist/Headline/index.d.cts +0 -21
  59. package/dist/Headline/index.d.ts +0 -21
  60. package/dist/Headline/index.js +0 -4
  61. package/dist/Headline-CKJmd2w4.cjs +0 -72
  62. package/dist/Headline-DtjTB4xS.js +0 -64
  63. package/dist/ImageWithFallback/index.cjs +0 -3
  64. package/dist/ImageWithFallback/index.d.cts +0 -26
  65. package/dist/ImageWithFallback/index.d.ts +0 -26
  66. package/dist/ImageWithFallback/index.js +0 -3
  67. package/dist/ImageWithFallback-CbYsD1_a.js +0 -42
  68. package/dist/ImageWithFallback-Km9h16Vz.cjs +0 -51
  69. package/dist/ModalSheet/index.cjs +0 -4
  70. package/dist/ModalSheet/index.d.cts +0 -38
  71. package/dist/ModalSheet/index.d.ts +0 -38
  72. package/dist/ModalSheet/index.js +0 -4
  73. package/dist/ModalSheet-DwnbbFh7.cjs +0 -313
  74. package/dist/ModalSheet-sMg44OLz.js +0 -302
  75. package/dist/ProductCard/index.cjs +0 -17
  76. package/dist/ProductCard/index.d.cts +0 -2
  77. package/dist/ProductCard/index.d.ts +0 -2
  78. package/dist/ProductCard/index.js +0 -8
  79. package/dist/ProductCard-BDz80MCQ.cjs +0 -319
  80. package/dist/ProductCard-CqhNJShq.js +0 -255
  81. package/dist/ProductGrid/index.cjs +0 -10
  82. package/dist/ProductGrid/index.d.cts +0 -33
  83. package/dist/ProductGrid/index.d.ts +0 -33
  84. package/dist/ProductGrid/index.js +0 -9
  85. package/dist/ProductGrid-8n4XgcMr.js +0 -60
  86. package/dist/ProductGrid-RRcdkY5J.cjs +0 -74
  87. package/dist/RadioButton/index.cjs +0 -6
  88. package/dist/RadioButton/index.d.cts +0 -32
  89. package/dist/RadioButton/index.d.ts +0 -32
  90. package/dist/RadioButton/index.js +0 -6
  91. package/dist/RadioButton-BWnaUI8o.cjs +0 -84
  92. package/dist/RadioButton-CG8_M0hY.js +0 -75
  93. package/dist/RadioButtonGroup/index.cjs +0 -8
  94. package/dist/RadioButtonGroup/index.d.cts +0 -36
  95. package/dist/RadioButtonGroup/index.d.ts +0 -36
  96. package/dist/RadioButtonGroup/index.js +0 -7
  97. package/dist/RadioButtonGroup-B7EuiEP1.js +0 -38
  98. package/dist/RadioButtonGroup-ReQqakpS.cjs +0 -52
  99. package/dist/SearchAutocomplete/index.cjs +0 -3
  100. package/dist/SearchAutocomplete/index.d.cts +0 -13
  101. package/dist/SearchAutocomplete/index.d.ts +0 -13
  102. package/dist/SearchAutocomplete/index.js +0 -3
  103. package/dist/SearchAutocomplete-BMNYZiJL.js +0 -51
  104. package/dist/SearchAutocomplete-BmHdijOv.cjs +0 -62
  105. package/dist/SearchFilter/index.cjs +0 -19
  106. package/dist/SearchFilter/index.d.cts +0 -91
  107. package/dist/SearchFilter/index.d.ts +0 -91
  108. package/dist/SearchFilter/index.js +0 -14
  109. package/dist/SearchFilter-C8mgj84o.js +0 -268
  110. package/dist/SearchFilter-FrdHPM5O.cjs +0 -307
  111. package/dist/SearchInput/index.cjs +0 -7
  112. package/dist/SearchInput/index.d.cts +0 -34
  113. package/dist/SearchInput/index.d.ts +0 -34
  114. package/dist/SearchInput/index.js +0 -6
  115. package/dist/SearchInput--x9NTMTb.cjs +0 -106
  116. package/dist/SearchInput-IBq83nqF.js +0 -89
  117. package/dist/SearchInputForm/index.cjs +0 -39
  118. package/dist/SearchInputForm/index.d.cts +0 -34
  119. package/dist/SearchInputForm/index.d.ts +0 -34
  120. package/dist/SearchInputForm/index.js +0 -37
  121. package/dist/SearchResultsContent/index.cjs +0 -47
  122. package/dist/SearchResultsContent/index.d.cts +0 -48
  123. package/dist/SearchResultsContent/index.d.ts +0 -48
  124. package/dist/SearchResultsContent/index.js +0 -44
  125. package/dist/SearchResultsFilterSidebar/index.cjs +0 -62
  126. package/dist/SearchResultsFilterSidebar/index.d.cts +0 -2
  127. package/dist/SearchResultsFilterSidebar/index.d.ts +0 -2
  128. package/dist/SearchResultsFilterSidebar/index.js +0 -57
  129. package/dist/SearchResultsStates/index.cjs +0 -17
  130. package/dist/SearchResultsStates/index.d.cts +0 -69
  131. package/dist/SearchResultsStates/index.d.ts +0 -69
  132. package/dist/SearchResultsStates/index.js +0 -15
  133. package/dist/SearchResultsStates-D7dM35qq.js +0 -110
  134. package/dist/SearchResultsStates-nlaPbkj3.cjs +0 -132
  135. package/dist/SparkleAnimation/index.cjs +0 -4
  136. package/dist/SparkleAnimation/index.d.cts +0 -23
  137. package/dist/SparkleAnimation/index.d.ts +0 -23
  138. package/dist/SparkleAnimation/index.js +0 -3
  139. package/dist/SparkleAnimation-D1aZE-7A.cjs +0 -101
  140. package/dist/SparkleAnimation-DtWkXmkN.js +0 -84
  141. package/dist/Spinner/index.cjs +0 -3
  142. package/dist/Spinner/index.d.cts +0 -11
  143. package/dist/Spinner/index.d.ts +0 -11
  144. package/dist/Spinner/index.js +0 -3
  145. package/dist/Spinner-bg6jb_ks.js +0 -38
  146. package/dist/Spinner-rcWX566W.cjs +0 -46
  147. package/dist/SuggestionButton/index.cjs +0 -188
  148. package/dist/SuggestionButton/index.d.cts +0 -35
  149. package/dist/SuggestionButton/index.d.ts +0 -35
  150. package/dist/SuggestionButton/index.js +0 -180
  151. package/dist/Text/index.cjs +0 -10
  152. package/dist/Text/index.d.cts +0 -42
  153. package/dist/Text/index.d.ts +0 -42
  154. package/dist/Text/index.js +0 -5
  155. package/dist/Text-BLzNhX4H.js +0 -42
  156. package/dist/Text-BMsncrpY.js +0 -10
  157. package/dist/Text-C8t_iEj6.cjs +0 -16
  158. package/dist/Text-DllCE9_D.cjs +0 -50
  159. package/dist/TextInput/index.cjs +0 -4
  160. package/dist/TextInput/index.d.cts +0 -12
  161. package/dist/TextInput/index.d.ts +0 -12
  162. package/dist/TextInput/index.js +0 -4
  163. package/dist/TextInput-BeHPlVHT.js +0 -31
  164. package/dist/TextInput-CGs4BY1q.cjs +0 -40
  165. package/dist/ToggleButton/index.cjs +0 -6
  166. package/dist/ToggleButton/index.d.cts +0 -30
  167. package/dist/ToggleButton/index.d.ts +0 -30
  168. package/dist/ToggleButton/index.js +0 -6
  169. package/dist/ToggleButton-CRiPqTCb.js +0 -60
  170. package/dist/ToggleButton-DfJZ8POQ.cjs +0 -68
  171. package/dist/chunk-CUT6urMc.cjs +0 -30
  172. package/dist/colorsConfig-Ck2jeqWe.js +0 -26
  173. package/dist/colorsConfig-CqCKftuM.cjs +0 -38
  174. package/dist/index-B9WeFNlO.d.cts +0 -325
  175. package/dist/index-CLGe_Pam.d.cts +0 -46
  176. package/dist/index-CeECGrFM.d.ts +0 -325
  177. package/dist/index-PSzeHU2s.d.ts +0 -46
  178. package/dist/searchFilterSidebarVariants-B05f5SD5.js +0 -34
  179. package/dist/searchFilterSidebarVariants-NQhqq-NT.cjs +0 -39
  180. package/dist/textVariantClasses-B0gNjzl4.d.cts +0 -174
  181. package/dist/textVariantClasses-Bl8SAGwZ.d.ts +0 -174
  182. package/dist/textVariantClasses-CBre7vXv.cjs +0 -123
  183. package/dist/textVariantClasses-CRrTb43V.js +0 -99
  184. package/dist/types-BhGjnuWx.d.cts +0 -4
  185. package/dist/types-CTOdb0G0.d.ts +0 -4
  186. package/src/components/Headline/Headline.tsx +0 -81
  187. package/src/components/Headline/index.ts +0 -1
  188. package/src/components/Text/Text.tsx +0 -58
  189. package/src/components/Text/index.ts +0 -3
  190. 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 };