@darajs/ui-components 1.23.0-alpha.1 → 1.23.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -33,6 +33,7 @@ export type DropdownMenuProps = {
|
|
|
33
33
|
footer?: React.ReactNode;
|
|
34
34
|
/** Optional id property */
|
|
35
35
|
id?: string;
|
|
36
|
+
style?: React.CSSProperties;
|
|
36
37
|
};
|
|
37
38
|
interface DropdownProps {
|
|
38
39
|
/**
|
|
@@ -50,6 +51,8 @@ interface DropdownProps {
|
|
|
50
51
|
footer?: React.ReactNode;
|
|
51
52
|
/** Optional id property */
|
|
52
53
|
id?: string;
|
|
54
|
+
/** Optional style prop */
|
|
55
|
+
style?: React.CSSProperties;
|
|
53
56
|
}
|
|
54
57
|
export declare const Dropdown: (props: DropdownProps) => JSX.Element;
|
|
55
58
|
declare function MenuDropdown(props: DropdownMenuProps): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,cAAc,iHA6C1B,CAAC;AAEF,eAAO,MAAM,sBAAsB,oHA0ClC,CAAC;AAMF,eAAO,MAAM,iBAAiB,gHAK7B,CAAC;
|
|
1
|
+
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,cAAc,iHA6C1B,CAAC;AAEF,eAAO,MAAM,sBAAsB,oHA0ClC,CAAC;AAMF,eAAO,MAAM,iBAAiB,gHAK7B,CAAC;AAUF,eAAO,MAAM,MAAM,iHAElB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,yCAAyC;IACzC,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B,CAAC;AAEF,UAAU,aAAa;IACnB;;OAEG;IACH,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAChE;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0BAA0B;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,KAAG,GAAG,CAAC,OAuCnD,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAyB3D;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -103,15 +103,17 @@ export const HorizontalDivider = styled.hr `
|
|
|
103
103
|
`;
|
|
104
104
|
const ItemLabel = styled.div `
|
|
105
105
|
display: flex;
|
|
106
|
+
align-items: center;
|
|
106
107
|
gap: 0.5rem;
|
|
107
108
|
width: 100%;
|
|
109
|
+
line-height: 1;
|
|
108
110
|
`;
|
|
109
111
|
export const Hotkey = styled.div `
|
|
110
112
|
color: ${(props) => props.theme.colors.grey3};
|
|
111
113
|
`;
|
|
112
114
|
export const Dropdown = (props) => {
|
|
113
|
-
const { menuItems, onClick } = props;
|
|
114
|
-
return (_jsxs(DropdownMenu, { id: props.id, children: [menuItems.map((section, index) => (_jsxs(React.Fragment, { children: [section.map((item, itemIndex) => (_jsx(Menu.Item, { children: ({ close: headlessClose }) => (_jsxs(StyledDropdownMenuItem, { disabled: item.disabled, onClick: (e) => {
|
|
115
|
+
const { menuItems, onClick, style } = props;
|
|
116
|
+
return (_jsxs(DropdownMenu, { id: props.id, style: style, children: [menuItems.map((section, index) => (_jsxs(React.Fragment, { children: [section.map((item, itemIndex) => (_jsx(Menu.Item, { children: ({ close: headlessClose }) => (_jsxs(StyledDropdownMenuItem, { disabled: item.disabled, onClick: (e) => {
|
|
115
117
|
e.stopPropagation();
|
|
116
118
|
e.preventDefault();
|
|
117
119
|
onClick === null || onClick === void 0 ? void 0 : onClick(item, [index, itemIndex]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../src/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;wBAKhB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwC1D,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;aActC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;;;wBAGvB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;4BAU/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;4BAInC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;iBAK9C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;qBAG/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;CAGvD,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE9B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;4BAId,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CAC9D,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../src/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@darajs/ui-components",
|
|
3
|
-
"version": "1.23.
|
|
3
|
+
"version": "1.23.1",
|
|
4
4
|
"description": "The core React UI kit for Dara",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -25,9 +25,9 @@
|
|
|
25
25
|
"@babel/preset-env": "^7.15.6",
|
|
26
26
|
"@babel/preset-react": "^7.14.5",
|
|
27
27
|
"@babel/preset-typescript": "^7.15.0",
|
|
28
|
-
"@darajs/eslint-config": "1.23.
|
|
29
|
-
"@darajs/prettier-config": "1.23.
|
|
30
|
-
"@darajs/stylelint-config": "1.23.
|
|
28
|
+
"@darajs/eslint-config": "1.23.1",
|
|
29
|
+
"@darajs/prettier-config": "1.23.1",
|
|
30
|
+
"@darajs/stylelint-config": "1.23.1",
|
|
31
31
|
"@storybook/react-vite": "^9.0.17",
|
|
32
32
|
"@testing-library/dom": "^9.3.0",
|
|
33
33
|
"@testing-library/jest-dom": "^5.16.5",
|
|
@@ -62,9 +62,9 @@
|
|
|
62
62
|
"vite": "7.0.4"
|
|
63
63
|
},
|
|
64
64
|
"dependencies": {
|
|
65
|
-
"@darajs/styled-components": "1.23.
|
|
66
|
-
"@darajs/ui-icons": "1.23.
|
|
67
|
-
"@darajs/ui-utils": "1.23.
|
|
65
|
+
"@darajs/styled-components": "1.23.1",
|
|
66
|
+
"@darajs/ui-icons": "1.23.1",
|
|
67
|
+
"@darajs/ui-utils": "1.23.1",
|
|
68
68
|
"@floating-ui/react": "^0.26.12",
|
|
69
69
|
"@fortawesome/free-regular-svg-icons": "~6.4.0",
|
|
70
70
|
"@fortawesome/free-solid-svg-icons": "~6.4.0",
|
|
@@ -103,5 +103,5 @@
|
|
|
103
103
|
"url": "git+https://github.com/causalens/dara.git",
|
|
104
104
|
"directory": "packages/ui-components"
|
|
105
105
|
},
|
|
106
|
-
"gitHead": "
|
|
106
|
+
"gitHead": "30cf098914819fd493b4fc8e4f5475520ed3c4b1"
|
|
107
107
|
}
|