@algolia/satellite 1.0.0-beta.173 → 1.0.0-beta.174
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.
- package/cjs/AutoComplete/components/AutoCompleteEmptyState.d.ts +1 -1
- package/cjs/AutoComplete/types.d.ts +1 -1
- package/cjs/Badge/Badge.d.ts +2 -1
- package/cjs/Banners/Alert/Alert.d.ts +2 -1
- package/cjs/Banners/BigBertha/BigBertha.d.ts +1 -1
- package/cjs/Button/PolymorphicIconButton.d.ts +1 -1
- package/cjs/Button/types.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownButtonItem.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownLinkItem.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownToggleItem.d.ts +1 -1
- package/cjs/Flag/types.d.ts +1 -1
- package/cjs/Icons/AlgoliaRecommendIcon.d.ts +3 -0
- package/cjs/Icons/AlgoliaRecommendIcon.js +46 -0
- package/cjs/Icons/AlgoliaSearchIcon.d.ts +3 -0
- package/cjs/Icons/AlgoliaSearchIcon.js +49 -0
- package/cjs/Icons/BulbIcon.d.ts +3 -0
- package/cjs/Icons/BulbIcon.js +37 -0
- package/cjs/Icons/ContextIcon.d.ts +3 -0
- package/cjs/Icons/ContextIcon.js +51 -0
- package/cjs/Icons/CrawlerIcon.d.ts +3 -0
- package/cjs/Icons/CrawlerIcon.js +40 -0
- package/cjs/Icons/DragHandleIcon.d.ts +3 -0
- package/cjs/Icons/DragHandleIcon.js +58 -0
- package/cjs/Icons/NeuralSearchIcon.d.ts +3 -0
- package/cjs/Icons/NeuralSearchIcon.js +34 -0
- package/cjs/Icons/NoFiltersIcon.d.ts +3 -0
- package/cjs/Icons/NoFiltersIcon.js +59 -0
- package/cjs/Icons/PinIcon.d.ts +3 -0
- package/cjs/Icons/PinIcon.js +60 -0
- package/cjs/Icons/QueryBreakdownIcon.d.ts +3 -0
- package/cjs/Icons/QueryBreakdownIcon.js +39 -0
- package/cjs/Icons/RocketIcon.d.ts +3 -0
- package/cjs/Icons/RocketIcon.js +36 -0
- package/cjs/Icons/SettingsCategoryPagesIcon.d.ts +3 -0
- package/cjs/Icons/SettingsCategoryPagesIcon.js +36 -0
- package/cjs/Icons/SettingsConsequencesIcon.d.ts +3 -0
- package/cjs/Icons/SettingsConsequencesIcon.js +70 -0
- package/cjs/Icons/TestingIcon.d.ts +3 -0
- package/cjs/Icons/TestingIcon.js +36 -0
- package/cjs/Icons/UnpinIcon.d.ts +3 -0
- package/cjs/Icons/UnpinIcon.js +60 -0
- package/cjs/Icons/WorkspaceSwitcherIcon.d.ts +3 -0
- package/cjs/Icons/WorkspaceSwitcherIcon.js +34 -0
- package/cjs/Icons/index.d.ts +20 -0
- package/cjs/Icons/index.js +1840 -0
- package/cjs/Icons/utils.d.ts +1 -0
- package/cjs/Icons/utils.js +10 -0
- package/cjs/Input/Input.d.ts +1 -1
- package/cjs/Link/Link.d.ts +1 -1
- package/cjs/Medallion/Medallion.d.ts +1 -1
- package/cjs/MenuButton/MenuButton.d.ts +25 -0
- package/cjs/MenuButton/MenuButton.js +72 -0
- package/cjs/MenuButton/components/CustomTrigger.d.ts +5 -0
- package/cjs/MenuButton/components/CustomTrigger.js +24 -0
- package/cjs/MenuButton/components/DefaultTrigger.d.ts +5 -0
- package/cjs/MenuButton/components/DefaultTrigger.js +32 -0
- package/cjs/MenuButton/components/Divider.d.ts +3 -0
- package/cjs/MenuButton/components/Divider.js +21 -0
- package/cjs/MenuButton/components/Label.d.ts +4 -0
- package/cjs/MenuButton/components/Label.js +32 -0
- package/cjs/MenuButton/components/collapsible/CollapsibleItem.d.ts +9 -0
- package/cjs/MenuButton/components/collapsible/CollapsibleItem.js +64 -0
- package/cjs/MenuButton/components/collapsible/CollapsibleItemsGroup.d.ts +6 -0
- package/cjs/MenuButton/components/collapsible/CollapsibleItemsGroup.js +20 -0
- package/cjs/MenuButton/components/collapsible/CollapsibleItemsGroupContext.d.ts +7 -0
- package/cjs/MenuButton/components/collapsible/CollapsibleItemsGroupContext.js +15 -0
- package/cjs/MenuButton/components/collapsible/CollapsibleItemsMultipleGroup.d.ts +8 -0
- package/cjs/MenuButton/components/collapsible/CollapsibleItemsMultipleGroup.js +36 -0
- package/cjs/MenuButton/components/collapsible/CollapsibleItemsSingleGroup.d.ts +8 -0
- package/cjs/MenuButton/components/collapsible/CollapsibleItemsSingleGroup.js +33 -0
- package/cjs/MenuButton/components/collapsible/index.d.ts +5 -0
- package/cjs/MenuButton/components/collapsible/index.js +60 -0
- package/cjs/MenuButton/components/items/ButtonItem.d.ts +14 -0
- package/cjs/MenuButton/components/items/ButtonItem.js +46 -0
- package/cjs/MenuButton/components/items/LinkItem.d.ts +10 -0
- package/cjs/MenuButton/components/items/LinkItem.js +69 -0
- package/cjs/MenuButton/components/items/RadioItem.d.ts +6 -0
- package/cjs/MenuButton/components/items/RadioItem.js +50 -0
- package/cjs/MenuButton/components/items/ToggleItem.d.ts +9 -0
- package/cjs/MenuButton/components/items/ToggleItem.js +72 -0
- package/cjs/MenuButton/components/items/index.d.ts +4 -0
- package/cjs/MenuButton/components/items/index.js +49 -0
- package/cjs/MenuButton/index.d.ts +1 -0
- package/cjs/MenuButton/index.js +13 -0
- package/cjs/MenuButton/useMenuItemProps.d.ts +11 -0
- package/cjs/MenuButton/useMenuItemProps.js +19 -0
- package/cjs/Sidebar/SidebarButtonLink.d.ts +1 -1
- package/cjs/Sidebar/SidebarLink.d.ts +1 -1
- package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +1 -1
- package/cjs/index.d.ts +2 -0
- package/cjs/index.js +24 -0
- package/cjs/styles/helpers/icons.js +1 -1
- package/cjs/types.d.ts +0 -3
- package/cjs/utils/sortObjectAlphabetically.d.ts +1 -0
- package/cjs/utils/sortObjectAlphabetically.js +18 -0
- package/esm/AutoComplete/components/AutoCompleteEmptyState.d.ts +1 -1
- package/esm/AutoComplete/types.d.ts +1 -1
- package/esm/Badge/Badge.d.ts +2 -1
- package/esm/Banners/Alert/Alert.d.ts +2 -1
- package/esm/Banners/BigBertha/BigBertha.d.ts +1 -1
- package/esm/Button/PolymorphicIconButton.d.ts +1 -1
- package/esm/Button/types.d.ts +1 -1
- package/esm/Dropdown/components/DropdownButtonItem.d.ts +1 -1
- package/esm/Dropdown/components/DropdownLinkItem.d.ts +1 -1
- package/esm/Dropdown/components/DropdownToggleItem.d.ts +1 -1
- package/esm/Flag/types.d.ts +1 -1
- package/esm/Icons/AlgoliaRecommendIcon.d.ts +3 -0
- package/esm/Icons/AlgoliaRecommendIcon.js +40 -0
- package/esm/Icons/AlgoliaSearchIcon.d.ts +3 -0
- package/esm/Icons/AlgoliaSearchIcon.js +43 -0
- package/esm/Icons/BulbIcon.d.ts +3 -0
- package/esm/Icons/BulbIcon.js +30 -0
- package/esm/Icons/ContextIcon.d.ts +3 -0
- package/esm/Icons/ContextIcon.js +45 -0
- package/esm/Icons/CrawlerIcon.d.ts +3 -0
- package/esm/Icons/CrawlerIcon.js +34 -0
- package/esm/Icons/DragHandleIcon.d.ts +3 -0
- package/esm/Icons/DragHandleIcon.js +52 -0
- package/esm/Icons/NeuralSearchIcon.d.ts +3 -0
- package/esm/Icons/NeuralSearchIcon.js +27 -0
- package/esm/Icons/NoFiltersIcon.d.ts +3 -0
- package/esm/Icons/NoFiltersIcon.js +53 -0
- package/esm/Icons/PinIcon.d.ts +3 -0
- package/esm/Icons/PinIcon.js +54 -0
- package/esm/Icons/QueryBreakdownIcon.d.ts +3 -0
- package/esm/Icons/QueryBreakdownIcon.js +33 -0
- package/esm/Icons/RocketIcon.d.ts +3 -0
- package/esm/Icons/RocketIcon.js +29 -0
- package/esm/Icons/SettingsCategoryPagesIcon.d.ts +3 -0
- package/esm/Icons/SettingsCategoryPagesIcon.js +29 -0
- package/esm/Icons/SettingsConsequencesIcon.d.ts +3 -0
- package/esm/Icons/SettingsConsequencesIcon.js +64 -0
- package/esm/Icons/TestingIcon.d.ts +3 -0
- package/esm/Icons/TestingIcon.js +29 -0
- package/esm/Icons/UnpinIcon.d.ts +3 -0
- package/esm/Icons/UnpinIcon.js +54 -0
- package/esm/Icons/WorkspaceSwitcherIcon.d.ts +3 -0
- package/esm/Icons/WorkspaceSwitcherIcon.js +27 -0
- package/esm/Icons/index.d.ts +20 -0
- package/esm/Icons/index.js +22 -0
- package/esm/Icons/utils.d.ts +1 -0
- package/esm/Icons/utils.js +4 -0
- package/esm/Input/Input.d.ts +1 -1
- package/esm/Link/Link.d.ts +1 -1
- package/esm/Medallion/Medallion.d.ts +1 -1
- package/esm/MenuButton/MenuButton.d.ts +25 -0
- package/esm/MenuButton/MenuButton.js +62 -0
- package/esm/MenuButton/components/CustomTrigger.d.ts +5 -0
- package/esm/MenuButton/components/CustomTrigger.js +14 -0
- package/esm/MenuButton/components/DefaultTrigger.d.ts +5 -0
- package/esm/MenuButton/components/DefaultTrigger.js +22 -0
- package/esm/MenuButton/components/Divider.d.ts +3 -0
- package/esm/MenuButton/components/Divider.js +11 -0
- package/esm/MenuButton/components/Label.d.ts +4 -0
- package/esm/MenuButton/components/Label.js +22 -0
- package/esm/MenuButton/components/collapsible/CollapsibleItem.d.ts +9 -0
- package/esm/MenuButton/components/collapsible/CollapsibleItem.js +55 -0
- package/esm/MenuButton/components/collapsible/CollapsibleItemsGroup.d.ts +6 -0
- package/esm/MenuButton/components/collapsible/CollapsibleItemsGroup.js +14 -0
- package/esm/MenuButton/components/collapsible/CollapsibleItemsGroupContext.d.ts +7 -0
- package/esm/MenuButton/components/collapsible/CollapsibleItemsGroupContext.js +9 -0
- package/esm/MenuButton/components/collapsible/CollapsibleItemsMultipleGroup.d.ts +8 -0
- package/esm/MenuButton/components/collapsible/CollapsibleItemsMultipleGroup.js +29 -0
- package/esm/MenuButton/components/collapsible/CollapsibleItemsSingleGroup.d.ts +8 -0
- package/esm/MenuButton/components/collapsible/CollapsibleItemsSingleGroup.js +26 -0
- package/esm/MenuButton/components/collapsible/index.d.ts +5 -0
- package/esm/MenuButton/components/collapsible/index.js +5 -0
- package/esm/MenuButton/components/items/ButtonItem.d.ts +14 -0
- package/esm/MenuButton/components/items/ButtonItem.js +37 -0
- package/esm/MenuButton/components/items/LinkItem.d.ts +10 -0
- package/esm/MenuButton/components/items/LinkItem.js +60 -0
- package/esm/MenuButton/components/items/RadioItem.d.ts +6 -0
- package/esm/MenuButton/components/items/RadioItem.js +41 -0
- package/esm/MenuButton/components/items/ToggleItem.d.ts +9 -0
- package/esm/MenuButton/components/items/ToggleItem.js +63 -0
- package/esm/MenuButton/components/items/index.d.ts +4 -0
- package/esm/MenuButton/components/items/index.js +4 -0
- package/esm/MenuButton/index.d.ts +1 -0
- package/esm/MenuButton/index.js +1 -0
- package/esm/MenuButton/useMenuItemProps.d.ts +11 -0
- package/esm/MenuButton/useMenuItemProps.js +12 -0
- package/esm/Sidebar/SidebarButtonLink.d.ts +1 -1
- package/esm/Sidebar/SidebarLink.d.ts +1 -1
- package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +1 -1
- package/esm/index.d.ts +2 -0
- package/esm/index.js +2 -0
- package/esm/styles/helpers/icons.js +2 -2
- package/esm/types.d.ts +0 -3
- package/esm/utils/sortObjectAlphabetically.d.ts +1 -0
- package/esm/utils/sortObjectAlphabetically.js +11 -0
- package/package.json +3 -2
- package/satellite.min.css +1 -1
@@ -0,0 +1,29 @@
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
3
|
+
var _excluded = ["width", "height"];
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
6
|
+
import { forwardRef } from "react";
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
8
|
+
export var TestingIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
9
|
+
var _ref$width = _ref.width,
|
10
|
+
width = _ref$width === void 0 ? 24 : _ref$width,
|
11
|
+
_ref$height = _ref.height,
|
12
|
+
height = _ref$height === void 0 ? 24 : _ref$height,
|
13
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
14
|
+
return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
|
15
|
+
ref: ref,
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
17
|
+
width: width,
|
18
|
+
height: height,
|
19
|
+
viewBox: "0 0 16 16"
|
20
|
+
}, rest), {}, {
|
21
|
+
children: /*#__PURE__*/_jsx("path", {
|
22
|
+
fill: "currentColor",
|
23
|
+
fillRule: "evenodd",
|
24
|
+
clipRule: "evenodd",
|
25
|
+
d: "M6.52 1.023c0-.24.194-.433.433-.433h2.093c.24 0 .434.194.434.433V6.46l.448.593c.668.881 1.52 2.005 2.264 3.07.483.691.928 1.367 1.255 1.946.163.29.3.563.399.806.094.234.169.482.169.706 0 .74-.397 1.21-.807 1.48a2.3 2.3 0 0 1-.579.269c-.164.05-.326.08-.443.08H3.814c-.117 0-.28-.03-.444-.08a2.301 2.301 0 0 1-.578-.27c-.41-.268-.807-.74-.807-1.479 0-.224.075-.472.17-.706.097-.243.235-.517.398-.806a25.12 25.12 0 0 1 1.255-1.945c.745-1.066 1.596-2.19 2.264-3.07v-.001l.448-.593V1.023Zm.867.434v5.148a.43.43 0 0 1-.087.26l-.545.72a101.56 101.56 0 0 0-2.237 3.035 24.217 24.217 0 0 0-1.21 1.875 6.265 6.265 0 0 0-.35.704c-.083.206-.106.328-.106.382 0 .378.185.604.414.754a1.438 1.438 0 0 0 .547.208h8.373a1.438 1.438 0 0 0 .547-.208.848.848 0 0 0 .415-.754c0-.054-.023-.176-.106-.382a6.254 6.254 0 0 0-.35-.704 24.209 24.209 0 0 0-1.21-1.875 100.7 100.7 0 0 0-2.238-3.034L8.7 6.865a.433.433 0 0 1-.087-.26V1.457H7.387Zm.546 6.563c.182.156.203.43.047.61v.002l-.005.005-.017.02a12.884 12.884 0 0 0-.317.388c-.215.268-.516.655-.86 1.129a27.898 27.898 0 0 0-1.903 2.974h2.075a.433.433 0 1 1 0 .867h-2.79a.433.433 0 0 1-.388-.627c.712-1.425 1.6-2.755 2.305-3.724a32.072 32.072 0 0 1 1.216-1.567l.019-.022.005-.006.002-.002.33.282-.33-.282a.433.433 0 0 1 .611-.047Zm1.579 3.384a.433.433 0 1 0 0 .867h.232a.433.433 0 0 0 0-.867h-.232Zm1.628 1.744a.433.433 0 1 0 0 .867h.232a.433.433 0 1 0 0-.867h-.232Z"
|
26
|
+
})
|
27
|
+
}));
|
28
|
+
});
|
29
|
+
TestingIcon.displayName = "TestingIcon";
|
@@ -0,0 +1,54 @@
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
3
|
+
var _excluded = ["width", "height"];
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
6
|
+
import { forwardRef } from "react";
|
7
|
+
import { getUniqueIconId } from "./utils";
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
9
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
10
|
+
var id1 = getUniqueIconId();
|
11
|
+
var id2 = getUniqueIconId();
|
12
|
+
export var UnpinIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
13
|
+
var _ref$width = _ref.width,
|
14
|
+
width = _ref$width === void 0 ? 24 : _ref$width,
|
15
|
+
_ref$height = _ref.height,
|
16
|
+
height = _ref$height === void 0 ? 24 : _ref$height,
|
17
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
18
|
+
return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({
|
19
|
+
ref: ref,
|
20
|
+
xmlns: "http://www.w3.org/2000/svg",
|
21
|
+
width: width,
|
22
|
+
height: height,
|
23
|
+
viewBox: "0 0 12 15"
|
24
|
+
}, rest), {}, {
|
25
|
+
children: [/*#__PURE__*/_jsx("defs", {
|
26
|
+
children: /*#__PURE__*/_jsx("path", {
|
27
|
+
id: id1,
|
28
|
+
d: "m3.74 6.88 1.153.74a4.42 4.42 0 0 0-1.467 2.428l-.046.239h5.88l2.073 1.28H8.667v2.546a2.31 2.31 0 0 1-.087.667c-.16.427-.42.487-.58.487a.627.627 0 0 1-.587-.447 2.16 2.16 0 0 1-.08-.498v-2.729H2.667A.667.667 0 0 1 2 10.927 5.64 5.64 0 0 1 3.74 6.88ZM2.667 4.3A.667.667 0 0 1 3 4.4l2.273 1.407L6.54 6.6l6 3.713 1.12.667a.727.727 0 0 1 .253.26.753.753 0 0 1 .02.747.667.667 0 0 1-.566.346.667.667 0 0 1-.34-.1L12 11.567l-2.093-1.28-4.734-2.92L4 6.667 2.347 5.62a.74.74 0 0 1-.26-.953.667.667 0 0 1 .58-.367ZM4 1.28h7.993a.667.667 0 0 1 .099 1.326l-.099.007H10.66v3.134a5.713 5.713 0 0 1 3.333 5.046l-.075-.068-.085-.058-1.293-.774A4.507 4.507 0 0 0 9.747 6.78a.667.667 0 0 1-.403-.497l-.01-.096V2.613H6.666v3.574l.002.04-.002.04-1.334-.82V2.613H4a.667.667 0 0 1-.11-1.324L4 1.28h7.993Z"
|
29
|
+
})
|
30
|
+
}), /*#__PURE__*/_jsxs("g", {
|
31
|
+
fill: "none",
|
32
|
+
fillRule: "evenodd",
|
33
|
+
transform: "translate(-2 -1)",
|
34
|
+
children: [/*#__PURE__*/_jsx("mask", {
|
35
|
+
id: id2,
|
36
|
+
fill: "#fff",
|
37
|
+
children: /*#__PURE__*/_jsx("use", {
|
38
|
+
xlinkHref: "#".concat(id1)
|
39
|
+
})
|
40
|
+
}), /*#__PURE__*/_jsx("use", {
|
41
|
+
xlinkHref: "#".concat(id1),
|
42
|
+
fill: "#000",
|
43
|
+
fillRule: "nonzero"
|
44
|
+
}), /*#__PURE__*/_jsx("g", {
|
45
|
+
fill: "currentColor",
|
46
|
+
mask: "url(#".concat(id2, ")"),
|
47
|
+
children: /*#__PURE__*/_jsx("path", {
|
48
|
+
d: "M-8-8h32v32H-8z"
|
49
|
+
})
|
50
|
+
})]
|
51
|
+
})]
|
52
|
+
}));
|
53
|
+
});
|
54
|
+
UnpinIcon.displayName = "UnpinIcon";
|
@@ -0,0 +1,27 @@
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
3
|
+
var _excluded = ["width", "height"];
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
6
|
+
import { forwardRef } from "react";
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
8
|
+
export var WorkspaceSwitcherIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
9
|
+
var _ref$width = _ref.width,
|
10
|
+
width = _ref$width === void 0 ? 24 : _ref$width,
|
11
|
+
_ref$height = _ref.height,
|
12
|
+
height = _ref$height === void 0 ? 24 : _ref$height,
|
13
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
14
|
+
return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
|
15
|
+
ref: ref,
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
17
|
+
width: width,
|
18
|
+
height: height,
|
19
|
+
viewBox: "0 0 14 14"
|
20
|
+
}, rest), {}, {
|
21
|
+
children: /*#__PURE__*/_jsx("path", {
|
22
|
+
fill: "currentColor",
|
23
|
+
d: "M.499.25h3.553v3.553H.499zm0 4.974h3.553v3.553H.499zm0 4.973h3.553v3.553H.499zM5.472.25h3.553v3.553H5.472zm0 4.974h3.553v3.553H5.472zm0 4.973h3.553v3.553H5.472zM10.446.25h3.553v3.553h-3.553zm0 4.974h3.553v3.553h-3.553zm0 4.973h3.553v3.553h-3.553z"
|
24
|
+
})
|
25
|
+
}));
|
26
|
+
});
|
27
|
+
WorkspaceSwitcherIcon.displayName = "WorkspaceSwitcherIcon";
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import type { ComponentClass, SVGAttributes, VoidFunctionComponent } from "react";
|
2
|
+
export declare type IconProps = SVGAttributes<SVGElement>;
|
3
|
+
export declare type IconComponentType = VoidFunctionComponent<IconProps> | ComponentClass<IconProps>;
|
4
|
+
export { DragHandleIcon } from "./DragHandleIcon";
|
5
|
+
export { NoFiltersIcon } from "./NoFiltersIcon";
|
6
|
+
export { CrawlerIcon } from "./CrawlerIcon";
|
7
|
+
export { NeuralSearchIcon } from "./NeuralSearchIcon";
|
8
|
+
export { UnpinIcon } from "./UnpinIcon";
|
9
|
+
export { PinIcon } from "./PinIcon";
|
10
|
+
export { SettingsCategoryPagesIcon } from "./SettingsCategoryPagesIcon";
|
11
|
+
export { SettingsConsequencesIcon } from "./SettingsConsequencesIcon";
|
12
|
+
export { WorkspaceSwitcherIcon } from "./WorkspaceSwitcherIcon";
|
13
|
+
export { AlgoliaSearchIcon } from "./AlgoliaSearchIcon";
|
14
|
+
export { AlgoliaRecommendIcon } from "./AlgoliaRecommendIcon";
|
15
|
+
export { ContextIcon } from "./ContextIcon";
|
16
|
+
export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
|
17
|
+
export { BulbIcon } from "./BulbIcon";
|
18
|
+
export { TestingIcon } from "./TestingIcon";
|
19
|
+
export { RocketIcon } from "./RocketIcon";
|
20
|
+
export { Activity as ActivityIcon, Airplay as AirplayIcon, AlertCircle as AlertCircleIcon, AlertOctagon as AlertOctagonIcon, AlertTriangle as AlertTriangleIcon, AlignCenter as AlignCenterIcon, AlignJustify as AlignJustifyIcon, AlignLeft as AlignLeftIcon, AlignRight as AlignRightIcon, Anchor as AnchorIcon, Aperture as ApertureIcon, Archive as ArchiveIcon, ArrowDownCircle as ArrowDownCircleIcon, ArrowDownLeft as ArrowDownLeftIcon, ArrowDownRight as ArrowDownRightIcon, ArrowDown as ArrowDownIcon, ArrowLeftCircle as ArrowLeftCircleIcon, ArrowLeft as ArrowLeftIcon, ArrowRightCircle as ArrowRightCircleIcon, ArrowRight as ArrowRightIcon, ArrowUpCircle as ArrowUpCircleIcon, ArrowUpLeft as ArrowUpLeftIcon, ArrowUpRight as ArrowUpRightIcon, ArrowUp as ArrowUpIcon, AtSign as AtSignIcon, Award as AwardIcon, BarChart2 as BarChart2Icon, BarChart as BarChartIcon, BatteryCharging as BatteryChargingIcon, Battery as BatteryIcon, BellOff as BellOffIcon, Bell as BellIcon, Bluetooth as BluetoothIcon, Bold as BoldIcon, BookOpen as BookOpenIcon, Book as BookIcon, Bookmark as BookmarkIcon, Box as BoxIcon, Briefcase as BriefcaseIcon, Calendar as CalendarIcon, CameraOff as CameraOffIcon, Camera as CameraIcon, Cast as CastIcon, CheckCircle as CheckCircleIcon, CheckSquare as CheckSquareIcon, Check as CheckIcon, ChevronDown as ChevronDownIcon, ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, ChevronUp as ChevronUpIcon, ChevronsDown as ChevronsDownIcon, ChevronsLeft as ChevronsLeftIcon, ChevronsRight as ChevronsRightIcon, ChevronsUp as ChevronsUpIcon, Chrome as ChromeIcon, Circle as CircleIcon, Clipboard as ClipboardIcon, Clock as ClockIcon, CloudDrizzle as CloudDrizzleIcon, CloudLightning as CloudLightningIcon, CloudOff as CloudOffIcon, CloudRain as CloudRainIcon, CloudSnow as CloudSnowIcon, Cloud as CloudIcon, Code as CodeIcon, Codepen as CodepenIcon, Codesandbox as CodesandboxIcon, Coffee as CoffeeIcon, Columns as ColumnsIcon, Command as CommandIcon, Compass as CompassIcon, Copy as CopyIcon, CornerDownLeft as CornerDownLeftIcon, CornerDownRight as CornerDownRightIcon, CornerLeftDown as CornerLeftDownIcon, CornerLeftUp as CornerLeftUpIcon, CornerRightDown as CornerRightDownIcon, CornerRightUp as CornerRightUpIcon, CornerUpLeft as CornerUpLeftIcon, CornerUpRight as CornerUpRightIcon, Cpu as CpuIcon, CreditCard as CreditCardIcon, Crop as CropIcon, Crosshair as CrosshairIcon, Database as DatabaseIcon, Delete as DeleteIcon, Disc as DiscIcon, DivideCircle as DivideCircleIcon, DivideSquare as DivideSquareIcon, Divide as DivideIcon, DollarSign as DollarSignIcon, DownloadCloud as DownloadCloudIcon, Download as DownloadIcon, Dribbble as DribbbleIcon, Droplet as DropletIcon, Edit2 as Edit2Icon, Edit3 as Edit3Icon, Edit as EditIcon, ExternalLink as ExternalLinkIcon, EyeOff as EyeOffIcon, Eye as EyeIcon, Facebook as FacebookIcon, FastForward as FastForwardIcon, Feather as FeatherIcon, Figma as FigmaIcon, FileMinus as FileMinusIcon, FilePlus as FilePlusIcon, FileText as FileTextIcon, File as FileIcon, Film as FilmIcon, Filter as FilterIcon, Flag as FlagIcon, FolderMinus as FolderMinusIcon, FolderPlus as FolderPlusIcon, Folder as FolderIcon, Framer as FramerIcon, Frown as FrownIcon, Gift as GiftIcon, GitBranch as GitBranchIcon, GitCommit as GitCommitIcon, GitMerge as GitMergeIcon, GitPullRequest as GitPullRequestIcon, GitHub as GitHubIcon, Gitlab as GitlabIcon, Globe as GlobeIcon, Grid as GridIcon, HardDrive as HardDriveIcon, Hash as HashIcon, Headphones as HeadphonesIcon, Heart as HeartIcon, HelpCircle as HelpCircleIcon, Hexagon as HexagonIcon, Home as HomeIcon, Image as ImageIcon, Inbox as InboxIcon, Info as InfoIcon, Instagram as InstagramIcon, Italic as ItalicIcon, Key as KeyIcon, Layers as LayersIcon, Layout as LayoutIcon, LifeBuoy as LifeBuoyIcon, Link2 as Link2Icon, Link as LinkIcon, Linkedin as LinkedinIcon, List as ListIcon, Loader as LoaderIcon, Lock as LockIcon, LogIn as LogInIcon, LogOut as LogOutIcon, Mail as MailIcon, MapPin as MapPinIcon, Map as MapIcon, Maximize2 as Maximize2Icon, Maximize as MaximizeIcon, Meh as MehIcon, Menu as MenuIcon, MessageCircle as MessageCircleIcon, MessageSquare as MessageSquareIcon, MicOff as MicOffIcon, Mic as MicIcon, Minimize2 as Minimize2Icon, Minimize as MinimizeIcon, MinusCircle as MinusCircleIcon, MinusSquare as MinusSquareIcon, Minus as MinusIcon, Monitor as MonitorIcon, Moon as MoonIcon, MoreHorizontal as MoreHorizontalIcon, MoreVertical as MoreVerticalIcon, MousePointer as MousePointerIcon, Move as MoveIcon, Music as MusicIcon, Navigation2 as Navigation2Icon, Navigation as NavigationIcon, Octagon as OctagonIcon, Package as PackageIcon, Paperclip as PaperclipIcon, PauseCircle as PauseCircleIcon, Pause as PauseIcon, PenTool as PenToolIcon, Percent as PercentIcon, PhoneCall as PhoneCallIcon, PhoneForwarded as PhoneForwardedIcon, PhoneIncoming as PhoneIncomingIcon, PhoneMissed as PhoneMissedIcon, PhoneOff as PhoneOffIcon, PhoneOutgoing as PhoneOutgoingIcon, Phone as PhoneIcon, PieChart as PieChartIcon, PlayCircle as PlayCircleIcon, Play as PlayIcon, PlusCircle as PlusCircleIcon, PlusSquare as PlusSquareIcon, Plus as PlusIcon, Pocket as PocketIcon, Power as PowerIcon, Printer as PrinterIcon, Radio as RadioIcon, RefreshCcw as RefreshCcwIcon, RefreshCw as RefreshCwIcon, Repeat as RepeatIcon, Rewind as RewindIcon, RotateCcw as RotateCcwIcon, RotateCw as RotateCwIcon, Rss as RssIcon, Save as SaveIcon, Scissors as ScissorsIcon, Search as SearchIcon, Send as SendIcon, Server as ServerIcon, Settings as SettingsIcon, Share2 as Share2Icon, Share as ShareIcon, ShieldOff as ShieldOffIcon, Shield as ShieldIcon, ShoppingBag as ShoppingBagIcon, ShoppingCart as ShoppingCartIcon, Shuffle as ShuffleIcon, Sidebar as SidebarIcon, SkipBack as SkipBackIcon, SkipForward as SkipForwardIcon, Slack as SlackIcon, Slash as SlashIcon, Sliders as SlidersIcon, Smartphone as SmartphoneIcon, Smile as SmileIcon, Speaker as SpeakerIcon, Square as SquareIcon, Star as StarIcon, StopCircle as StopCircleIcon, Sun as SunIcon, Sunrise as SunriseIcon, Sunset as SunsetIcon, Table as TableIcon, Tablet as TabletIcon, Tag as TagIcon, Target as TargetIcon, Terminal as TerminalIcon, Thermometer as ThermometerIcon, ThumbsDown as ThumbsDownIcon, ThumbsUp as ThumbsUpIcon, ToggleLeft as ToggleLeftIcon, ToggleRight as ToggleRightIcon, Tool as ToolIcon, Trash2 as Trash2Icon, Trash as TrashIcon, Trello as TrelloIcon, TrendingDown as TrendingDownIcon, TrendingUp as TrendingUpIcon, Triangle as TriangleIcon, Truck as TruckIcon, Tv as TvIcon, Twitch as TwitchIcon, Twitter as TwitterIcon, Type as TypeIcon, Umbrella as UmbrellaIcon, Underline as UnderlineIcon, Unlock as UnlockIcon, UploadCloud as UploadCloudIcon, Upload as UploadIcon, UserCheck as UserCheckIcon, UserMinus as UserMinusIcon, UserPlus as UserPlusIcon, UserX as UserXIcon, User as UserIcon, Users as UsersIcon, VideoOff as VideoOffIcon, Video as VideoIcon, Voicemail as VoicemailIcon, Volume1 as Volume1Icon, Volume2 as Volume2Icon, VolumeX as VolumeXIcon, Volume as VolumeIcon, Watch as WatchIcon, WifiOff as WifiOffIcon, Wifi as WifiIcon, Wind as WindIcon, XCircle as XCircleIcon, XOctagon as XOctagonIcon, XSquare as XSquareIcon, X as XIcon, Youtube as YoutubeIcon, ZapOff as ZapOffIcon, Zap as ZapIcon, ZoomIn as ZoomInIcon, ZoomOut as ZoomOutIcon, } from "react-feather";
|
@@ -0,0 +1,22 @@
|
|
1
|
+
// Not using ComponentType because it adds children to the props through the use of FunctionComponent.
|
2
|
+
// TODO: Use ComponentType directly when upgrading to React 18
|
3
|
+
// Custom icons
|
4
|
+
export { DragHandleIcon } from "./DragHandleIcon";
|
5
|
+
export { NoFiltersIcon } from "./NoFiltersIcon";
|
6
|
+
export { CrawlerIcon } from "./CrawlerIcon";
|
7
|
+
export { NeuralSearchIcon } from "./NeuralSearchIcon";
|
8
|
+
export { UnpinIcon } from "./UnpinIcon";
|
9
|
+
export { PinIcon } from "./PinIcon";
|
10
|
+
export { SettingsCategoryPagesIcon } from "./SettingsCategoryPagesIcon";
|
11
|
+
export { SettingsConsequencesIcon } from "./SettingsConsequencesIcon";
|
12
|
+
export { WorkspaceSwitcherIcon } from "./WorkspaceSwitcherIcon";
|
13
|
+
export { AlgoliaSearchIcon } from "./AlgoliaSearchIcon";
|
14
|
+
export { AlgoliaRecommendIcon } from "./AlgoliaRecommendIcon";
|
15
|
+
export { ContextIcon } from "./ContextIcon";
|
16
|
+
export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
|
17
|
+
export { BulbIcon } from "./BulbIcon";
|
18
|
+
export { TestingIcon } from "./TestingIcon";
|
19
|
+
export { RocketIcon } from "./RocketIcon";
|
20
|
+
|
21
|
+
// Feather icons
|
22
|
+
export { Activity as ActivityIcon, Airplay as AirplayIcon, AlertCircle as AlertCircleIcon, AlertOctagon as AlertOctagonIcon, AlertTriangle as AlertTriangleIcon, AlignCenter as AlignCenterIcon, AlignJustify as AlignJustifyIcon, AlignLeft as AlignLeftIcon, AlignRight as AlignRightIcon, Anchor as AnchorIcon, Aperture as ApertureIcon, Archive as ArchiveIcon, ArrowDownCircle as ArrowDownCircleIcon, ArrowDownLeft as ArrowDownLeftIcon, ArrowDownRight as ArrowDownRightIcon, ArrowDown as ArrowDownIcon, ArrowLeftCircle as ArrowLeftCircleIcon, ArrowLeft as ArrowLeftIcon, ArrowRightCircle as ArrowRightCircleIcon, ArrowRight as ArrowRightIcon, ArrowUpCircle as ArrowUpCircleIcon, ArrowUpLeft as ArrowUpLeftIcon, ArrowUpRight as ArrowUpRightIcon, ArrowUp as ArrowUpIcon, AtSign as AtSignIcon, Award as AwardIcon, BarChart2 as BarChart2Icon, BarChart as BarChartIcon, BatteryCharging as BatteryChargingIcon, Battery as BatteryIcon, BellOff as BellOffIcon, Bell as BellIcon, Bluetooth as BluetoothIcon, Bold as BoldIcon, BookOpen as BookOpenIcon, Book as BookIcon, Bookmark as BookmarkIcon, Box as BoxIcon, Briefcase as BriefcaseIcon, Calendar as CalendarIcon, CameraOff as CameraOffIcon, Camera as CameraIcon, Cast as CastIcon, CheckCircle as CheckCircleIcon, CheckSquare as CheckSquareIcon, Check as CheckIcon, ChevronDown as ChevronDownIcon, ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, ChevronUp as ChevronUpIcon, ChevronsDown as ChevronsDownIcon, ChevronsLeft as ChevronsLeftIcon, ChevronsRight as ChevronsRightIcon, ChevronsUp as ChevronsUpIcon, Chrome as ChromeIcon, Circle as CircleIcon, Clipboard as ClipboardIcon, Clock as ClockIcon, CloudDrizzle as CloudDrizzleIcon, CloudLightning as CloudLightningIcon, CloudOff as CloudOffIcon, CloudRain as CloudRainIcon, CloudSnow as CloudSnowIcon, Cloud as CloudIcon, Code as CodeIcon, Codepen as CodepenIcon, Codesandbox as CodesandboxIcon, Coffee as CoffeeIcon, Columns as ColumnsIcon, Command as CommandIcon, Compass as CompassIcon, Copy as CopyIcon, CornerDownLeft as CornerDownLeftIcon, CornerDownRight as CornerDownRightIcon, CornerLeftDown as CornerLeftDownIcon, CornerLeftUp as CornerLeftUpIcon, CornerRightDown as CornerRightDownIcon, CornerRightUp as CornerRightUpIcon, CornerUpLeft as CornerUpLeftIcon, CornerUpRight as CornerUpRightIcon, Cpu as CpuIcon, CreditCard as CreditCardIcon, Crop as CropIcon, Crosshair as CrosshairIcon, Database as DatabaseIcon, Delete as DeleteIcon, Disc as DiscIcon, DivideCircle as DivideCircleIcon, DivideSquare as DivideSquareIcon, Divide as DivideIcon, DollarSign as DollarSignIcon, DownloadCloud as DownloadCloudIcon, Download as DownloadIcon, Dribbble as DribbbleIcon, Droplet as DropletIcon, Edit2 as Edit2Icon, Edit3 as Edit3Icon, Edit as EditIcon, ExternalLink as ExternalLinkIcon, EyeOff as EyeOffIcon, Eye as EyeIcon, Facebook as FacebookIcon, FastForward as FastForwardIcon, Feather as FeatherIcon, Figma as FigmaIcon, FileMinus as FileMinusIcon, FilePlus as FilePlusIcon, FileText as FileTextIcon, File as FileIcon, Film as FilmIcon, Filter as FilterIcon, Flag as FlagIcon, FolderMinus as FolderMinusIcon, FolderPlus as FolderPlusIcon, Folder as FolderIcon, Framer as FramerIcon, Frown as FrownIcon, Gift as GiftIcon, GitBranch as GitBranchIcon, GitCommit as GitCommitIcon, GitMerge as GitMergeIcon, GitPullRequest as GitPullRequestIcon, GitHub as GitHubIcon, Gitlab as GitlabIcon, Globe as GlobeIcon, Grid as GridIcon, HardDrive as HardDriveIcon, Hash as HashIcon, Headphones as HeadphonesIcon, Heart as HeartIcon, HelpCircle as HelpCircleIcon, Hexagon as HexagonIcon, Home as HomeIcon, Image as ImageIcon, Inbox as InboxIcon, Info as InfoIcon, Instagram as InstagramIcon, Italic as ItalicIcon, Key as KeyIcon, Layers as LayersIcon, Layout as LayoutIcon, LifeBuoy as LifeBuoyIcon, Link2 as Link2Icon, Link as LinkIcon, Linkedin as LinkedinIcon, List as ListIcon, Loader as LoaderIcon, Lock as LockIcon, LogIn as LogInIcon, LogOut as LogOutIcon, Mail as MailIcon, MapPin as MapPinIcon, Map as MapIcon, Maximize2 as Maximize2Icon, Maximize as MaximizeIcon, Meh as MehIcon, Menu as MenuIcon, MessageCircle as MessageCircleIcon, MessageSquare as MessageSquareIcon, MicOff as MicOffIcon, Mic as MicIcon, Minimize2 as Minimize2Icon, Minimize as MinimizeIcon, MinusCircle as MinusCircleIcon, MinusSquare as MinusSquareIcon, Minus as MinusIcon, Monitor as MonitorIcon, Moon as MoonIcon, MoreHorizontal as MoreHorizontalIcon, MoreVertical as MoreVerticalIcon, MousePointer as MousePointerIcon, Move as MoveIcon, Music as MusicIcon, Navigation2 as Navigation2Icon, Navigation as NavigationIcon, Octagon as OctagonIcon, Package as PackageIcon, Paperclip as PaperclipIcon, PauseCircle as PauseCircleIcon, Pause as PauseIcon, PenTool as PenToolIcon, Percent as PercentIcon, PhoneCall as PhoneCallIcon, PhoneForwarded as PhoneForwardedIcon, PhoneIncoming as PhoneIncomingIcon, PhoneMissed as PhoneMissedIcon, PhoneOff as PhoneOffIcon, PhoneOutgoing as PhoneOutgoingIcon, Phone as PhoneIcon, PieChart as PieChartIcon, PlayCircle as PlayCircleIcon, Play as PlayIcon, PlusCircle as PlusCircleIcon, PlusSquare as PlusSquareIcon, Plus as PlusIcon, Pocket as PocketIcon, Power as PowerIcon, Printer as PrinterIcon, Radio as RadioIcon, RefreshCcw as RefreshCcwIcon, RefreshCw as RefreshCwIcon, Repeat as RepeatIcon, Rewind as RewindIcon, RotateCcw as RotateCcwIcon, RotateCw as RotateCwIcon, Rss as RssIcon, Save as SaveIcon, Scissors as ScissorsIcon, Search as SearchIcon, Send as SendIcon, Server as ServerIcon, Settings as SettingsIcon, Share2 as Share2Icon, Share as ShareIcon, ShieldOff as ShieldOffIcon, Shield as ShieldIcon, ShoppingBag as ShoppingBagIcon, ShoppingCart as ShoppingCartIcon, Shuffle as ShuffleIcon, Sidebar as SidebarIcon, SkipBack as SkipBackIcon, SkipForward as SkipForwardIcon, Slack as SlackIcon, Slash as SlashIcon, Sliders as SlidersIcon, Smartphone as SmartphoneIcon, Smile as SmileIcon, Speaker as SpeakerIcon, Square as SquareIcon, Star as StarIcon, StopCircle as StopCircleIcon, Sun as SunIcon, Sunrise as SunriseIcon, Sunset as SunsetIcon, Table as TableIcon, Tablet as TabletIcon, Tag as TagIcon, Target as TargetIcon, Terminal as TerminalIcon, Thermometer as ThermometerIcon, ThumbsDown as ThumbsDownIcon, ThumbsUp as ThumbsUpIcon, ToggleLeft as ToggleLeftIcon, ToggleRight as ToggleRightIcon, Tool as ToolIcon, Trash2 as Trash2Icon, Trash as TrashIcon, Trello as TrelloIcon, TrendingDown as TrendingDownIcon, TrendingUp as TrendingUpIcon, Triangle as TriangleIcon, Truck as TruckIcon, Tv as TvIcon, Twitch as TwitchIcon, Twitter as TwitterIcon, Type as TypeIcon, Umbrella as UmbrellaIcon, Underline as UnderlineIcon, Unlock as UnlockIcon, UploadCloud as UploadCloudIcon, Upload as UploadIcon, UserCheck as UserCheckIcon, UserMinus as UserMinusIcon, UserPlus as UserPlusIcon, UserX as UserXIcon, User as UserIcon, Users as UsersIcon, VideoOff as VideoOffIcon, Video as VideoIcon, Voicemail as VoicemailIcon, Volume1 as Volume1Icon, Volume2 as Volume2Icon, VolumeX as VolumeXIcon, Volume as VolumeIcon, Watch as WatchIcon, WifiOff as WifiOffIcon, Wifi as WifiIcon, Wind as WindIcon, XCircle as XCircleIcon, XOctagon as XOctagonIcon, XSquare as XSquareIcon, X as XIcon, Youtube as YoutubeIcon, ZapOff as ZapOffIcon, Zap as ZapIcon, ZoomIn as ZoomInIcon, ZoomOut as ZoomOutIcon } from "react-feather";
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare function getUniqueIconId(): string;
|
package/esm/Input/Input.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { InputHTMLAttributes, ReactNode } from "react";
|
2
|
-
import type { IconComponentType } from "../
|
2
|
+
import type { IconComponentType } from "../Icons";
|
3
3
|
export declare type InputVariant = "small" | "medium" | "large";
|
4
4
|
export declare type InputStatus = "default" | "validated" | "invalid";
|
5
5
|
export declare type InputPropsLocale = {
|
package/esm/Link/Link.d.ts
CHANGED
@@ -0,0 +1,25 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
|
3
|
+
import type { DropdownMenuProps } from "@radix-ui/react-dropdown-menu";
|
4
|
+
import type { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
|
5
|
+
export declare type MenuButtonProps = DropdownMenuProps;
|
6
|
+
export declare type MenuButtonContentProps = Omit<DropdownMenuContentProps, "asChild">;
|
7
|
+
export declare const Content: ({ children, align, side, className }: MenuButtonContentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
8
|
+
declare const ExperimentalMenuButton: {
|
9
|
+
({ ...props }: MenuButtonProps): JSX.Element;
|
10
|
+
Content: ({ children, align, side, className }: MenuButtonContentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
11
|
+
CollapsibleItem: import("react").FC<import("./components/collapsible").CollapsibleItemProps>;
|
12
|
+
CollapsibleItemsSingleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsExclusiveGroupProps>;
|
13
|
+
CollapsibleItemsMultipleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsMultiGroupProps>;
|
14
|
+
Divider: () => JSX.Element;
|
15
|
+
Label: import("react").FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
|
16
|
+
Trigger: import("react").FC<import("./components/DefaultTrigger").DefaultTriggerProps>;
|
17
|
+
CustomTrigger: import("react").FC<import("./components/CustomTrigger").CustomTriggerProps>;
|
18
|
+
ButtonItem: import("react").FC<import("./components/items").ButtonItemProps>;
|
19
|
+
LinkItem: import("react").FC<import("./components/items").LinkItemProps>;
|
20
|
+
RadioItem: import("react").FC<import("./components/items").RadioItemProps>;
|
21
|
+
ToggleItem: import("react").FC<import("./components/items").ToggleItemProps>;
|
22
|
+
RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
23
|
+
displayName: string;
|
24
|
+
};
|
25
|
+
export default ExperimentalMenuButton;
|
@@ -0,0 +1,62 @@
|
|
1
|
+
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
3
|
+
import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
|
4
|
+
import _extends from "@babel/runtime/helpers/extends";
|
5
|
+
var _templateObject, _templateObject2;
|
6
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
7
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
8
|
+
import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
|
9
|
+
import cx from "clsx";
|
10
|
+
import { Card } from "../Card";
|
11
|
+
import { useCreatePortal } from "../Satellite";
|
12
|
+
import stl from "../styles/helpers/satellitePrefixer";
|
13
|
+
import { CollapsibleItem, CollapsibleItemsMultipleGroup, CollapsibleItemsSingleGroup } from "./components/collapsible";
|
14
|
+
import CustomTrigger from "./components/CustomTrigger";
|
15
|
+
import DefaultTrigger from "./components/DefaultTrigger";
|
16
|
+
import Divider from "./components/Divider";
|
17
|
+
import { ButtonItem, LinkItem, RadioItem, ToggleItem } from "./components/items";
|
18
|
+
import Label from "./components/Label";
|
19
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
20
|
+
var MenuButton = function MenuButton(_ref) {
|
21
|
+
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
22
|
+
return /*#__PURE__*/_jsx(DropdownMenu.Root, _objectSpread({}, props));
|
23
|
+
};
|
24
|
+
export var Content = function Content(_ref2) {
|
25
|
+
var children = _ref2.children,
|
26
|
+
_ref2$align = _ref2.align,
|
27
|
+
align = _ref2$align === void 0 ? "start" : _ref2$align,
|
28
|
+
_ref2$side = _ref2.side,
|
29
|
+
side = _ref2$side === void 0 ? "bottom" : _ref2$side,
|
30
|
+
className = _ref2.className;
|
31
|
+
var createPortal = useCreatePortal();
|
32
|
+
return createPortal( /*#__PURE__*/_jsx(DropdownMenu.Content, {
|
33
|
+
align: align,
|
34
|
+
side: side,
|
35
|
+
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["z-dropdown min-w-64 max-w-128"]))), className),
|
36
|
+
sideOffset: 15,
|
37
|
+
children: /*#__PURE__*/_jsx(CollapsibleItemsSingleGroup, {
|
38
|
+
children: /*#__PURE__*/_jsx(Card, {
|
39
|
+
fullBleed: true,
|
40
|
+
elevation: "300",
|
41
|
+
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col py-1 text-grey-900"]))),
|
42
|
+
children: children
|
43
|
+
})
|
44
|
+
})
|
45
|
+
}));
|
46
|
+
};
|
47
|
+
MenuButton.Content = Content;
|
48
|
+
MenuButton.CollapsibleItem = CollapsibleItem;
|
49
|
+
MenuButton.CollapsibleItemsSingleGroup = CollapsibleItemsSingleGroup;
|
50
|
+
MenuButton.CollapsibleItemsMultipleGroup = CollapsibleItemsMultipleGroup;
|
51
|
+
MenuButton.Divider = Divider;
|
52
|
+
MenuButton.Label = Label;
|
53
|
+
MenuButton.Trigger = DefaultTrigger;
|
54
|
+
MenuButton.CustomTrigger = CustomTrigger;
|
55
|
+
MenuButton.ButtonItem = ButtonItem;
|
56
|
+
MenuButton.LinkItem = LinkItem;
|
57
|
+
MenuButton.RadioItem = RadioItem;
|
58
|
+
MenuButton.ToggleItem = ToggleItem;
|
59
|
+
MenuButton.RadioGroup = DropdownMenu.RadioGroup;
|
60
|
+
MenuButton.displayName = "MenuButton";
|
61
|
+
var ExperimentalMenuButton = MenuButton;
|
62
|
+
export default ExperimentalMenuButton;
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import type { DropdownMenuTriggerProps } from "@radix-ui/react-dropdown-menu";
|
2
|
+
import type { FC } from "react";
|
3
|
+
export declare type CustomTriggerProps = Omit<DropdownMenuTriggerProps, "asChild">;
|
4
|
+
export declare const CustomTrigger: FC<CustomTriggerProps>;
|
5
|
+
export default CustomTrigger;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
|
+
import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
|
3
|
+
import _extends from "@babel/runtime/helpers/extends";
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
6
|
+
import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
8
|
+
export var CustomTrigger = function CustomTrigger(_ref) {
|
9
|
+
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
10
|
+
return /*#__PURE__*/_jsx(DropdownMenu.Trigger, _objectSpread(_objectSpread({}, props), {}, {
|
11
|
+
asChild: true
|
12
|
+
}));
|
13
|
+
};
|
14
|
+
export default CustomTrigger;
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
3
|
+
var _excluded = ["children"];
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
6
|
+
import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
|
7
|
+
import { ChevronDown } from "react-feather";
|
8
|
+
import Button from "../../Button";
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
10
|
+
export var DefaultTrigger = function DefaultTrigger(_ref) {
|
11
|
+
var children = _ref.children,
|
12
|
+
buttonProps = _objectWithoutProperties(_ref, _excluded);
|
13
|
+
return /*#__PURE__*/_jsx(DropdownMenu.Trigger, {
|
14
|
+
asChild: true,
|
15
|
+
children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
|
16
|
+
endIcon: ChevronDown
|
17
|
+
}, buttonProps), {}, {
|
18
|
+
children: children
|
19
|
+
}))
|
20
|
+
});
|
21
|
+
};
|
22
|
+
export default DefaultTrigger;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
2
|
+
var _templateObject;
|
3
|
+
import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
|
4
|
+
import stl from "../../styles/helpers/satellitePrefixer";
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
6
|
+
export var Divider = function Divider() {
|
7
|
+
return /*#__PURE__*/_jsx(DropdownMenu.Separator, {
|
8
|
+
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["border-b border-grey-100"])))
|
9
|
+
});
|
10
|
+
};
|
11
|
+
export default Divider;
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
|
+
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
3
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
4
|
+
var _templateObject;
|
5
|
+
var _excluded = ["className"];
|
6
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
7
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
8
|
+
import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
|
9
|
+
import cx from "clsx";
|
10
|
+
import stl from "../../styles/helpers/satellitePrefixer";
|
11
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
12
|
+
export var Label = function Label(_ref) {
|
13
|
+
var className = _ref.className,
|
14
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
15
|
+
return /*#__PURE__*/_jsx(DropdownMenu.Label, {
|
16
|
+
asChild: true,
|
17
|
+
children: /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, props), {}, {
|
18
|
+
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center h-10 px-4\n border-grey-100 border-b border-t first:border-t-0\n display-subheading"]))), className)
|
19
|
+
}))
|
20
|
+
});
|
21
|
+
};
|
22
|
+
export default Label;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import type { FC, MouseEvent, ReactNode } from "react";
|
2
|
+
export interface CollapsibleItemProps {
|
3
|
+
title: ReactNode;
|
4
|
+
name?: string;
|
5
|
+
expanded?: boolean;
|
6
|
+
onClick?: (evt: MouseEvent<HTMLElement>, name: string, expandedItems: readonly string[]) => void;
|
7
|
+
}
|
8
|
+
export declare const CollapsibleItem: FC<CollapsibleItemProps>;
|
9
|
+
export default CollapsibleItem;
|
@@ -0,0 +1,55 @@
|
|
1
|
+
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
2
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
3
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
4
|
+
import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
|
5
|
+
import { useState } from "react";
|
6
|
+
import { ChevronDown, ChevronRight } from "react-feather";
|
7
|
+
import stl from "../../../styles/helpers/satellitePrefixer";
|
8
|
+
import { uniqueId } from "../../../utils";
|
9
|
+
import { useCollapsibleItemsGroup } from "./CollapsibleItemsGroupContext";
|
10
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
11
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
12
|
+
export var CollapsibleItem = function CollapsibleItem(_ref) {
|
13
|
+
var title = _ref.title,
|
14
|
+
name = _ref.name,
|
15
|
+
expanded = _ref.expanded,
|
16
|
+
_onClick = _ref.onClick,
|
17
|
+
children = _ref.children;
|
18
|
+
var _useCollapsibleItemsG = useCollapsibleItemsGroup(),
|
19
|
+
expandedItems = _useCollapsibleItemsG.expandedItems,
|
20
|
+
onItemClick = _useCollapsibleItemsG.onItemClick;
|
21
|
+
var _useState = useState(function () {
|
22
|
+
return uniqueId("ddci");
|
23
|
+
}),
|
24
|
+
_useState2 = _slicedToArray(_useState, 1),
|
25
|
+
internalName = _useState2[0];
|
26
|
+
var itemName = name !== null && name !== void 0 ? name : internalName;
|
27
|
+
var isExpanded = typeof expanded === "boolean" ? expanded : expandedItems.includes(itemName);
|
28
|
+
var OpenIndicator = isExpanded ? ChevronDown : ChevronRight;
|
29
|
+
return /*#__PURE__*/_jsxs("div", {
|
30
|
+
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex flex-col"]))),
|
31
|
+
children: [/*#__PURE__*/_jsxs(DropdownMenu.Item, {
|
32
|
+
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n w-full h-10 px-4\n flex items-center justify-between\n text-grey-900 hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer\n "]))),
|
33
|
+
onSelect: function onSelect(evt) {
|
34
|
+
return evt.preventDefault();
|
35
|
+
},
|
36
|
+
onClick: function onClick(evt) {
|
37
|
+
if (typeof expanded === "boolean") {
|
38
|
+
_onClick === null || _onClick === void 0 || _onClick(evt, itemName, expandedItems);
|
39
|
+
} else {
|
40
|
+
onItemClick(itemName);
|
41
|
+
}
|
42
|
+
},
|
43
|
+
children: [/*#__PURE__*/_jsx("div", {
|
44
|
+
children: title
|
45
|
+
}), /*#__PURE__*/_jsx(OpenIndicator, {
|
46
|
+
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["text-grey-500"]))),
|
47
|
+
size: "1.25em"
|
48
|
+
})]
|
49
|
+
}), isExpanded && /*#__PURE__*/_jsx("div", {
|
50
|
+
className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-grey-50 border-l-2 border-grey-300 typo-subdued"]))),
|
51
|
+
children: children
|
52
|
+
})]
|
53
|
+
});
|
54
|
+
};
|
55
|
+
export default CollapsibleItem;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { CollapsibleItemsGroupContext } from "./CollapsibleItemsGroupContext";
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
3
|
+
export var CollapsibleItemsGroup = function CollapsibleItemsGroup(_ref) {
|
4
|
+
var expandedItems = _ref.expandedItems,
|
5
|
+
onItemClick = _ref.onItemClick,
|
6
|
+
children = _ref.children;
|
7
|
+
return /*#__PURE__*/_jsx(CollapsibleItemsGroupContext.Provider, {
|
8
|
+
value: {
|
9
|
+
expandedItems: expandedItems,
|
10
|
+
onItemClick: onItemClick
|
11
|
+
},
|
12
|
+
children: children
|
13
|
+
});
|
14
|
+
};
|
@@ -0,0 +1,7 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export interface CollapsibleItemsGroupContextInterface {
|
3
|
+
expandedItems: readonly string[];
|
4
|
+
onItemClick(name: string): void;
|
5
|
+
}
|
6
|
+
export declare const CollapsibleItemsGroupContext: import("react").Context<CollapsibleItemsGroupContextInterface | null>;
|
7
|
+
export declare const useCollapsibleItemsGroup: () => CollapsibleItemsGroupContextInterface;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { createContext, useContext } from "react";
|
2
|
+
export var CollapsibleItemsGroupContext = /*#__PURE__*/createContext(null);
|
3
|
+
export var useCollapsibleItemsGroup = function useCollapsibleItemsGroup() {
|
4
|
+
var context = useContext(CollapsibleItemsGroupContext);
|
5
|
+
if (!context) {
|
6
|
+
throw new Error("useCollapsibleItemsGroupContext used outside CollapsibleItemsGroupContext");
|
7
|
+
}
|
8
|
+
return context;
|
9
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import type { FC } from "react";
|
2
|
+
export declare type CollapsibleItemsMultiGroupProps = {
|
3
|
+
initialExpandedItems?: string[];
|
4
|
+
};
|
5
|
+
/**
|
6
|
+
* Multiple collapsible item can be open at a given time
|
7
|
+
*/
|
8
|
+
export declare const CollapsibleItemsMultipleGroup: FC<CollapsibleItemsMultiGroupProps>;
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
2
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
3
|
+
import { useState } from "react";
|
4
|
+
import { CollapsibleItemsGroup } from "./CollapsibleItemsGroup";
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
6
|
+
/**
|
7
|
+
* Multiple collapsible item can be open at a given time
|
8
|
+
*/
|
9
|
+
export var CollapsibleItemsMultipleGroup = function CollapsibleItemsMultipleGroup(_ref) {
|
10
|
+
var initialExpandedItems = _ref.initialExpandedItems,
|
11
|
+
children = _ref.children;
|
12
|
+
var _useState = useState(function () {
|
13
|
+
return initialExpandedItems !== null && initialExpandedItems !== void 0 ? initialExpandedItems : [];
|
14
|
+
}),
|
15
|
+
_useState2 = _slicedToArray(_useState, 2),
|
16
|
+
expandedItems = _useState2[0],
|
17
|
+
setExpandedItems = _useState2[1];
|
18
|
+
return /*#__PURE__*/_jsx(CollapsibleItemsGroup, {
|
19
|
+
expandedItems: expandedItems,
|
20
|
+
onItemClick: function onItemClick(name) {
|
21
|
+
return setExpandedItems(function (items) {
|
22
|
+
return items.includes(name) ? items.filter(function (i) {
|
23
|
+
return i !== name;
|
24
|
+
}) : [].concat(_toConsumableArray(items), [name]);
|
25
|
+
});
|
26
|
+
},
|
27
|
+
children: children
|
28
|
+
});
|
29
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import type { FC } from "react";
|
2
|
+
export declare type CollapsibleItemsExclusiveGroupProps = {
|
3
|
+
initialExpandedItem?: string;
|
4
|
+
};
|
5
|
+
/**
|
6
|
+
* Only one collapsible item can be open at a given time (unless you manually override)
|
7
|
+
*/
|
8
|
+
export declare const CollapsibleItemsSingleGroup: FC<CollapsibleItemsExclusiveGroupProps>;
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
2
|
+
import { useState } from "react";
|
3
|
+
import { CollapsibleItemsGroup } from "./CollapsibleItemsGroup";
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
5
|
+
/**
|
6
|
+
* Only one collapsible item can be open at a given time (unless you manually override)
|
7
|
+
*/
|
8
|
+
export var CollapsibleItemsSingleGroup = function CollapsibleItemsSingleGroup(_ref) {
|
9
|
+
var initialExpandedItem = _ref.initialExpandedItem,
|
10
|
+
children = _ref.children;
|
11
|
+
var _useState = useState(function () {
|
12
|
+
return initialExpandedItem ? [initialExpandedItem] : [];
|
13
|
+
}),
|
14
|
+
_useState2 = _slicedToArray(_useState, 2),
|
15
|
+
expandedItems = _useState2[0],
|
16
|
+
setExpandedItems = _useState2[1];
|
17
|
+
return /*#__PURE__*/_jsx(CollapsibleItemsGroup, {
|
18
|
+
expandedItems: expandedItems,
|
19
|
+
onItemClick: function onItemClick(name) {
|
20
|
+
return setExpandedItems(function (items) {
|
21
|
+
return items.includes(name) ? [] : [name];
|
22
|
+
});
|
23
|
+
},
|
24
|
+
children: children
|
25
|
+
});
|
26
|
+
};
|