@darajs/components 1.20.2 → 1.20.3

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.
@@ -15,6 +15,8 @@ type ButtonProps = OmitFromMappedType<StyledComponentProps, 'children'> & React.
15
15
  onclick: Action;
16
16
  /** If true the button will have the outline look, otherwise by default it takes the filled style */
17
17
  outline?: boolean;
18
+ /** Whether to propagate the click event to the parent element, defaults to true */
19
+ stop_click_propagation: boolean;
18
20
  /** Preset styling property for the button */
19
21
  styling: 'primary' | 'secondary' | 'error' | 'ghost' | 'plain';
20
22
  };
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../js/common/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACH,KAAK,MAAM,EACX,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAGd,KAAK,oBAAoB,EACzB,KAAK,QAAQ,EAOhB,MAAM,cAAc,CAAC;AAMtB,KAAK,kBAAkB,CAAC,IAAI,EAAE,MAAM,IAAI;KACnC,QAAQ,IAAI,MAAM,IAAI,IAAI,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;CACxE,CAAC;AAEF,KAAK,WAAW,GAAG,kBAAkB,CAAC,oBAAoB,EAAE,UAAU,CAAC,GACnE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAC;IAC5C,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IACvD,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,OAAO,EAAE,MAAM,CAAC;IAChB,oGAAoG;IACpG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;CAClE,CAAC;;AAiEN,wBAAwC"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../js/common/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACH,KAAK,MAAM,EACX,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAGd,KAAK,oBAAoB,EACzB,KAAK,QAAQ,EAOhB,MAAM,cAAc,CAAC;AAMtB,KAAK,kBAAkB,CAAC,IAAI,EAAE,MAAM,IAAI;KACnC,QAAQ,IAAI,MAAM,IAAI,IAAI,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;CACxE,CAAC;AAEF,KAAK,WAAW,GAAG,kBAAkB,CAAC,oBAAoB,EAAE,UAAU,CAAC,GACnE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAC;IAC5C,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IACvD,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,OAAO,EAAE,MAAM,CAAC;IAChB,oGAAoG;IACpG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mFAAmF;IACnF,sBAAsB,EAAE,OAAO,CAAC;IAChC,6CAA6C;IAC7C,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;CAClE,CAAC;;AAsEN,wBAAwC"}
@@ -33,7 +33,12 @@ function Button(_a, ref) {
33
33
  // Extract icon and grab color from first child if it has it
34
34
  const Icon = icon ? getIcon(icon) : null;
35
35
  const iconColor = Array.isArray(children) ? ((_c = (_b = children === null || children === void 0 ? void 0 : children[0]) === null || _b === void 0 ? void 0 : _b.props) === null || _c === void 0 ? void 0 : _c.color) || 'inherit' : 'inherit';
36
- return (_jsxs(StyledButton, Object.assign({ "$rawCss": css, className: className, disabled: disabledValue, isSimpleButton: typeof children === 'string' || ((_d = children[0]) === null || _d === void 0 ? void 0 : _d.name) === 'Text', loading: loading, onClick: () => onClick(null), outline: outline, style: Object.assign({ gap: '0.75rem' }, style), styling: styling, ref: ref }, props, { children: [Icon && (_jsx(Icon, { style: {
36
+ return (_jsxs(StyledButton, Object.assign({ "$rawCss": css, className: className, disabled: disabledValue, isSimpleButton: typeof children === 'string' || ((_d = children[0]) === null || _d === void 0 ? void 0 : _d.name) === 'Text', loading: loading, onClick: (e) => {
37
+ if (props.stop_click_propagation !== false) {
38
+ e.stopPropagation();
39
+ }
40
+ onClick(null);
41
+ }, outline: outline, style: Object.assign({ gap: '0.75rem' }, style), styling: styling, ref: ref }, props, { children: [Icon && (_jsx(Icon, { style: {
37
42
  color: iconColor,
38
43
  cursor: 'pointer',
39
44
  } })), _jsx(DisplayCtx.Provider, { value: { component: ComponentType.BUTTON, direction: 'horizontal' }, children: typeof children === 'string' ?
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../js/common/button/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIH,UAAU,EACV,gBAAgB,EAGhB,OAAO,EACP,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,GACzB,MAAM,cAAc,CAAC;AACtB,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AA8B7C,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAmB;YACtD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;CACrE,CAAC,CAAC;AAEH;;;;GAIG;AACH,SAAS,MAAM,CACX,EAAyF,EACzF,GAAoC;;QADpC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,OAAyB,EAApB,KAAK,cAA1E,8EAA4E,CAAF;IAG1E,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAsC,CAAC,CAAC,CAAC,sFAAsF;IACvK,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IAEvD,4DAA4D;IAC5D,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACzC,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,0CAAE,KAAK,0CAAE,KAAK,KAAI,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjG,OAAO,CACH,MAAC,YAAY,6BACA,GAAG,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,aAAa,EACvB,cAAc,EAAE,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAAA,MAAA,QAAQ,CAAC,CAAC,CAAC,0CAAE,IAAI,MAAK,MAAM,EAC5E,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,OAAO,EAAE,OAAO,EAChB,KAAK,kBACD,GAAG,EAAE,SAAS,IACX,KAAK,GAEZ,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,IACJ,KAAK,eAER,IAAI,IAAI,CACL,KAAC,IAAI,IACD,KAAK,EAAE;oBACH,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,SAAS;iBACpB,GACH,CACL,EACD,KAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,CAAC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YACnF,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC;oBAC3B,QAAQ;oBACZ,CAAC,CAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,gBAAgB,IAAC,SAAS,EAAE,KAAK,IAAO,UAAU,KAAK,CAAC,GAAG,EAAE,CAAI,CAAC,GAC7E,KACX,CAClB,CAAC;AACN,CAAC;AAED,eAAe,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC"}
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../js/common/button/button.tsx"],"names":[],"mappings":"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"}
@@ -51927,7 +51927,12 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
51927
51927
  disabled: disabledValue,
51928
51928
  isSimpleButton: typeof children2 === "string" || children2[0]?.name === "Text",
51929
51929
  loading,
51930
- onClick: () => onClick(null),
51930
+ onClick: (e3) => {
51931
+ if (props.stop_click_propagation !== false) {
51932
+ e3.stopPropagation();
51933
+ }
51934
+ onClick(null);
51935
+ },
51931
51936
  outline,
51932
51937
  style: {
51933
51938
  gap: "0.75rem",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@darajs/components",
3
- "version": "1.20.2",
3
+ "version": "1.20.3",
4
4
  "description": "Components for the Dara framework",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
@@ -30,9 +30,9 @@
30
30
  "prettier": "@darajs/prettier-config",
31
31
  "devDependencies": {
32
32
  "@babel/core": "^7.23.5",
33
- "@darajs/eslint-config": "1.20.2",
34
- "@darajs/prettier-config": "1.20.2",
35
- "@darajs/stylelint-config": "1.20.2",
33
+ "@darajs/eslint-config": "1.20.3",
34
+ "@darajs/prettier-config": "1.20.3",
35
+ "@darajs/stylelint-config": "1.20.3",
36
36
  "@testing-library/react-hooks": "^3.4.2",
37
37
  "@types/lodash": "^4.14.155",
38
38
  "@types/prop-types": "^15.7.15",
@@ -68,13 +68,13 @@
68
68
  "@codemirror/state": "^6.0.0",
69
69
  "@codemirror/theme-one-dark": "^6.1.2",
70
70
  "@codemirror/view": "^6.0.0",
71
- "@darajs/core": "1.20.2",
72
- "@darajs/styled-components": "1.20.2",
73
- "@darajs/ui-causal-graph-editor": "1.20.2",
74
- "@darajs/ui-components": "1.20.2",
75
- "@darajs/ui-hierarchy-viewer": "1.20.2",
76
- "@darajs/ui-icons": "1.20.2",
77
- "@darajs/ui-utils": "1.20.2",
71
+ "@darajs/core": "1.20.3",
72
+ "@darajs/styled-components": "1.20.3",
73
+ "@darajs/ui-causal-graph-editor": "1.20.3",
74
+ "@darajs/ui-components": "1.20.3",
75
+ "@darajs/ui-hierarchy-viewer": "1.20.3",
76
+ "@darajs/ui-icons": "1.20.3",
77
+ "@darajs/ui-utils": "1.20.3",
78
78
  "@popperjs/core": "2.4.0",
79
79
  "@vscode/codicons": "0.0.36",
80
80
  "date-fns": "2.30.0",
@@ -98,5 +98,5 @@
98
98
  "publishConfig": {
99
99
  "access": "public"
100
100
  },
101
- "gitHead": "7dced05fc8a8e74fb2fffc71511afcce227ee37e"
101
+ "gitHead": "cce9b32839a216cfe1c0058dbc24c57f86d992c9"
102
102
  }