@pie-lib/charting 5.14.4-next.10 → 5.15.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/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [5.15.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.14.3...@pie-lib/charting@5.15.0) (2023-09-25)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **charting:** set labelWidth to prevent outline from intersecting InputLabel for the ChartType menu PD-3166 ([ff9ca2b](https://github.com/pie-framework/pie-lib/commit/ff9ca2b9812d0afd209edccac2feecac396111cc))
12
+
13
+
14
+ ### Features
15
+
16
+ * **charting:** add hover effect for plot and bars PD-2790 ([af0d9ba](https://github.com/pie-framework/pie-lib/commit/af0d9bab03fa8146299bf0a1947dbe418e306f85))
17
+ * **charting:** adjust y-coordinate in maskSize for better chart fitting after adding new design, tweaks in design PD-2790 ([0edf288](https://github.com/pie-framework/pie-lib/commit/0edf2880c8c8c0e0e51df080aa582d071f0f1e52))
18
+ * **charting:** make style dynamic for drag icon PD-2790 ([aed8c81](https://github.com/pie-framework/pie-lib/commit/aed8c818cbc70910a7e31566c94dd731d068efa1))
19
+ * **charting:** Replace drag-enabled horizontal bars with widget for author and gather mode PD-2790, refactor RawDragHandle component ([e0a369a](https://github.com/pie-framework/pie-lib/commit/e0a369ad2aaf9cf5d3aa3ac061c23316443b35fb))
20
+
21
+
22
+
23
+
24
+
6
25
  ## [5.14.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.14.2...@pie-lib/charting@5.14.3) (2023-09-18)
7
26
 
8
27
 
package/lib/chart-type.js CHANGED
@@ -47,7 +47,7 @@ var ChartType = (0, _styles.withStyles)(function () {
47
47
  }, chartTypeLabel), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
48
48
  value: value,
49
49
  onChange: onChange,
50
- labelWidth: 0,
50
+ labelWidth: 75,
51
51
  input: /*#__PURE__*/_react["default"].createElement(_OutlinedInput["default"], {
52
52
  name: "type",
53
53
  id: "type-helper"
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/chart-type.js"],"names":["ChartType","chartType","width","chartTypeLabel","backgroundColor","onChange","value","classes","availableChartTypes","histogram","bar","lineDot","lineCross","dotPlot","linePlot"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAS,GAAG,wBAAW;AAAA,SAAO;AAClCC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE;AADE,KADuB;AAIlCC,IAAAA,cAAc,EAAE;AACdC,MAAAA,eAAe,EAAE;AADH;AAJkB,GAAP;AAAA,CAAX,EAOd;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,KAAb,QAAaA,KAAb;AAAA,MAAoBC,OAApB,QAAoBA,OAApB;AAAA,MAA6BC,mBAA7B,QAA6BA,mBAA7B;AAAA,MAAkDL,cAAlD,QAAkDA,cAAlD;AAAA,sBACF;AAAK,IAAA,SAAS,EAAEI,OAAO,CAACN;AAAxB,kBACE,gCAAC,uBAAD;AAAa,IAAA,OAAO,EAAE,UAAtB;AAAkC,IAAA,SAAS,EAAEM,OAAO,CAACN;AAArD,kBACE,gCAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,aAApB;AAAkC,IAAA,SAAS,EAAEM,OAAO,CAACJ;AAArD,KACGA,cADH,CADF,eAKE,gCAAC,kBAAD;AAAQ,IAAA,KAAK,EAAEG,KAAf;AAAsB,IAAA,QAAQ,EAAED,QAAhC;AAA0C,IAAA,UAAU,EAAE,CAAtD;AAAyD,IAAA,KAAK,eAAE,gCAAC,yBAAD;AAAe,MAAA,IAAI,EAAC,MAApB;AAA2B,MAAA,EAAE,EAAC;AAA9B;AAAhE,KACG,CAAAG,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEC,SAArB,kBAAkC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA+BD,mBAAmB,CAACC,SAAnD,CADrC,EAEG,CAAAD,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEE,GAArB,kBAA4B,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAAyBF,mBAAmB,CAACE,GAA7C,CAF/B,EAGG,CAAAF,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEG,OAArB,kBAAgC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA6BH,mBAAmB,CAACG,OAAjD,CAHnC,EAIG,CAAAH,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEI,SAArB,kBAAkC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA+BJ,mBAAmB,CAACI,SAAnD,CAJrC,EAKG,CAAAJ,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEK,OAArB,kBAAgC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA6BL,mBAAmB,CAACK,OAAjD,CALnC,EAMG,CAAAL,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEM,QAArB,kBAAiC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA8BN,mBAAmB,CAACM,QAAlD,CANpC,CALF,CADF,CADE;AAAA,CAPc,CAAlB;eA0Bed,S","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Select from '@material-ui/core/Select';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\n\nconst ChartType = withStyles(() => ({\n chartType: {\n width: '160px',\n },\n chartTypeLabel: {\n backgroundColor: 'transparent',\n },\n}))(({ onChange, value, classes, availableChartTypes, chartTypeLabel }) => (\n <div className={classes.chartType}>\n <FormControl variant={'outlined'} className={classes.chartType}>\n <InputLabel htmlFor=\"type-helper\" className={classes.chartTypeLabel}>\n {chartTypeLabel}\n </InputLabel>\n\n <Select value={value} onChange={onChange} labelWidth={0} input={<OutlinedInput name=\"type\" id=\"type-helper\" />}>\n {availableChartTypes?.histogram && <MenuItem value={'histogram'}>{availableChartTypes.histogram}</MenuItem>}\n {availableChartTypes?.bar && <MenuItem value={'bar'}>{availableChartTypes.bar}</MenuItem>}\n {availableChartTypes?.lineDot && <MenuItem value={'lineDot'}>{availableChartTypes.lineDot}</MenuItem>}\n {availableChartTypes?.lineCross && <MenuItem value={'lineCross'}>{availableChartTypes.lineCross}</MenuItem>}\n {availableChartTypes?.dotPlot && <MenuItem value={'dotPlot'}>{availableChartTypes.dotPlot}</MenuItem>}\n {availableChartTypes?.linePlot && <MenuItem value={'linePlot'}>{availableChartTypes.linePlot}</MenuItem>}\n </Select>\n </FormControl>\n </div>\n));\n\nexport default ChartType;\n"],"file":"chart-type.js"}
1
+ {"version":3,"sources":["../src/chart-type.js"],"names":["ChartType","chartType","width","chartTypeLabel","backgroundColor","onChange","value","classes","availableChartTypes","histogram","bar","lineDot","lineCross","dotPlot","linePlot"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAS,GAAG,wBAAW;AAAA,SAAO;AAClCC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE;AADE,KADuB;AAIlCC,IAAAA,cAAc,EAAE;AACdC,MAAAA,eAAe,EAAE;AADH;AAJkB,GAAP;AAAA,CAAX,EAOd;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,KAAb,QAAaA,KAAb;AAAA,MAAoBC,OAApB,QAAoBA,OAApB;AAAA,MAA6BC,mBAA7B,QAA6BA,mBAA7B;AAAA,MAAkDL,cAAlD,QAAkDA,cAAlD;AAAA,sBACF;AAAK,IAAA,SAAS,EAAEI,OAAO,CAACN;AAAxB,kBACE,gCAAC,uBAAD;AAAa,IAAA,OAAO,EAAE,UAAtB;AAAkC,IAAA,SAAS,EAAEM,OAAO,CAACN;AAArD,kBACE,gCAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,aAApB;AAAkC,IAAA,SAAS,EAAEM,OAAO,CAACJ;AAArD,KACGA,cADH,CADF,eAKE,gCAAC,kBAAD;AAAQ,IAAA,KAAK,EAAEG,KAAf;AAAsB,IAAA,QAAQ,EAAED,QAAhC;AAA0C,IAAA,UAAU,EAAE,EAAtD;AAA0D,IAAA,KAAK,eAAE,gCAAC,yBAAD;AAAe,MAAA,IAAI,EAAC,MAApB;AAA2B,MAAA,EAAE,EAAC;AAA9B;AAAjE,KACG,CAAAG,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEC,SAArB,kBAAkC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA+BD,mBAAmB,CAACC,SAAnD,CADrC,EAEG,CAAAD,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEE,GAArB,kBAA4B,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAAyBF,mBAAmB,CAACE,GAA7C,CAF/B,EAGG,CAAAF,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEG,OAArB,kBAAgC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA6BH,mBAAmB,CAACG,OAAjD,CAHnC,EAIG,CAAAH,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEI,SAArB,kBAAkC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA+BJ,mBAAmB,CAACI,SAAnD,CAJrC,EAKG,CAAAJ,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEK,OAArB,kBAAgC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA6BL,mBAAmB,CAACK,OAAjD,CALnC,EAMG,CAAAL,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEM,QAArB,kBAAiC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA8BN,mBAAmB,CAACM,QAAlD,CANpC,CALF,CADF,CADE;AAAA,CAPc,CAAlB;eA0Bed,S","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Select from '@material-ui/core/Select';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\n\nconst ChartType = withStyles(() => ({\n chartType: {\n width: '160px',\n },\n chartTypeLabel: {\n backgroundColor: 'transparent',\n },\n}))(({ onChange, value, classes, availableChartTypes, chartTypeLabel }) => (\n <div className={classes.chartType}>\n <FormControl variant={'outlined'} className={classes.chartType}>\n <InputLabel htmlFor=\"type-helper\" className={classes.chartTypeLabel}>\n {chartTypeLabel}\n </InputLabel>\n\n <Select value={value} onChange={onChange} labelWidth={75} input={<OutlinedInput name=\"type\" id=\"type-helper\" />}>\n {availableChartTypes?.histogram && <MenuItem value={'histogram'}>{availableChartTypes.histogram}</MenuItem>}\n {availableChartTypes?.bar && <MenuItem value={'bar'}>{availableChartTypes.bar}</MenuItem>}\n {availableChartTypes?.lineDot && <MenuItem value={'lineDot'}>{availableChartTypes.lineDot}</MenuItem>}\n {availableChartTypes?.lineCross && <MenuItem value={'lineCross'}>{availableChartTypes.lineCross}</MenuItem>}\n {availableChartTypes?.dotPlot && <MenuItem value={'dotPlot'}>{availableChartTypes.dotPlot}</MenuItem>}\n {availableChartTypes?.linePlot && <MenuItem value={'linePlot'}>{availableChartTypes.linePlot}</MenuItem>}\n </Select>\n </FormControl>\n </div>\n));\n\nexport default ChartType;\n"],"file":"chart-type.js"}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "access": "public"
5
5
  },
6
- "version": "5.14.4-next.10+db0d8ddc",
6
+ "version": "5.15.0",
7
7
  "description": "charting",
8
8
  "keywords": [
9
9
  "react",
@@ -44,5 +44,5 @@
44
44
  "peerDependencies": {
45
45
  "react": "^16.8.1"
46
46
  },
47
- "gitHead": "db0d8ddccb308bdd3680e3814ec9f014440512fc"
47
+ "gitHead": "b2f9c79fb1f628b88700b9a50d34c8b2d69a1db3"
48
48
  }
package/src/chart-type.js CHANGED
@@ -20,7 +20,7 @@ const ChartType = withStyles(() => ({
20
20
  {chartTypeLabel}
21
21
  </InputLabel>
22
22
 
23
- <Select value={value} onChange={onChange} labelWidth={0} input={<OutlinedInput name="type" id="type-helper" />}>
23
+ <Select value={value} onChange={onChange} labelWidth={75} input={<OutlinedInput name="type" id="type-helper" />}>
24
24
  {availableChartTypes?.histogram && <MenuItem value={'histogram'}>{availableChartTypes.histogram}</MenuItem>}
25
25
  {availableChartTypes?.bar && <MenuItem value={'bar'}>{availableChartTypes.bar}</MenuItem>}
26
26
  {availableChartTypes?.lineDot && <MenuItem value={'lineDot'}>{availableChartTypes.lineDot}</MenuItem>}