@pie-element/number-line 9.2.2-next.0 → 9.2.2-next.14

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/number-line",
-  "version": "9.2.2-next.0+d592cec07",
+  "version": "9.2.2-next.14+2e87e829c",
   "repository": "pie-framework/pie-elements",
   "description": "",
   "publishConfig": {
@@ -23,7 +23,7 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "d592cec07cc098028aaabcbb6462f9e1e9a65ce1",
+  "gitHead": "2e87e829c981a6dab79aa24a6773988a57a5fcab",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },