@pie-element/number-line 9.2.2-next.6 → 9.3.0

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [9.3.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@9.2.1...@pie-element/number-line@9.3.0) (2024-11-15)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4401, PD-4441, PD-4319, PD-4394, PD-3687 ([f1f0af3](https://github.com/pie-framework/pie-elements/commit/f1f0af31f3c6fba54ca3a378dea3b8b32d8ebb87))
+* **number-line:** select a segment or ray near endpoints PD-4015 ([f20bc7e](https://github.com/pie-framework/pie-elements/commit/f20bc7ed4dc36bb95a100dc49139337b0391e498))
+
+
+### Features
+
+* Adjust all elements to support custom color for controls in authoring PD-4334 ([d6b3dc5](https://github.com/pie-framework/pie-elements/commit/d6b3dc5963824d0a1ce7bf36a8c590e27761c86c))
+
+
+
+
+
 ## [9.2.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@9.2.0...@pie-element/number-line@9.2.1) (2024-11-01)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@8.1.1...@pie-element/number-line-configure@8.2.0) (2024-11-15)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4401, PD-4441, PD-4319, PD-4394, PD-3687 ([f1f0af3](https://github.com/pie-framework/pie-elements/commit/f1f0af31f3c6fba54ca3a378dea3b8b32d8ebb87))
+
+
+### Features
+
+* Adjust all elements to support custom color for controls in authoring PD-4334 ([d6b3dc5](https://github.com/pie-framework/pie-elements/commit/d6b3dc5963824d0a1ce7bf36a8c590e27761c86c))
+
+
+
+
+
 ## [8.1.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@8.1.0...@pie-element/number-line-configure@8.1.1) (2024-11-01)
 
 

package/configure/lib/ticks.js

@@ -25,6 +25,8 @@ var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
 
 var math = _interopRequireWildcard(require("mathjs"));
 
+var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -164,6 +166,7 @@ var Ticks = function Ticks(props) {
   }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
     value: "Integer",
     control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      className: classes.customColor,
       checked: ticks.tickIntervalType === 'Integer'
     }),
     label: "Integer",
@@ -188,6 +191,7 @@ var Ticks = function Ticks(props) {
   }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
     value: "Fraction",
     control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      className: classes.customColor,
       checked: ticks.tickIntervalType === 'Fraction'
     }),
     label: "Unit Fraction",
@@ -209,6 +213,7 @@ var Ticks = function Ticks(props) {
   }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
     value: "Decimal",
     control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      className: classes.customColor,
       checked: ticks.tickIntervalType === 'Decimal'
     }),
     label: "Decimal",
@@ -278,6 +283,9 @@ var styles = function styles() {
     },
     labelWidth: {
       width: '35%'
+    },
+    customColor: {
+      color: "".concat(_renderUi.color.tertiary(), " !important")
     }
   };
 };

