@kommo-crm/crm-react-ui-kit 1.14.3 → 1.16.0
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/README.md +18 -34
- package/dist/assets/DropdownList.css +1 -0
- package/dist/assets/Item2.css +1 -1
- package/dist/assets/Item3.css +1 -1
- package/dist/assets/Item4.css +1 -0
- package/dist/assets/List.css +1 -1
- package/dist/components/Accordion/components/Item/Item.js +1 -1
- package/dist/components/Badge/Badge.js +14 -14
- package/dist/components/Badge/Badge.props.d.ts +8 -3
- package/dist/components/Badge/Badge.props.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.props.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.themes.d.ts.map +1 -1
- package/dist/components/CheckboxGroup/components/Checkbox/Checkbox.props.d.ts.map +1 -1
- package/dist/components/ConfigProvider/ConfigProvider.props.d.ts.map +1 -1
- package/dist/components/ContextMenu/ContextMenu.props.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/CheckboxItem/CheckboxItem.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/Content/Content.props.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/Item/Item.js +1 -1
- package/dist/components/ContextMenu/components/Separator/Separator.props.d.ts.map +1 -1
- package/dist/components/ContextMenu/hooks/useContextMenu/useContextMenu.types.d.ts.map +1 -1
- package/dist/components/DropdownList/DropdownList.d.ts +4 -0
- package/dist/components/DropdownList/DropdownList.d.ts.map +1 -0
- package/dist/components/DropdownList/DropdownList.js +55 -0
- package/dist/components/DropdownList/DropdownList.props.d.ts +41 -0
- package/dist/components/DropdownList/DropdownList.props.d.ts.map +1 -0
- package/dist/components/DropdownList/DropdownList.props.js +1 -0
- package/dist/components/DropdownList/DropdownList.theme.d.ts +7 -0
- package/dist/components/DropdownList/DropdownList.theme.d.ts.map +1 -0
- package/dist/components/{List/List.theme.js → DropdownList/DropdownList.theme.js} +1 -1
- package/dist/components/DropdownList/index.d.ts +4 -0
- package/dist/components/DropdownList/index.d.ts.map +1 -0
- package/dist/components/DropdownList/index.js +6 -0
- package/dist/components/InlineInput/InlineInput.themes.d.ts.map +1 -1
- package/dist/components/Input/Input.themes.d.ts.map +1 -1
- package/dist/components/List/List.d.ts +3 -1
- package/dist/components/List/List.d.ts.map +1 -1
- package/dist/components/List/List.js +26 -46
- package/dist/components/List/List.props.d.ts +13 -35
- package/dist/components/List/List.props.d.ts.map +1 -1
- package/dist/components/List/components/Item/Item.d.ts +4 -0
- package/dist/components/List/components/Item/Item.d.ts.map +1 -0
- package/dist/components/List/components/Item/Item.js +13 -0
- package/dist/components/List/components/Item/Item.props.d.ts +10 -0
- package/dist/components/List/components/Item/Item.props.d.ts.map +1 -0
- package/dist/components/List/components/Item/Item.props.js +1 -0
- package/dist/components/List/components/Item/index.d.ts +3 -0
- package/dist/components/List/components/Item/index.d.ts.map +1 -0
- package/dist/components/List/components/Item/index.js +4 -0
- package/dist/components/List/index.d.ts +2 -2
- package/dist/components/List/index.d.ts.map +1 -1
- package/dist/components/List/index.js +2 -4
- package/dist/components/RadioGroup/RadioGroup.props.d.ts.map +1 -1
- package/dist/components/RadioGroup/components/ItemRoot/ItemRoot.props.d.ts.map +1 -1
- package/dist/components/Select/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Select/components/List/List.d.ts +1 -1
- package/dist/components/Select/components/List/List.d.ts.map +1 -1
- package/dist/components/Select/components/List/List.js +15 -15
- package/dist/components/Select/components/List/List.props.d.ts +1 -1
- package/dist/components/Select/components/List/List.props.d.ts.map +1 -1
- package/dist/components/Select/components/Option/Option.theme.d.ts.map +1 -1
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +2 -2
- package/dist/components/Switcher/Switcher.props.d.ts.map +1 -1
- package/dist/components/Text/Text.d.ts +1 -1
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +25 -24
- package/dist/components/Text/Text.props.d.ts +1 -0
- package/dist/components/Text/Text.props.d.ts.map +1 -1
- package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.props.d.ts.map +1 -1
- package/dist/hooks/useThemeClassName/useThemeClassName.d.ts.map +1 -1
- package/package.json +11 -39
- package/dist/components/List/List.theme.d.ts +0 -7
- package/dist/components/List/List.theme.d.ts.map +0 -1
- package/dist/fonts/PTS55F_W.woff +0 -0
- package/dist/fonts/PTS56F_W.woff +0 -0
- package/dist/fonts/PTS75F_W.woff +0 -0
- package/dist/fonts/PTS76F_W.woff +0 -0
- package/dist/fonts/ptsans.css +0 -34
- package/dist/img/logoDark.svg +0 -17
- package/dist/img/logoLight.svg +0 -17
package/README.md
CHANGED
|
@@ -1,65 +1,49 @@
|
|
|
1
|
-
|
|
1
|
+
# @kommo-crm/crm-react-ui-kit
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Ready-to-use React components that implement the design of [Kommo](https://www.kommo.com/).
|
|
4
4
|
|
|
5
5
|
[Storybook](https://storybook.kommo.com) preview
|
|
6
6
|
|
|
7
7
|
## Installation
|
|
8
8
|
|
|
9
|
-
| npm
|
|
10
|
-
|
|
|
9
|
+
| npm | yarn | pnpm |
|
|
10
|
+
| --- | --- | --- |
|
|
11
11
|
| `npm i @kommo-crm/crm-react-ui-kit` | `yarn add @kommo-crm/crm-react-ui-kit` | `pnpm add @kommo-crm/crm-react-ui-kit` |
|
|
12
12
|
|
|
13
13
|
## Commands
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
Run from the monorepo root or from this package directory:
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
|
24
|
-
| ---------------------- | ---------------------------------- |
|
|
25
|
-
| `yarn lint` | Lints your code |
|
|
26
|
-
| `yarn storybook` | Start Storybook on port 6006 |
|
|
27
|
-
| `yarn build-storybook` | Build Storybook for static hosting |
|
|
17
|
+
| Command | Description |
|
|
18
|
+
| --- | --- |
|
|
19
|
+
| `yarn build` | Build the library |
|
|
20
|
+
| `yarn lint` | Lint the source |
|
|
21
|
+
| `yarn test` | Run unit tests |
|
|
22
|
+
| `yarn test:e2e` | Run Playwright screenshot tests (requires Docker) |
|
|
23
|
+
| `yarn test:e2e:update-snapshots` | Regenerate screenshots |
|
|
28
24
|
|
|
29
25
|
## Testing
|
|
30
26
|
|
|
31
|
-
**
|
|
27
|
+
**Unit tests:**
|
|
32
28
|
|
|
33
29
|
```sh
|
|
34
30
|
yarn test
|
|
35
31
|
```
|
|
36
32
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
> For `Playwright` to work, [Docker](https://www.docker.com) must be installed
|
|
40
|
-
|
|
41
|
-
**Run screenshot tests:**
|
|
33
|
+
**Screenshot tests** (requires [Docker](https://www.docker.com)):
|
|
42
34
|
|
|
43
35
|
```sh
|
|
44
36
|
yarn test:e2e
|
|
45
37
|
```
|
|
46
38
|
|
|
47
|
-
**
|
|
39
|
+
**Update screenshots:**
|
|
48
40
|
|
|
49
41
|
```sh
|
|
50
42
|
yarn test:e2e:update-snapshots
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
**Generate screenshots with grep filter:**
|
|
54
|
-
|
|
55
|
-
```sh
|
|
43
|
+
# With grep filter:
|
|
56
44
|
yarn test:e2e:update-snapshots -g button
|
|
57
45
|
```
|
|
58
46
|
|
|
59
|
-
##
|
|
60
|
-
|
|
61
|
-
Pull requests are welcome. See the [contribution guidelines](./.github/CONTRIBUTING.md) for more information.
|
|
62
|
-
|
|
63
|
-
## Licenses
|
|
47
|
+
## License
|
|
64
48
|
|
|
65
|
-
Source code is under a [custom license](
|
|
49
|
+
Source code is under a [custom license](../../LICENCE) based on MIT.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._list_133sa_1{display:none;z-index:"auto";-webkit-overflow-scrolling:touch;padding:0;margin:0;color:var(--crm-ui-kit-list-color)}._opened_133sa_11{position:absolute;top:var(--crm-ui-kit-list-top);left:var(--crm-ui-kit-list-left);overflow:auto;display:block;width:var(--crm-ui-kit-list-width);max-height:var(--crm-ui-kit-list-max-height);padding-right:var(--crm-ui-kit-list-padding-right);margin-right:var(--crm-ui-kit-list-margin-right);box-sizing:content-box;background-color:var(--crm-ui-kit-list-background-color);border-width:var(--crm-ui-kit-list-border-width);border-style:var(--crm-ui-kit-list-border-style);border-color:var(--crm-ui-kit-list-border-color);border-radius:var(--crm-ui-kit-list-border-radius);outline:var(--crm-ui-kit-list-outline);z-index:var(--crm-ui-kit-list-z-index)}
|
package/dist/assets/Item2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._item_h1do7_1{margin:0;padding:0}
|
package/dist/assets/Item3.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._item_18s81_1{position:relative;display:flex;align-items:center;padding:10px 16px;color:var(--crm-ui-kit-palette-text-primary);background-color:var(--crm-ui-kit-palette-background-primary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none}._item_18s81_1[data-highlighted]{background-color:var(--crm-ui-kit-palette-background-default)}._item_18s81_1._danger_18s81_17{color:var(--crm-ui-kit-color-error)}._item_18s81_1._nonSelectable_18s81_21{cursor:auto;-webkit-user-select:text;user-select:text}._item_18s81_1._disabled_18s81_26{color:var(--crm-ui-kit-palette-text-secondary-light);cursor:auto}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._wrapper_1l5nn_1{margin-bottom:var(--crm-ui-kit-accordion-item-margin-bottom);background-color:var(--crm-ui-kit-accordion-item-background-color);border:1px solid var(--crm-ui-kit-accordion-item-border-color);border-radius:var(--crm-ui-kit-accordion-item-border-radius);box-shadow:var(--crm-ui-kit-accordion-item-box-shadow)}._wrapper_1l5nn_1:last-child{margin-bottom:0}._header_1l5nn_13{display:flex;align-items:center;justify-content:space-between;padding:var(--crm-ui-kit-accordion-item-padding)}._header_left_1l5nn_20{overflow:hidden;display:flex;align-items:center;width:100%}._before_title_1l5nn_27{display:flex;align-items:center;justify-content:center;margin-right:12px}._chevron_container_1l5nn_34{transform:rotate(-90deg);display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:auto}._chevron_icon_1l5nn_44{color:var(--crm-ui-kit-accordion-item-chevron-icon-color)}._content_1l5nn_48{padding:var(--crm-ui-kit-accordion-item-padding);padding-top:0;word-break:break-word}._active_1l5nn_54 ._content_1l5nn_48{display:block}._active_1l5nn_54 ._chevron_container_1l5nn_34{transform:rotate(0)}._content_1l5nn_48{display:none}
|
package/dist/assets/List.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._list_1394u_1{margin:0;padding-inline-start:24px;font-family:var(--crm-ui-kit-text-font),Arial,sans-serif;color:var(--crm-ui-kit-text-color)}._bulleted_1394u_9,._bulleted_1394u_9 ._bulleted_1394u_9{list-style-type:disc}._numbered_1394u_14{list-style-type:decimal}._numbered_1394u_14 ._numbered_1394u_14{list-style-type:lower-alpha}._numbered_1394u_14 ._numbered_1394u_14 ._numbered_1394u_14{list-style-type:lower-roman}._list_1394u_1>li+li,._list_1394u_1>li>._list_1394u_1{margin-top:8px}
|
|
@@ -6,7 +6,7 @@ import { useThemeClassName as C } from "../../../../hooks/useThemeClassName/useT
|
|
|
6
6
|
import { Text as A } from "../../../Text/Text.js";
|
|
7
7
|
import { TextPrimaryTheme as g } from "../../../Text/Text.themes.js";
|
|
8
8
|
import { useAccordionContext as b } from "../../Accordion.context.js";
|
|
9
|
-
import '../../../../assets/
|
|
9
|
+
import '../../../../assets/Item4.css';const y = (r) => /* @__PURE__ */ s.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 10, height: 7, fill: "none", ...r }, /* @__PURE__ */ s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M.176.78a.574.574 0 0 1 .857 0L4.96 5.058 8.967.692a.573.573 0 0 1 .857 0 .705.705 0 0 1 0 .933L5.485 6.351a.603.603 0 0 1-.14.114.573.573 0 0 1-.83-.026L.175 1.713a.706.706 0 0 1 0-.933Z", clipRule: "evenodd" })), E = "_wrapper_1l5nn_1", L = "_header_1l5nn_13", R = "_header_left_1l5nn_20", T = "_before_title_1l5nn_27", I = "_chevron_container_1l5nn_34", j = "_chevron_icon_1l5nn_44", k = "_content_1l5nn_48", D = "_active_1l5nn_54", e = {
|
|
10
10
|
wrapper: E,
|
|
11
11
|
header: L,
|
|
12
12
|
header_left: R,
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { c as
|
|
4
|
-
import { useThemeClassName as
|
|
5
|
-
import { Text as
|
|
6
|
-
import { TextInheritColorTheme as
|
|
7
|
-
import '../../assets/Badge.css';const f = "_badge_zi01b_1",
|
|
2
|
+
import { forwardRef as l } from "react";
|
|
3
|
+
import { c as d } from "../../index-L8X2o7IH.mjs";
|
|
4
|
+
import { useThemeClassName as n } from "../../hooks/useThemeClassName/useThemeClassName.js";
|
|
5
|
+
import { Text as p } from "../Text/Text.js";
|
|
6
|
+
import { TextInheritColorTheme as h } from "../Text/Text.themes.js";
|
|
7
|
+
import '../../assets/Badge.css';const f = "_badge_zi01b_1", g = {
|
|
8
8
|
badge: f
|
|
9
|
-
},
|
|
10
|
-
const { theme:
|
|
9
|
+
}, b = l((s, r) => {
|
|
10
|
+
const { theme: m, children: t, title: o, className: a, ...i } = s, c = n(m);
|
|
11
11
|
return /* @__PURE__ */ e(
|
|
12
12
|
"span",
|
|
13
13
|
{
|
|
14
|
-
ref:
|
|
15
|
-
className:
|
|
16
|
-
...
|
|
17
|
-
children: /* @__PURE__ */ e(
|
|
14
|
+
ref: r,
|
|
15
|
+
className: d(g.badge, c, a),
|
|
16
|
+
...i,
|
|
17
|
+
children: /* @__PURE__ */ e(p, { size: "ms", isEllipsis: !0, theme: h, children: t ?? o })
|
|
18
18
|
}
|
|
19
19
|
);
|
|
20
20
|
});
|
|
21
|
-
|
|
21
|
+
b.displayName = "Badge";
|
|
22
22
|
export {
|
|
23
|
-
|
|
23
|
+
b as Badge
|
|
24
24
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
import { BadgeThemeType } from './Badge.themes';
|
|
3
3
|
export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
4
4
|
/**
|
|
@@ -6,8 +6,13 @@ export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
6
6
|
*/
|
|
7
7
|
theme: BadgeThemeType;
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* @deprecated This prop will be removed in a future major version.
|
|
10
|
+
* Use children instead.
|
|
10
11
|
*/
|
|
11
|
-
title
|
|
12
|
+
title?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Badge content.
|
|
15
|
+
*/
|
|
16
|
+
children: ReactNode;
|
|
12
17
|
}
|
|
13
18
|
//# sourceMappingURL=Badge.props.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.props.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Badge.props.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE;;OAEG;IACH,KAAK,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.props.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Checkbox.props.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,eAAe,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;AAExE,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,yBAAyB,CACxD,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CACtD,GAAG;IACF;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CACnD,CAAC;CACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Checkbox.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE3E,KAAK,gBAAgB,GACjB,4BAA4B,GAC5B,+BAA+B,GAC/B,wCAAwC,GACxC,iDAAiD,GACjD,oCAAoC,GACpC,qCAAqC,GACrC,oCAAoC,GACpC,oCAAoC,GACpC,0CAA0C,GAC1C,0CAA0C,GAC1C,gDAAgD,GAChD,mDAAmD,GACnD,mDAAmD,GACnD,mDAAmD,GACnD,oDAAoD,GACpD,mDAAmD,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG;KAC7B,CAAC,IAAI,gBAAgB,GAAG,MAAM;CAChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,IAAI,CACnC,iBAAiB,EACjB,4BAA4B,GAAG,oCAAoC,CAgCpE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,iBAKhC,CAAC;AACF,eAAO,MAAM,uBAAuB,EAAE,iBAKrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,iBAK/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,iBAKpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,cAIhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckboxGroup/components/Checkbox/Checkbox.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,IAAI,iBAAiB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Checkbox.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckboxGroup/components/Checkbox/Checkbox.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,IAAI,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAErG,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,iBAAiB,EACjB,UAAU,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,kBAAkB,CACvE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfigProvider.props.d.ts","sourceRoot":"","sources":["../../../src/components/ConfigProvider/ConfigProvider.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ConfigProvider.props.d.ts","sourceRoot":"","sources":["../../../src/components/ConfigProvider/ConfigProvider.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,UAAU,EAAE,UAAU,CAAC;CACxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.props.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,IAAI,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAErG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ContextMenu.props.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.props.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/CheckboxItem/CheckboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAoBjD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"CheckboxItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/CheckboxItem/CheckboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAoBjD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBANzB,WAAW;;;;;wCAkJT,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Content.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Content/Content.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEpF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Content.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Content/Content.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEpF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,iBAAiB,GAAG,IAAI,CAC3B,wBAAwB,CAAC,OAAO,wBAAwB,CAAC,EACzD,iBAAiB,GAAG,OAAO,GAAG,mBAAmB,CAClD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;;;;OASG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACpD,CAAC"}
|
|
@@ -11,7 +11,7 @@ import { useItemInnerFocus as te } from "../../hooks/useItemInnerFocus/useItemIn
|
|
|
11
11
|
import { useContextMenuItemFocus as se } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
|
|
12
12
|
import { useContextMenuRootContext as re } from "../../ContextMenu.context.js";
|
|
13
13
|
import { NonSelectableItem as le } from "./components/NonSelectableItem/NonSelectableItem.js";
|
|
14
|
-
import '../../../../assets/
|
|
14
|
+
import '../../../../assets/Item3.css';const ae = "_item_18s81_1", ie = "_danger_18s81_17", ue = "_nonSelectable_18s81_21", de = "_disabled_18s81_26", n = {
|
|
15
15
|
item: ae,
|
|
16
16
|
danger: ie,
|
|
17
17
|
nonSelectable: ue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Separator/Separator.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Separator.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Separator/Separator.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAC1C,OAAO,CACR,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useContextMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenu/useContextMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useContextMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenu/useContextMenu.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { DropdownListProps } from './DropdownList.props';
|
|
3
|
+
export declare const DropdownList: React.ForwardRefExoticComponent<DropdownListProps & React.RefAttributes<HTMLUListElement>>;
|
|
4
|
+
//# sourceMappingURL=DropdownList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownList/DropdownList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAOzD,eAAO,MAAM,YAAY,4FA+CvB,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsx as _ } from "react/jsx-runtime";
|
|
2
|
+
import N, { forwardRef as g } from "react";
|
|
3
|
+
import { c as u } from "../../index-L8X2o7IH.mjs";
|
|
4
|
+
import { c as x } from "../../index-DBS3EIVR.mjs";
|
|
5
|
+
import { useThemeClassName as C } from "../../hooks/useThemeClassName/useThemeClassName.js";
|
|
6
|
+
import { CustomScrollClassName as w } from "../../stylesheets/utils/BaseClasses/BaseClasses.js";
|
|
7
|
+
import { noop as o } from "../../utils/noop/noop.js";
|
|
8
|
+
import '../../assets/DropdownList.css';const y = "_list_133sa_1", L = "_opened_133sa_11", n = {
|
|
9
|
+
list: y,
|
|
10
|
+
opened: L
|
|
11
|
+
}, v = g((r, s) => {
|
|
12
|
+
const {
|
|
13
|
+
className: a = "",
|
|
14
|
+
theme: m,
|
|
15
|
+
children: t,
|
|
16
|
+
isOpened: e,
|
|
17
|
+
hoveredIndex: i = 0,
|
|
18
|
+
onSelect: l = o,
|
|
19
|
+
onToggle: d = o,
|
|
20
|
+
onHoveredIndexChange: p = o,
|
|
21
|
+
...c
|
|
22
|
+
} = r, f = C(m), { onKeyDown: h } = x({
|
|
23
|
+
itemsLength: N.Children.toArray(t).length,
|
|
24
|
+
onSelect: l,
|
|
25
|
+
onToggle: d,
|
|
26
|
+
isOpened: e,
|
|
27
|
+
listRef: s,
|
|
28
|
+
hoveredIndex: i,
|
|
29
|
+
onHoveredIndexChange: p
|
|
30
|
+
});
|
|
31
|
+
return e && /* @__PURE__ */ _(
|
|
32
|
+
"ul",
|
|
33
|
+
{
|
|
34
|
+
onKeyDown: h,
|
|
35
|
+
ref: s,
|
|
36
|
+
tabIndex: 0,
|
|
37
|
+
className: u(
|
|
38
|
+
w,
|
|
39
|
+
n.list,
|
|
40
|
+
f,
|
|
41
|
+
{
|
|
42
|
+
[n.opened]: e
|
|
43
|
+
},
|
|
44
|
+
a
|
|
45
|
+
),
|
|
46
|
+
role: "list",
|
|
47
|
+
...c,
|
|
48
|
+
children: t
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
});
|
|
52
|
+
v.displayName = "DropdownList";
|
|
53
|
+
export {
|
|
54
|
+
v as DropdownList
|
|
55
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { DropdownListThemeType } from './DropdownList.theme';
|
|
3
|
+
export interface DropdownListProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onSelect'> {
|
|
4
|
+
/**
|
|
5
|
+
* Object with CSS theme properties.
|
|
6
|
+
*/
|
|
7
|
+
theme: DropdownListThemeType;
|
|
8
|
+
/**
|
|
9
|
+
* Child elements that will be displayed inside the component.
|
|
10
|
+
*/
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Custom CSS class for component.
|
|
14
|
+
*/
|
|
15
|
+
className?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Custom CSS class for a list item.
|
|
18
|
+
*/
|
|
19
|
+
itemClassName?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Flag indicates whether the component is in the open state.
|
|
22
|
+
*/
|
|
23
|
+
isOpened?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* A callback that works on selecting a list item.
|
|
26
|
+
*/
|
|
27
|
+
onSelect?: (index: number) => void;
|
|
28
|
+
/**
|
|
29
|
+
* A callback that works on opening/closing a component.
|
|
30
|
+
*/
|
|
31
|
+
onToggle?: (toggle: boolean) => void;
|
|
32
|
+
/**
|
|
33
|
+
* A callback that works on changing the active element in the list.
|
|
34
|
+
*/
|
|
35
|
+
onHoveredIndexChange?: (index: number) => void;
|
|
36
|
+
/**
|
|
37
|
+
* Index of the hovered element.
|
|
38
|
+
*/
|
|
39
|
+
hoveredIndex?: number;
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=DropdownList.props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownList.props.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownList/DropdownList.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC1D;;OAEG;IACH,KAAK,EAAE,qBAAqB,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
type DropdownListThemeKey = '--crm-ui-kit-list-top' | '--crm-ui-kit-list-max-height' | '--crm-ui-kit-list-width' | '--crm-ui-kit-list-border-radius' | '--crm-ui-kit-list-border-color' | '--crm-ui-kit-list-background-color' | '--crm-ui-kit-list-left' | '--crm-ui-kit-list-padding-right' | '--crm-ui-kit-list-margin-right' | '--crm-ui-kit-list-border-width' | '--crm-ui-kit-list-outline' | '--crm-ui-kit-list-z-index' | '--crm-ui-kit-list-border-style' | '--crm-ui-kit-list-color';
|
|
2
|
+
export type DropdownListThemeType = {
|
|
3
|
+
[K in DropdownListThemeKey]: string;
|
|
4
|
+
};
|
|
5
|
+
export declare const DropdownListTheme: DropdownListThemeType;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=DropdownList.theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownList.theme.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownList/DropdownList.theme.ts"],"names":[],"mappings":"AAAA,KAAK,oBAAoB,GACrB,uBAAuB,GACvB,8BAA8B,GAC9B,yBAAyB,GACzB,iCAAiC,GACjC,gCAAgC,GAChC,oCAAoC,GACpC,wBAAwB,GACxB,iCAAiC,GACjC,gCAAgC,GAChC,gCAAgC,GAChC,2BAA2B,GAC3B,2BAA2B,GAC3B,gCAAgC,GAChC,yBAAyB,CAAC;AAE9B,MAAM,MAAM,qBAAqB,GAAG;KACjC,CAAC,IAAI,oBAAoB,GAAG,MAAM;CACpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,qBAgB/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EACL,iBAAiB,EACjB,KAAK,qBAAqB,GAC3B,MAAM,sBAAsB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineInput.themes.d.ts","sourceRoot":"","sources":["../../../src/components/InlineInput/InlineInput.themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"InlineInput.themes.d.ts","sourceRoot":"","sources":["../../../src/components/InlineInput/InlineInput.themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE3E,KAAK,mBAAmB,GACpB,qCAAqC,GACrC,uCAAuC,GACvC,iCAAiC,GACjC,6CAA6C,GAC7C,0CAA0C,GAC1C,iCAAiC,GACjC,kCAAkC,GAClC,wCAAwC,GACxC,yCAAyC,GACzC,oCAAoC,GACpC,wCAAwC,GACxC,wCAAwC,GACxC,wCAAwC,GACxC,8CAA8C,GAC9C,4CAA4C,GAC5C,sDAAsD,GACtD,yDAAyD,GACzD,yDAAyD,GACzD,qDAAqD,GACrD,gEAAgE,GAChE,6DAA6D,GAC7D,2DAA2D,GAC3D,qDAAqD,GACrD,yDAAyD,GACzD,0DAA0D,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG;KAC5B,CAAC,IAAI,mBAAmB,GAAG,MAAM;CACnC,CAAC;AAqCF,eAAO,MAAM,uBAAuB,EAAE,gBAKrC,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,gBAK5C,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,SAKnC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Input.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE3E,KAAK,aAAa,GACd,8BAA8B,GAC9B,gCAAgC,GAChC,+BAA+B,GAC/B,kCAAkC,GAClC,gCAAgC,GAChC,qCAAqC,GACrC,wCAAwC,GACxC,sCAAsC,GACtC,uCAAuC,GACvC,iCAAiC,GACjC,iCAAiC,GACjC,kCAAkC,GAClC,0BAA0B,GAC1B,kCAAkC,GAClC,iCAAiC,GACjC,2BAA2B,GAC3B,0BAA0B,GAC1B,qCAAqC,GACrC,oCAAoC,GACpC,gCAAgC,GAChC,4CAA4C,GAC5C,6DAA6D,GAC7D,8DAA8D,GAC9D,gDAAgD,GAChD,4CAA4C,GAC5C,qCAAqC,GACrC,8CAA8C,GAC9C,wCAAwC,GACxC,2CAA2C,GAC3C,yCAAyC,GACzC,0CAA0C,GAC1C,mCAAmC,GACnC,sCAAsC,GACtC,qCAAqC,CAAC;AAE1C,MAAM,MAAM,UAAU,GAAG;KACtB,CAAC,IAAI,aAAa,GAAG,MAAM;CAC7B,CAAC;AA4CF,eAAO,MAAM,eAAe,EAAE,UA4B7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,UA4B5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,SAGnC,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { ListProps } from './List.props';
|
|
3
|
-
export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<
|
|
3
|
+
export declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLElement>> & {
|
|
4
|
+
Item: React.ForwardRefExoticComponent<Omit<import('./components/Item').ItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
5
|
+
};
|
|
4
6
|
//# sourceMappingURL=List.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAkCnD,eAAO,MAAM,IAAI;;CAAoC,CAAC"}
|
|
@@ -1,55 +1,35 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { c as
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
isOpened: e,
|
|
17
|
-
hoveredIndex: i = 0,
|
|
18
|
-
onSelect: l = o,
|
|
19
|
-
onToggle: c = o,
|
|
20
|
-
onHoveredIndexChange: d = o,
|
|
21
|
-
...p
|
|
22
|
-
} = r, f = C(m), { onKeyDown: h } = x({
|
|
23
|
-
itemsLength: N.Children.toArray(t).length,
|
|
24
|
-
onSelect: l,
|
|
25
|
-
onToggle: c,
|
|
26
|
-
isOpened: e,
|
|
27
|
-
listRef: s,
|
|
28
|
-
hoveredIndex: i,
|
|
29
|
-
onHoveredIndexChange: d
|
|
30
|
-
});
|
|
31
|
-
return e && /* @__PURE__ */ _(
|
|
32
|
-
"ul",
|
|
1
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as d } from "react";
|
|
3
|
+
import { c as i } from "../../index-L8X2o7IH.mjs";
|
|
4
|
+
import { Item as b } from "./components/Item/Item.js";
|
|
5
|
+
import '../../assets/List.css';const a = "_list_1394u_1", _ = "_bulleted_1394u_9", p = "_numbered_1394u_14", t = {
|
|
6
|
+
list: a,
|
|
7
|
+
bulleted: _,
|
|
8
|
+
numbered: p
|
|
9
|
+
}, f = {
|
|
10
|
+
bulleted: "ul",
|
|
11
|
+
numbered: "ol"
|
|
12
|
+
}, s = d((l, r) => {
|
|
13
|
+
const { type: e, className: o = "", children: m, ...n } = l, u = f[e];
|
|
14
|
+
return /* @__PURE__ */ c(
|
|
15
|
+
u,
|
|
33
16
|
{
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
className: u(
|
|
38
|
-
y,
|
|
39
|
-
n.list,
|
|
40
|
-
f,
|
|
17
|
+
ref: r,
|
|
18
|
+
className: i(
|
|
19
|
+
t.list,
|
|
41
20
|
{
|
|
42
|
-
[
|
|
21
|
+
[t.bulleted]: e === "bulleted",
|
|
22
|
+
[t.numbered]: e === "numbered"
|
|
43
23
|
},
|
|
44
|
-
|
|
24
|
+
o
|
|
45
25
|
),
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
children: t
|
|
26
|
+
...n,
|
|
27
|
+
children: m
|
|
49
28
|
}
|
|
50
29
|
);
|
|
51
30
|
});
|
|
52
|
-
|
|
31
|
+
s.displayName = "List";
|
|
32
|
+
const j = Object.assign(s, { Item: b });
|
|
53
33
|
export {
|
|
54
|
-
|
|
34
|
+
j as List
|
|
55
35
|
};
|
|
@@ -1,41 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
type ListAttributes = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
3
|
+
export type ListType = 'bulleted' | 'numbered';
|
|
4
|
+
export interface ListProps extends Omit<ListAttributes, 'type'> {
|
|
4
5
|
/**
|
|
5
|
-
*
|
|
6
|
+
* The list type.
|
|
7
|
+
*
|
|
8
|
+
* - `bulleted` - unordered list, used when item order does not matter.
|
|
9
|
+
* - `numbered` - ordered list, used when item order is meaningful.
|
|
10
|
+
*
|
|
6
11
|
*/
|
|
7
|
-
|
|
12
|
+
type: ListType;
|
|
8
13
|
/**
|
|
9
|
-
*
|
|
14
|
+
* Items content. Use `List.Item` or another nested `List`.
|
|
10
15
|
*/
|
|
11
|
-
children
|
|
12
|
-
/**
|
|
13
|
-
* Custom CSS class for component.
|
|
14
|
-
*/
|
|
15
|
-
className?: string;
|
|
16
|
-
/**
|
|
17
|
-
* Custom CSS class for a list item.
|
|
18
|
-
*/
|
|
19
|
-
itemClassName?: string;
|
|
20
|
-
/**
|
|
21
|
-
* Flag indicates whether the component is in the open state.
|
|
22
|
-
*/
|
|
23
|
-
isOpened?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* A callback that works on selecting a list item.
|
|
26
|
-
*/
|
|
27
|
-
onSelect?: (index: number) => void;
|
|
28
|
-
/**
|
|
29
|
-
* A callback that works on opening/closing a component.
|
|
30
|
-
*/
|
|
31
|
-
onToggle?: (toggle: boolean) => void;
|
|
32
|
-
/**
|
|
33
|
-
* A callback that works on changing the active element in the list.
|
|
34
|
-
*/
|
|
35
|
-
onHoveredIndexChange?: (index: number) => void;
|
|
36
|
-
/**
|
|
37
|
-
* Index of the hovered element.
|
|
38
|
-
*/
|
|
39
|
-
hoveredIndex?: number;
|
|
16
|
+
children?: React.ReactNode;
|
|
40
17
|
}
|
|
18
|
+
export {};
|
|
41
19
|
//# sourceMappingURL=List.props.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.props.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.props.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"List.props.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAC3C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAE/C,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAC7D;;;;;;OAMG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
|