package/configure/lib/ticks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ticks.jsx"],"names":["TickIntervals","Ticks","props","classes","ticks","onChange","minorLimits","minorValues","majorValues","fractionMajor","math","fraction","number","major","fractionMajorString","d","n","toString","changeTickIntervalType","e","tickIntervalType","includes","minor","integerTick","decimalTick","fractionTick","changeIntegerTick","changeFractionTick","changeDecimalTick","changeFractionLabel","fractionLabel","changeDecimalLabel","decimalLabel","displayFlex","flexCol1","tableFixed","radioInputs","labelWidth","max","ceil","min","floor","nl","numberTextField","length","decimal","flexCol2","propTypes","PropTypes","object","isRequired","func","styles","display","gap","width","alignItems","paddingTop","paddingBottom","maxWidth","cursor"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { NumberTextFieldCustom } from '@pie-lib/pie-toolbox/config-ui';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport Radio from '@material-ui/core/Radio';\nimport * as math from 'mathjs';\n\n// This const will store available tick interval types.\nexport const TickIntervals = ['Integer', 'Fraction', 'Decimal'];\n\nexport const Ticks = (props) => {\n  const { classes, ticks, onChange, minorLimits, minorValues, majorValues } = props;\n\n  //Format decimal value of label interval to fraction\n  const fractionMajor = math.fraction(math.number(ticks.major));\n  const fractionMajorString =\n    fractionMajor.d === 1 ? fractionMajor.n.toString() : fractionMajor.n + '/' + fractionMajor.d;\n\n  /*\n   * Function to handle tick interval type radio group change\n   * @param e change event object\n   * @param tickIntervalType string value for changed tick interval type\n   * */\n  const changeTickIntervalType = (e, tickIntervalType) => {\n    if (!TickIntervals.includes(tickIntervalType)) {\n      return;\n    }\n    if (tickIntervalType === 'Integer') {\n      ticks.minor = ticks.integerTick;\n    } else if (tickIntervalType === 'Decimal') {\n      ticks.minor = ticks.decimalTick;\n    } else if (tickIntervalType === 'Fraction') {\n      ticks.minor = math.number(math.fraction(ticks.fractionTick));\n    }\n    ticks.tickIntervalType = tickIntervalType;\n    onChange({ ticks });\n  };\n\n  /*\n   * Function to handle change in integer tick interval\n   * @param e change event object\n   * @param integerTick number value for changed tick\n   * */\n  const changeIntegerTick = (e, integerTick) => {\n    if (ticks.tickIntervalType === 'Integer') {\n      ticks.integerTick = integerTick;\n      ticks.minor = integerTick;\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in fraction tick interval\n   * @param e change event object\n   * @param fractionTick string value for changed tick\n   * */\n  const changeFractionTick = (e, fractionTick) => {\n    if (ticks.tickIntervalType === 'Fraction') {\n      ticks.fractionTick = fractionTick;\n      ticks.minor = math.number(math.fraction(fractionTick));\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in decimal tick interval\n   * @param e change event object\n   * @param decimalTick number value for changed tick\n   * */\n  const changeDecimalTick = (e, decimalTick) => {\n    if (ticks.tickIntervalType === 'Decimal') {\n      ticks.decimalTick = decimalTick;\n      ticks.minor = decimalTick;\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in fraction label interval value\n   * @param e change event object\n   * @param fractionLabel string value for changed label interval\n   * */\n  const changeFractionLabel = (e, fractionLabel) => {\n    if (ticks.tickIntervalType === 'Fraction') {\n      ticks.major = math.number(math.fraction(fractionLabel));\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in decimal label interval value\n   * @param e change event object\n   * @param decimalLabel number value for changed label interval\n   * */\n  const changeDecimalLabel = (e, decimalLabel) => {\n    if (ticks.tickIntervalType === 'Decimal' || ticks.tickIntervalType === 'Integer') {\n      ticks.major = decimalLabel;\n      onChange({ ticks });\n    }\n  };\n\n  return (\n    <div className={classes.displayFlex}>\n      <div className={classes.flexCol1}>\n        <label>Tick Interval</label>\n        <RadioGroup\n          aria-label=\"tick-interval-type\"\n          name=\"tickIntervalType\"\n          value={ticks.tickIntervalType}\n          onChange={changeTickIntervalType}\n        >\n          <table className={classes.tableFixed}>\n            <tbody>\n              <tr className={classes.radioInputs}>\n                <td className={classes.labelWidth}>\n                  <FormControlLabel\n                    value=\"Integer\"\n                    control={<Radio checked={ticks.tickIntervalType === 'Integer'} />}\n                    label=\"Integer\"\n                    disabled={minorLimits.max < 1}\n                  />\n                </td>\n                <td>\n                  <NumberTextFieldCustom\n                    value={ticks.integerTick}\n                    min={math.number(math.ceil(minorLimits.min))}\n                    max={math.number(math.floor(minorLimits.max))}\n                    step={1}\n                    onlyIntegersAllowed={true}\n                    className={classes.nl}\n                    inputClassName={classes.numberTextField}\n                    onChange={changeIntegerTick}\n                    variant={'outlined'}\n                    type={'number'}\n                    disabled={ticks.tickIntervalType !== 'Integer' || minorLimits.max < 1}\n                    key={\n                      ticks.tickIntervalType !== 'Integer' || minorLimits.max < 1 ? 'integerDisabled' : 'integerEnabled'\n                    }\n                  />\n                </td>\n              </tr>\n              <tr className={classes.radioInputs}>\n                <td className={classes.labelWidth}>\n                  <FormControlLabel\n                    value=\"Fraction\"\n                    control={<Radio checked={ticks.tickIntervalType === 'Fraction'} />}\n                    label=\"Unit Fraction\"\n                    disabled={minorValues.fraction.length === 0}\n                  />\n                </td>\n                <td>\n                  <NumberTextFieldCustom\n                    value={ticks.fractionTick}\n                    customValues={minorValues.fraction}\n                    className={classes.nl}\n                    inputClassName={classes.numberTextField}\n                    onChange={changeFractionTick}\n                    variant={'outlined'}\n                    type={'text'}\n                    disabled={ticks.tickIntervalType !== 'Fraction' || minorValues.fraction.length === 0}\n                    key={\n                      ticks.tickIntervalType !== 'Fraction' || minorValues.fraction.length === 0\n                        ? 'fractionDisabled'\n                        : 'fractionEnabled'\n                    }\n                  />\n                </td>\n              </tr>\n              <tr className={classes.radioInputs}>\n                <td className={classes.labelWidth}>\n                  <FormControlLabel\n                    value=\"Decimal\"\n                    control={<Radio checked={ticks.tickIntervalType === 'Decimal'} />}\n                    label=\"Decimal\"\n                    disabled={minorValues.decimal.length === 0}\n                  />\n                </td>\n                <td>\n                  <NumberTextFieldCustom\n                    value={ticks.decimalTick}\n                    customValues={minorValues.decimal}\n                    className={classes.nl}\n                    inputClassName={classes.numberTextField}\n                    onChange={changeDecimalTick}\n                    variant={'outlined'}\n                    type={'number'}\n                    disabled={ticks.tickIntervalType !== 'Decimal' || minorValues.decimal.length === 0}\n                    key={\n                      ticks.tickIntervalType !== 'Decimal' || minorValues.decimal.length === 0\n                        ? 'decimalDisabled'\n                        : 'decimalEnabled'\n                    }\n                  />\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </RadioGroup>\n      </div>\n      <div className={classes.flexCol2}>\n        <label>Label Interval</label>\n        <NumberTextFieldCustom\n          value={ticks.tickIntervalType === 'Fraction' ? fractionMajorString : ticks.major}\n          className={classes.nl}\n          inputClassName={classes.numberTextField}\n          variant={'outlined'}\n          customValues={ticks.tickIntervalType === 'Fraction' ? majorValues.fraction : majorValues.decimal}\n          type={ticks.tickIntervalType === 'Fraction' ? 'text' : 'number'}\n          onChange={ticks.tickIntervalType === 'Fraction' ? changeFractionLabel : changeDecimalLabel}\n        />\n      </div>\n    </div>\n  );\n};\nTicks.propTypes = {\n  classes: PropTypes.object.isRequired,\n  onChange: PropTypes.func,\n  ticks: PropTypes.object,\n  minorLimits: PropTypes.object,\n  minorValues: PropTypes.object,\n  majorValues: PropTypes.object,\n};\n\nconst styles = () => ({\n  displayFlex: {\n    display: 'flex',\n  },\n  flexCol1: {\n    display: 'flex',\n    'flex-flow': 'column',\n    gap: '10px',\n    width: '65%',\n  },\n  flexCol2: {\n    display: 'flex',\n    'flex-flow': 'column',\n    gap: '10px',\n  },\n  radioInputs: {\n    display: 'flex',\n    alignItems: 'center',\n    paddingTop: '5px',\n    paddingBottom: '5px',\n  },\n  numberTextField: {\n    maxWidth: '145px',\n    cursor: 'default',\n  },\n  tableFixed: {\n    'table-layout': 'fixed',\n    width: '100%',\n  },\n  labelWidth: {\n    width: '35%',\n  },\n});\nexport default withStyles(styles)(Ticks);\n"],"file":"ticks.js"}
+{"version":3,"sources":["../src/ticks.jsx"],"names":["TickIntervals","Ticks","props","classes","ticks","onChange","minorLimits","minorValues","majorValues","fractionMajor","math","fraction","number","major","fractionMajorString","d","n","toString","changeTickIntervalType","e","tickIntervalType","includes","minor","integerTick","decimalTick","fractionTick","changeIntegerTick","changeFractionTick","changeDecimalTick","changeFractionLabel","fractionLabel","changeDecimalLabel","decimalLabel","displayFlex","flexCol1","tableFixed","radioInputs","labelWidth","customColor","max","ceil","min","floor","nl","numberTextField","length","decimal","flexCol2","propTypes","PropTypes","object","isRequired","func","styles","display","gap","width","alignItems","paddingTop","paddingBottom","maxWidth","cursor","color","tertiary"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { NumberTextFieldCustom } from '@pie-lib/pie-toolbox/config-ui';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport Radio from '@material-ui/core/Radio';\nimport * as math from 'mathjs';\nimport { color } from '@pie-lib/pie-toolbox/render-ui';\n\n// This const will store available tick interval types.\nexport const TickIntervals = ['Integer', 'Fraction', 'Decimal'];\n\nexport const Ticks = (props) => {\n  const { classes, ticks, onChange, minorLimits, minorValues, majorValues } = props;\n\n  //Format decimal value of label interval to fraction\n  const fractionMajor = math.fraction(math.number(ticks.major));\n  const fractionMajorString =\n    fractionMajor.d === 1 ? fractionMajor.n.toString() : fractionMajor.n + '/' + fractionMajor.d;\n\n  /*\n   * Function to handle tick interval type radio group change\n   * @param e change event object\n   * @param tickIntervalType string value for changed tick interval type\n   * */\n  const changeTickIntervalType = (e, tickIntervalType) => {\n    if (!TickIntervals.includes(tickIntervalType)) {\n      return;\n    }\n    if (tickIntervalType === 'Integer') {\n      ticks.minor = ticks.integerTick;\n    } else if (tickIntervalType === 'Decimal') {\n      ticks.minor = ticks.decimalTick;\n    } else if (tickIntervalType === 'Fraction') {\n      ticks.minor = math.number(math.fraction(ticks.fractionTick));\n    }\n    ticks.tickIntervalType = tickIntervalType;\n    onChange({ ticks });\n  };\n\n  /*\n   * Function to handle change in integer tick interval\n   * @param e change event object\n   * @param integerTick number value for changed tick\n   * */\n  const changeIntegerTick = (e, integerTick) => {\n    if (ticks.tickIntervalType === 'Integer') {\n      ticks.integerTick = integerTick;\n      ticks.minor = integerTick;\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in fraction tick interval\n   * @param e change event object\n   * @param fractionTick string value for changed tick\n   * */\n  const changeFractionTick = (e, fractionTick) => {\n    if (ticks.tickIntervalType === 'Fraction') {\n      ticks.fractionTick = fractionTick;\n      ticks.minor = math.number(math.fraction(fractionTick));\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in decimal tick interval\n   * @param e change event object\n   * @param decimalTick number value for changed tick\n   * */\n  const changeDecimalTick = (e, decimalTick) => {\n    if (ticks.tickIntervalType === 'Decimal') {\n      ticks.decimalTick = decimalTick;\n      ticks.minor = decimalTick;\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in fraction label interval value\n   * @param e change event object\n   * @param fractionLabel string value for changed label interval\n   * */\n  const changeFractionLabel = (e, fractionLabel) => {\n    if (ticks.tickIntervalType === 'Fraction') {\n      ticks.major = math.number(math.fraction(fractionLabel));\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in decimal label interval value\n   * @param e change event object\n   * @param decimalLabel number value for changed label interval\n   * */\n  const changeDecimalLabel = (e, decimalLabel) => {\n    if (ticks.tickIntervalType === 'Decimal' || ticks.tickIntervalType === 'Integer') {\n      ticks.major = decimalLabel;\n      onChange({ ticks });\n    }\n  };\n\n  return (\n    <div className={classes.displayFlex}>\n      <div className={classes.flexCol1}>\n        <label>Tick Interval</label>\n        <RadioGroup\n          aria-label=\"tick-interval-type\"\n          name=\"tickIntervalType\"\n          value={ticks.tickIntervalType}\n          onChange={changeTickIntervalType}\n        >\n          <table className={classes.tableFixed}>\n            <tbody>\n              <tr className={classes.radioInputs}>\n                <td className={classes.labelWidth}>\n                  <FormControlLabel\n                    value=\"Integer\"\n                    control={<Radio className={classes.customColor} checked={ticks.tickIntervalType === 'Integer'} />}\n                    label=\"Integer\"\n                    disabled={minorLimits.max < 1}\n                  />\n                </td>\n                <td>\n                  <NumberTextFieldCustom\n                    value={ticks.integerTick}\n                    min={math.number(math.ceil(minorLimits.min))}\n                    max={math.number(math.floor(minorLimits.max))}\n                    step={1}\n                    onlyIntegersAllowed={true}\n                    className={classes.nl}\n                    inputClassName={classes.numberTextField}\n                    onChange={changeIntegerTick}\n                    variant={'outlined'}\n                    type={'number'}\n                    disabled={ticks.tickIntervalType !== 'Integer' || minorLimits.max < 1}\n                    key={\n                      ticks.tickIntervalType !== 'Integer' || minorLimits.max < 1 ? 'integerDisabled' : 'integerEnabled'\n                    }\n                  />\n                </td>\n              </tr>\n              <tr className={classes.radioInputs}>\n                <td className={classes.labelWidth}>\n                  <FormControlLabel\n                    value=\"Fraction\"\n                    control={<Radio className={classes.customColor} checked={ticks.tickIntervalType === 'Fraction'} />}\n                    label=\"Unit Fraction\"\n                    disabled={minorValues.fraction.length === 0}\n                  />\n                </td>\n                <td>\n                  <NumberTextFieldCustom\n                    value={ticks.fractionTick}\n                    customValues={minorValues.fraction}\n                    className={classes.nl}\n                    inputClassName={classes.numberTextField}\n                    onChange={changeFractionTick}\n                    variant={'outlined'}\n                    type={'text'}\n                    disabled={ticks.tickIntervalType !== 'Fraction' || minorValues.fraction.length === 0}\n                    key={\n                      ticks.tickIntervalType !== 'Fraction' || minorValues.fraction.length === 0\n                        ? 'fractionDisabled'\n                        : 'fractionEnabled'\n                    }\n                  />\n                </td>\n              </tr>\n              <tr className={classes.radioInputs}>\n                <td className={classes.labelWidth}>\n                  <FormControlLabel\n                    value=\"Decimal\"\n                    control={<Radio className={classes.customColor} checked={ticks.tickIntervalType === 'Decimal'} />}\n                    label=\"Decimal\"\n                    disabled={minorValues.decimal.length === 0}\n                  />\n                </td>\n                <td>\n                  <NumberTextFieldCustom\n                    value={ticks.decimalTick}\n                    customValues={minorValues.decimal}\n                    className={classes.nl}\n                    inputClassName={classes.numberTextField}\n                    onChange={changeDecimalTick}\n                    variant={'outlined'}\n                    type={'number'}\n                    disabled={ticks.tickIntervalType !== 'Decimal' || minorValues.decimal.length === 0}\n                    key={\n                      ticks.tickIntervalType !== 'Decimal' || minorValues.decimal.length === 0\n                        ? 'decimalDisabled'\n                        : 'decimalEnabled'\n                    }\n                  />\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </RadioGroup>\n      </div>\n      <div className={classes.flexCol2}>\n        <label>Label Interval</label>\n        <NumberTextFieldCustom\n          value={ticks.tickIntervalType === 'Fraction' ? fractionMajorString : ticks.major}\n          className={classes.nl}\n          inputClassName={classes.numberTextField}\n          variant={'outlined'}\n          customValues={ticks.tickIntervalType === 'Fraction' ? majorValues.fraction : majorValues.decimal}\n          type={ticks.tickIntervalType === 'Fraction' ? 'text' : 'number'}\n          onChange={ticks.tickIntervalType === 'Fraction' ? changeFractionLabel : changeDecimalLabel}\n        />\n      </div>\n    </div>\n  );\n};\nTicks.propTypes = {\n  classes: PropTypes.object.isRequired,\n  onChange: PropTypes.func,\n  ticks: PropTypes.object,\n  minorLimits: PropTypes.object,\n  minorValues: PropTypes.object,\n  majorValues: PropTypes.object,\n};\n\nconst styles = () => ({\n  displayFlex: {\n    display: 'flex',\n  },\n  flexCol1: {\n    display: 'flex',\n    'flex-flow': 'column',\n    gap: '10px',\n    width: '65%',\n  },\n  flexCol2: {\n    display: 'flex',\n    'flex-flow': 'column',\n    gap: '10px',\n  },\n  radioInputs: {\n    display: 'flex',\n    alignItems: 'center',\n    paddingTop: '5px',\n    paddingBottom: '5px',\n  },\n  numberTextField: {\n    maxWidth: '145px',\n    cursor: 'default',\n  },\n  tableFixed: {\n    'table-layout': 'fixed',\n    width: '100%',\n  },\n  labelWidth: {\n    width: '35%',\n  },\n  customColor: {\n    color: `${color.tertiary()} !important`\n  },\n});\nexport default withStyles(styles)(Ticks);\n"],"file":"ticks.js"}

package/configure/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/number-line-configure",
   "private": true,
-  "version": "8.1.1",
+  "version": "8.2.0",
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.1.3",
+    "@pie-lib/pie-toolbox": "2.2.0",
     "lodash": "^4.17.15",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"

package/controller/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.1.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-controller@6.1.1...@pie-element/number-line-controller@6.1.2) (2024-11-15)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4401, PD-4441, PD-4319, PD-4394, PD-3687 ([f1f0af3](https://github.com/pie-framework/pie-elements/commit/f1f0af31f3c6fba54ca3a378dea3b8b32d8ebb87))
+
+
+
+
+
 ## [6.1.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-controller@6.1.0...@pie-element/number-line-controller@6.1.1) (2024-11-01)
 
 

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/number-line-controller",
   "private": true,
-  "version": "6.1.1",
+  "version": "6.1.2",
   "description": "Controller logic for @pie-ui/number-line",
   "keywords": [
     "pie",
@@ -14,7 +14,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.1.3",
+    "@pie-lib/pie-toolbox": "2.2.0",
     "lodash": "^4.17.15",
     "mathjs": "^7.5.1"
   },

package/lib/number-line/graph/elements/point.js

@@ -179,7 +179,8 @@ var Point = /*#__PURE__*/function (_React$Component) {
         r: "20",
         strokeWidth: "3",
         style: {
-          fill: 'transparent'
+          fill: 'transparent',
+          pointerEvents: 'visibleStroke'
         },
         cx: xScale(position),
         cy: y,

package/lib/number-line/graph/elements/point.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/number-line/graph/elements/point.jsx"],"names":["duration","style","point","cursor","transition","stroke","color","primary","fill","opacity","r","primaryDark","selected","disabled","correct","incorrect","empty","Point","props","onDragStop","onDragStart","onDragCallback","onDrag","onClick","onMove","interval","y","bounds","position","classes","context","snapValue","xScale","dragPosition","x","normalized","inverted","invert","onStart","e","setState","startX","clientX","onStop","dd","endX","state","deltaX","Math","abs","is","newPosition","lastX","onMouseDown","nativeEvent","preventDefault","scaledBounds","left","right","p","circleClass","React","Component","undefined","PropTypes","number","isRequired","shape","bool","func","object"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport injectSheet from 'react-jss';\nimport { color } from '@pie-lib/pie-toolbox/render-ui';\n\nimport Draggable from '../../../draggable';\n\nconst duration = '150ms';\n\nconst style = {\n  point: {\n    cursor: 'pointer',\n    transition: `r ${duration} linear,  \n    opacity ${duration} linear, \n    fill ${duration} linear,\n    stroke ${duration} linear`,\n\n    stroke: color.primary(),\n    fill: color.primary(),\n    '&.react-draggable-dragging': {\n      opacity: 0.25,\n      r: '10px',\n    },\n    '&:hover': {\n      stroke: color.primaryDark(),\n    },\n  },\n  selected: {\n    stroke: color.primaryDark(),\n  },\n  disabled: {\n    cursor: 'not-allowed',\n    opacity: 0.8,\n  },\n  correct: {\n    cursor: 'inherit',\n    stroke: color.correct(),\n    fill: color.correct(),\n  },\n  incorrect: {\n    cursor: 'inherit',\n    stroke: color.incorrect(),\n    fill: color.incorrect(),\n  },\n  empty: {\n    fill: 'white',\n  },\n};\n\nexport class Point extends React.Component {\n  static defaultProps = {\n    y: 0,\n    selected: false,\n    empty: false,\n    disabled: false,\n    correct: undefined,\n  };\n\n  static propTypes = {\n    interval: PropTypes.number.isRequired,\n    position: PropTypes.number.isRequired,\n    bounds: PropTypes.shape({\n      left: PropTypes.number.isRequired,\n      right: PropTypes.number.isRequired,\n    }),\n    selected: PropTypes.bool,\n    disabled: PropTypes.bool,\n    correct: PropTypes.bool,\n    empty: PropTypes.bool,\n    y: PropTypes.number,\n    onMove: PropTypes.func.isRequired,\n    onClick: PropTypes.func,\n    onDrag: PropTypes.func,\n    onDragStop: PropTypes.func,\n    onDragStart: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n  };\n\n  static contextTypes = {\n    xScale: PropTypes.func.isRequired,\n    snapValue: PropTypes.func.isRequired,\n  };\n\n  render() {\n    const {\n      onDragStop,\n      onDragStart,\n      onDrag: onDragCallback,\n      onClick,\n      onMove,\n      interval,\n      y,\n      bounds,\n      selected,\n      position,\n      disabled,\n      correct,\n      empty,\n      classes,\n    } = this.props;\n\n    const { snapValue, xScale } = this.context;\n\n    const dragPosition = (x) => {\n      const normalized = x + xScale(0);\n      const inverted = xScale.invert(normalized);\n      return snapValue(position + inverted);\n    };\n\n    const onStart = (e) => {\n      this.setState({ startX: e.clientX });\n      if (onDragStart) {\n        onDragStart();\n      }\n    };\n\n    const onStop = (e, dd) => {\n      if (onDragStop) {\n        onDragStop();\n      }\n\n      const endX = e.clientX;\n      const startX = this.state.startX;\n      const deltaX = Math.abs(endX - startX);\n\n      if (deltaX < is / 10) {\n        if (onClick) {\n          onClick();\n          this.setState({ startX: null });\n        }\n      } else {\n        const newPosition = dragPosition(dd.lastX);\n        onMove(newPosition);\n      }\n    };\n\n    //prevent the text select icon from rendering.\n    const onMouseDown = (e) => e.nativeEvent.preventDefault();\n\n    const is = xScale(interval) - xScale(0);\n    const scaledBounds = {\n      left: (bounds.left / interval) * is,\n      right: (bounds.right / interval) * is,\n    };\n\n    const onDrag = (e, dd) => {\n      const p = dragPosition(dd.x);\n      if (onDragCallback) {\n        onDragCallback(p);\n      }\n    };\n\n    const circleClass = classNames(classes.point, {\n      [classes.disabled]: disabled,\n      [classes.selected]: selected,\n      [classes.correct]: correct === true,\n      [classes.incorrect]: correct === false,\n      [classes.empty]: empty === true,\n    });\n\n    return (\n      <Draggable\n        disabled={disabled}\n        onMouseDown={onMouseDown}\n        onStart={onStart}\n        onDrag={onDrag}\n        onStop={onStop}\n        axis=\"x\"\n        grid={[is]}\n        bounds={scaledBounds}\n      >\n        <g>\n          <circle\n            r=\"20\"\n            strokeWidth=\"3\"\n            style={{ fill: 'transparent' }}\n            cx={xScale(position)}\n            cy={y}\n            stroke={selected ? color.primaryDark() : 'none'}\n          />\n          <circle r=\"5\" strokeWidth=\"3\" className={circleClass} cx={xScale(position)} cy={y} />\n        </g>\n      </Draggable>\n    );\n  }\n}\n\nexport default injectSheet(style)(Point);\n"],"file":"point.js"}
+{"version":3,"sources":["../../../../src/number-line/graph/elements/point.jsx"],"names":["duration","style","point","cursor","transition","stroke","color","primary","fill","opacity","r","primaryDark","selected","disabled","correct","incorrect","empty","Point","props","onDragStop","onDragStart","onDragCallback","onDrag","onClick","onMove","interval","y","bounds","position","classes","context","snapValue","xScale","dragPosition","x","normalized","inverted","invert","onStart","e","setState","startX","clientX","onStop","dd","endX","state","deltaX","Math","abs","is","newPosition","lastX","onMouseDown","nativeEvent","preventDefault","scaledBounds","left","right","p","circleClass","pointerEvents","React","Component","undefined","PropTypes","number","isRequired","shape","bool","func","object"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport injectSheet from 'react-jss';\nimport { color } from '@pie-lib/pie-toolbox/render-ui';\n\nimport Draggable from '../../../draggable';\n\nconst duration = '150ms';\n\nconst style = {\n  point: {\n    cursor: 'pointer',\n    transition: `r ${duration} linear,  \n    opacity ${duration} linear, \n    fill ${duration} linear,\n    stroke ${duration} linear`,\n\n    stroke: color.primary(),\n    fill: color.primary(),\n    '&.react-draggable-dragging': {\n      opacity: 0.25,\n      r: '10px',\n    },\n    '&:hover': {\n      stroke: color.primaryDark(),\n    },\n  },\n  selected: {\n    stroke: color.primaryDark(),\n  },\n  disabled: {\n    cursor: 'not-allowed',\n    opacity: 0.8,\n  },\n  correct: {\n    cursor: 'inherit',\n    stroke: color.correct(),\n    fill: color.correct(),\n  },\n  incorrect: {\n    cursor: 'inherit',\n    stroke: color.incorrect(),\n    fill: color.incorrect(),\n  },\n  empty: {\n    fill: 'white',\n  },\n};\n\nexport class Point extends React.Component {\n  static defaultProps = {\n    y: 0,\n    selected: false,\n    empty: false,\n    disabled: false,\n    correct: undefined,\n  };\n\n  static propTypes = {\n    interval: PropTypes.number.isRequired,\n    position: PropTypes.number.isRequired,\n    bounds: PropTypes.shape({\n      left: PropTypes.number.isRequired,\n      right: PropTypes.number.isRequired,\n    }),\n    selected: PropTypes.bool,\n    disabled: PropTypes.bool,\n    correct: PropTypes.bool,\n    empty: PropTypes.bool,\n    y: PropTypes.number,\n    onMove: PropTypes.func.isRequired,\n    onClick: PropTypes.func,\n    onDrag: PropTypes.func,\n    onDragStop: PropTypes.func,\n    onDragStart: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n  };\n\n  static contextTypes = {\n    xScale: PropTypes.func.isRequired,\n    snapValue: PropTypes.func.isRequired,\n  };\n\n  render() {\n    const {\n      onDragStop,\n      onDragStart,\n      onDrag: onDragCallback,\n      onClick,\n      onMove,\n      interval,\n      y,\n      bounds,\n      selected,\n      position,\n      disabled,\n      correct,\n      empty,\n      classes,\n    } = this.props;\n\n    const { snapValue, xScale } = this.context;\n\n    const dragPosition = (x) => {\n      const normalized = x + xScale(0);\n      const inverted = xScale.invert(normalized);\n      return snapValue(position + inverted);\n    };\n\n    const onStart = (e) => {\n      this.setState({ startX: e.clientX });\n      if (onDragStart) {\n        onDragStart();\n      }\n    };\n\n    const onStop = (e, dd) => {\n      if (onDragStop) {\n        onDragStop();\n      }\n\n      const endX = e.clientX;\n      const startX = this.state.startX;\n      const deltaX = Math.abs(endX - startX);\n\n      if (deltaX < is / 10) {\n        if (onClick) {\n          onClick();\n          this.setState({ startX: null });\n        }\n      } else {\n        const newPosition = dragPosition(dd.lastX);\n        onMove(newPosition);\n      }\n    };\n\n    //prevent the text select icon from rendering.\n    const onMouseDown = (e) => e.nativeEvent.preventDefault();\n\n    const is = xScale(interval) - xScale(0);\n    const scaledBounds = {\n      left: (bounds.left / interval) * is,\n      right: (bounds.right / interval) * is,\n    };\n\n    const onDrag = (e, dd) => {\n      const p = dragPosition(dd.x);\n      if (onDragCallback) {\n        onDragCallback(p);\n      }\n    };\n\n    const circleClass = classNames(classes.point, {\n      [classes.disabled]: disabled,\n      [classes.selected]: selected,\n      [classes.correct]: correct === true,\n      [classes.incorrect]: correct === false,\n      [classes.empty]: empty === true,\n    });\n\n    return (\n      <Draggable\n        disabled={disabled}\n        onMouseDown={onMouseDown}\n        onStart={onStart}\n        onDrag={onDrag}\n        onStop={onStop}\n        axis=\"x\"\n        grid={[is]}\n        bounds={scaledBounds}\n      >\n        <g>\n          <circle\n            r=\"20\"\n            strokeWidth=\"3\"\n            style={{ fill: 'transparent', pointerEvents: 'visibleStroke' }}\n            cx={xScale(position)}\n            cy={y}\n            stroke={selected ? color.primaryDark() : 'none'}\n          />\n          <circle r=\"5\" strokeWidth=\"3\" className={circleClass} cx={xScale(position)} cy={y} />\n        </g>\n      </Draggable>\n    );\n  }\n}\n\nexport default injectSheet(style)(Point);\n"],"file":"point.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/number-line",
-  "version": "9.2.2-next.6+d067765bc",
+  "version": "9.3.0",
   "repository": "pie-framework/pie-elements",
   "description": "",
   "publishConfig": {
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-lib/pie-toolbox": "2.1.3",
+    "@pie-lib/pie-toolbox": "2.2.0",
     "classnames": "^2.2.5",
     "d3-scale": "^3.2.1",
     "d3-selection": "^1.4.1",
@@ -23,7 +23,7 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "d067765bc91c40e3d31bcb3ba71610eebc32cdcb",
+  "gitHead": "20cc12d3d06ad5318bfa4c6994cf7c7614dfed2f",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },