@pie-element/number-line 13.1.2-next.2 → 13.1.2

package/lib/number-line/point-chooser/index.js

@@ -0,0 +1,197 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PointChooser = exports.Point = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/material/styles");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _button = _interopRequireDefault(require("./button"));
+var _translator = _interopRequireDefault(require("@pie-lib/translator"));
+var _img = _interopRequireDefault(require("./img"));
+var _PointChooser;
+const {
+  translator
+} = _translator.default;
+const iconHeight = 41;
+const iconWidth = 42;
+const StyledDeleteIcon = (0, _styles.styled)('svg')({
+  fill: 'black',
+  cursor: 'pointer',
+  transition: 'opacity 100ms linear',
+  '&:hover': {
+    opacity: '0.5'
+  }
+});
+const DeleteIcon = () => {
+  return /*#__PURE__*/_react.default.createElement(StyledDeleteIcon, {
+    fill: "#000000",
+    height: "24",
+    viewBox: "0 0 24 24",
+    width: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  }));
+};
+const iconIndexMap = {
+  pf: 0,
+  lff: 1,
+  lef: 2,
+  lfe: 3,
+  lee: 4,
+  rfn: 5,
+  rfp: 6,
+  ren: 7,
+  rep: 8
+};
+const StyledPointLink = (0, _styles.styled)('a')(({
+  $iconIndex,
+  $active
+}) => ({
+  display: 'inline-block',
+  width: iconWidth,
+  height: iconHeight,
+  position: 'relative',
+  top: '1px',
+  cursor: 'pointer',
+  background: `url(${_img.default}) -${$iconIndex * iconWidth}px 0px`,
+  ...($active && {
+    backgroundPosition: `-${$iconIndex * iconWidth}px -${2 * iconHeight}px`
+  }),
+  '&:hover': {
+    textDecoration: 'none',
+    backgroundPosition: `-${$iconIndex * iconWidth}px -${iconHeight}px`
+  },
+  ...($active && {
+    '&:hover': {
+      backgroundPosition: `-${$iconIndex * iconWidth}px -${2 * iconHeight}px`
+    }
+  })
+}));
+const RawPoint = props => {
+  const {
+    iconKey,
+    active,
+    onClick
+  } = props;
+  const iconIndex = iconIndexMap[iconKey.toLowerCase()] ?? 0;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    role: "presentation",
+    key: iconKey,
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(StyledPointLink, {
+    $iconIndex: iconIndex,
+    $active: active
+  }, "\xA0"));
+};
+RawPoint.propTypes = {
+  iconKey: _propTypes.default.string.isRequired,
+  active: _propTypes.default.bool,
+  onClick: _propTypes.default.func
+};
+const Point = exports.Point = RawPoint;
+const ElementSelector = (0, _styles.styled)('div')({
+  width: '55%',
+  padding: '1px',
+  '-webkit-touch-callout': 'none',
+  '-webkit-user-select': 'none',
+  '-khtml-user-select': 'none',
+  '-moz-user-select': 'none',
+  '-ms-user-select': 'none',
+  'user-select': 'none'
+});
+const Points = ({
+  selectPoint,
+  selected,
+  icons
+}) => {
+  const iconTags = icons.map(key => {
+    let active = key === selected;
+    let onClick = active ? () => {} : selectPoint.bind(null, key);
+    return /*#__PURE__*/_react.default.createElement(Point, {
+      key: key.toLowerCase(),
+      iconKey: key.toLowerCase(),
+      active: active,
+      onClick: onClick
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(ElementSelector, null, iconTags);
+};
+Points.propTypes = {
+  selectPoint: _propTypes.default.func.isRequired,
+  selected: _propTypes.default.string,
+  icons: _propTypes.default.array
+};
+const PointChooserContainer = (0, _styles.styled)('div')({
+  display: 'flex',
+  justifyContent: 'space-between',
+  borderRadius: '4px',
+  padding: '1px'
+});
+const Controls = (0, _styles.styled)('div')({
+  display: 'flex',
+  paddingTop: '7px'
+});
+const DeleteIconHolder = (0, _styles.styled)('span')({
+  position: 'relative',
+  top: '3px',
+  width: '30px'
+});
+class PointChooser extends _react.default.Component {
+  render() {
+    const {
+      elementType,
+      showDeleteButton,
+      onDeleteClick,
+      onUndoElement,
+      onClearElements,
+      icons,
+      onElementType,
+      language
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(PointChooserContainer, null, /*#__PURE__*/_react.default.createElement(Points, {
+      selected: elementType,
+      selectPoint: onElementType,
+      icons: icons
+    }), /*#__PURE__*/_react.default.createElement(Controls, null, showDeleteButton && /*#__PURE__*/_react.default.createElement(DeleteIconHolder, {
+      onClick: onDeleteClick
+    }, /*#__PURE__*/_react.default.createElement(DeleteIcon, null)), /*#__PURE__*/_react.default.createElement(_button.default, {
+      onClick: onUndoElement,
+      label: translator.t('common:undo', {
+        lng: language
+      })
+    }), /*#__PURE__*/_react.default.createElement(_button.default, {
+      onClick: onClearElements,
+      label: translator.t('numberLine.clearAll', {
+        lng: language
+      })
+    })));
+  }
+}
+exports.PointChooser = PointChooser;
+_PointChooser = PointChooser;
+(0, _defineProperty2.default)(PointChooser, "defaultProps", {
+  showDeleteButton: false,
+  elementType: _PointChooser.DEFAULT_TYPE,
+  icons: ['pf', 'lff', 'lef', 'lfe', 'lee', 'rfn', 'rfp', 'ren', 'rep']
+});
+(0, _defineProperty2.default)(PointChooser, "propTypes", {
+  elementType: _propTypes.default.string,
+  showDeleteButton: _propTypes.default.bool,
+  onDeleteClick: _propTypes.default.func.isRequired,
+  onElementType: _propTypes.default.func.isRequired,
+  onUndoElement: _propTypes.default.func.isRequired,
+  onClearElements: _propTypes.default.func.isRequired,
+  icons: _propTypes.default.array,
+  language: _propTypes.default.string
+});
+var _default = exports.default = PointChooser;
+PointChooser.DEFAULT_TYPE = 'pf';
+//# sourceMappingURL=index.js.map

package/lib/number-line/point-chooser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_styles","_propTypes","_button","_translator","_img","_PointChooser","translator","Translator","iconHeight","iconWidth","StyledDeleteIcon","styled","fill","cursor","transition","opacity","DeleteIcon","default","createElement","height","viewBox","width","xmlns","d","iconIndexMap","pf","lff","lef","lfe","lee","rfn","rfp","ren","rep","StyledPointLink","$iconIndex","$active","display","position","top","background","img","backgroundPosition","textDecoration","RawPoint","props","iconKey","active","onClick","iconIndex","toLowerCase","role","key","propTypes","PropTypes","string","isRequired","bool","func","Point","exports","ElementSelector","padding","Points","selectPoint","selected","icons","iconTags","map","bind","array","PointChooserContainer","justifyContent","borderRadius","Controls","paddingTop","DeleteIconHolder","PointChooser","React","Component","render","elementType","showDeleteButton","onDeleteClick","onUndoElement","onClearElements","onElementType","language","label","t","lng","_defineProperty2","DEFAULT_TYPE","_default"],"sources":["../../../src/number-line/point-chooser/index.jsx"],"sourcesContent":["import React from 'react';\n\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\nimport Button from './button';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst iconHeight = 41;\nconst iconWidth = 42;\nimport img from './img';\n\nconst StyledDeleteIcon = styled('svg')({\n  fill: 'black',\n  cursor: 'pointer',\n  transition: 'opacity 100ms linear',\n  '&:hover': {\n    opacity: '0.5',\n  },\n});\n\nconst DeleteIcon = () => {\n  return (\n    <StyledDeleteIcon\n      fill=\"#000000\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      width=\"24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z\" />\n      <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    </StyledDeleteIcon>\n  );\n};\n\nconst iconIndexMap = {\n  pf: 0,\n  lff: 1,\n  lef: 2,\n  lfe: 3,\n  lee: 4,\n  rfn: 5,\n  rfp: 6,\n  ren: 7,\n  rep: 8,\n};\n\nconst StyledPointLink = styled('a')(({ $iconIndex, $active }) => ({\n  display: 'inline-block',\n  width: iconWidth,\n  height: iconHeight,\n  position: 'relative',\n  top: '1px',\n  cursor: 'pointer',\n  background: `url(${img}) -${$iconIndex * iconWidth}px 0px`,\n  ...($active && {\n    backgroundPosition: `-${$iconIndex * iconWidth}px -${2 * iconHeight}px`,\n  }),\n  '&:hover': {\n    textDecoration: 'none',\n    backgroundPosition: `-${$iconIndex * iconWidth}px -${iconHeight}px`,\n  },\n  ...($active && {\n    '&:hover': {\n      backgroundPosition: `-${$iconIndex * iconWidth}px -${2 * iconHeight}px`,\n    },\n  }),\n}));\n\nconst RawPoint = (props) => {\n  const { iconKey, active, onClick } = props;\n  const iconIndex = iconIndexMap[iconKey.toLowerCase()] ?? 0;\n  return (\n    <span role=\"presentation\" key={iconKey} onClick={onClick}>\n      <StyledPointLink $iconIndex={iconIndex} $active={active}>&nbsp;</StyledPointLink>\n    </span>\n  );\n};\n\nRawPoint.propTypes = {\n  iconKey: PropTypes.string.isRequired,\n  active: PropTypes.bool,\n  onClick: PropTypes.func,\n};\n\nexport const Point = RawPoint;\n\nconst ElementSelector = styled('div')({\n  width: '55%',\n  padding: '1px',\n  '-webkit-touch-callout': 'none',\n  '-webkit-user-select': 'none',\n  '-khtml-user-select': 'none',\n  '-moz-user-select': 'none',\n  '-ms-user-select': 'none',\n  'user-select': 'none',\n});\n\nconst Points = ({ selectPoint, selected, icons }) => {\n  const iconTags = icons.map((key) => {\n    let active = key === selected;\n    let onClick = active ? () => {} : selectPoint.bind(null, key);\n    return <Point key={key.toLowerCase()} iconKey={key.toLowerCase()} active={active} onClick={onClick} />;\n  });\n\n  return <ElementSelector>{iconTags}</ElementSelector>;\n};\n\nPoints.propTypes = {\n  selectPoint: PropTypes.func.isRequired,\n  selected: PropTypes.string,\n  icons: PropTypes.array,\n};\n\nconst PointChooserContainer = styled('div')({\n  display: 'flex',\n  justifyContent: 'space-between',\n  borderRadius: '4px',\n  padding: '1px',\n});\n\nconst Controls = styled('div')({\n  display: 'flex',\n  paddingTop: '7px',\n});\n\nconst DeleteIconHolder = styled('span')({\n  position: 'relative',\n  top: '3px',\n  width: '30px',\n});\n\nexport class PointChooser extends React.Component {\n  static defaultProps = {\n    showDeleteButton: false,\n    elementType: PointChooser.DEFAULT_TYPE,\n    icons: ['pf', 'lff', 'lef', 'lfe', 'lee', 'rfn', 'rfp', 'ren', 'rep'],\n  };\n\n  static propTypes = {\n    elementType: PropTypes.string,\n    showDeleteButton: PropTypes.bool,\n    onDeleteClick: PropTypes.func.isRequired,\n    onElementType: PropTypes.func.isRequired,\n    onUndoElement: PropTypes.func.isRequired,\n    onClearElements: PropTypes.func.isRequired,\n    icons: PropTypes.array,\n    language: PropTypes.string,\n  };\n\n  render() {\n    const {\n      elementType,\n      showDeleteButton,\n      onDeleteClick,\n      onUndoElement,\n      onClearElements,\n      icons,\n      onElementType,\n      language,\n    } = this.props;\n\n    return (\n      <PointChooserContainer>\n        <Points selected={elementType} selectPoint={onElementType} icons={icons} />\n        <Controls>\n          {showDeleteButton && (\n            <DeleteIconHolder onClick={onDeleteClick}>\n              <DeleteIcon />\n            </DeleteIconHolder>\n          )}\n          <Button\n            onClick={onUndoElement}\n            label={translator.t('common:undo', { lng: language })}\n          />\n          <Button\n            onClick={onClearElements}\n            label={translator.t('numberLine.clearAll', { lng: language })}\n          />\n        </Controls>\n      </PointChooserContainer>\n    );\n  }\n}\n\nexport default PointChooser;\n\nPointChooser.DEFAULT_TYPE = 'pf';\n"],"mappings":"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","ignoreList":[]}

package/lib/number-line/point-chooser/styles.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _img = _interopRequireDefault(require("./img"));
+const iconHeight = 41;
+const iconWidth = 42;
+const noselect = () => ({
+  '-webkit-touch-callout': 'none' /* iOS Safari */,
+  '-webkit-user-select': 'none' /* Safari */,
+  '-khtml-user-select': 'none' /* Konqueror HTML */,
+  '-moz-user-select': 'none' /* Firefox */,
+  '-ms-user-select': 'none' /* Internet Explorer/Edge */,
+  'user-select': 'none' /* Non-prefixed version, currently
+                                  supported by Chrome and Opera */
+});
+const styleElement = index => ({
+  display: 'inline-block',
+  width: iconWidth,
+  height: iconHeight,
+  position: 'relative',
+  top: '1px',
+  cursor: 'pointer',
+  background: `url(${_img.default}) -${index * iconWidth}px 0px`,
+  '&.active, &.active:hover': {
+    backgroundPosition: `-${index * iconWidth}px -${2 * iconHeight}px`
+  },
+  '&:hover': {
+    textDecoration: 'none',
+    backgroundPosition: `-${index * iconWidth}px -${iconHeight}px`
+  }
+});
+var _default = exports.default = {
+  pointChooser: {
+    display: 'flex',
+    justifyContent: 'space-between',
+    borderRadius: '4px',
+    padding: '1px'
+  },
+  deleteIconHolder: {
+    position: 'relative',
+    top: '3px',
+    width: '30px'
+  },
+  deleteIcon: {
+    fill: 'black',
+    cursor: 'pointer',
+    transition: 'opacity 100ms linear',
+    '&:hover': {
+      opacity: '0.5'
+    }
+  },
+  elementSelector: Object.assign({
+    width: '55%',
+    padding: '1px'
+  }, noselect()),
+  controls: {
+    display: 'flex',
+    paddingTop: '7px'
+  },
+  buttonText: {
+    textWrap: 'nowrap'
+  },
+  pf: styleElement(0),
+  lff: styleElement(1),
+  lef: styleElement(2),
+  lfe: styleElement(3),
+  lee: styleElement(4),
+  rfn: styleElement(5),
+  rfp: styleElement(6),
+  ren: styleElement(7),
+  rep: styleElement(8)
+};
+//# sourceMappingURL=styles.js.map

package/lib/number-line/point-chooser/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["_img","_interopRequireDefault","require","iconHeight","iconWidth","noselect","styleElement","index","display","width","height","position","top","cursor","background","img","backgroundPosition","textDecoration","_default","exports","default","pointChooser","justifyContent","borderRadius","padding","deleteIconHolder","deleteIcon","fill","transition","opacity","elementSelector","Object","assign","controls","paddingTop","buttonText","textWrap","pf","lff","lef","lfe","lee","rfn","rfp","ren","rep"],"sources":["../../../src/number-line/point-chooser/styles.js"],"sourcesContent":["const iconHeight = 41;\nconst iconWidth = 42;\n\nimport img from './img';\n\nconst noselect = () => ({\n  '-webkit-touch-callout': 'none' /* iOS Safari */,\n  '-webkit-user-select': 'none' /* Safari */,\n  '-khtml-user-select': 'none' /* Konqueror HTML */,\n  '-moz-user-select': 'none' /* Firefox */,\n  '-ms-user-select': 'none' /* Internet Explorer/Edge */,\n  'user-select': 'none' /* Non-prefixed version, currently\n                                  supported by Chrome and Opera */,\n});\n\nconst styleElement = (index) => ({\n  display: 'inline-block',\n  width: iconWidth,\n  height: iconHeight,\n  position: 'relative',\n  top: '1px',\n  cursor: 'pointer',\n  background: `url(${img}) -${index * iconWidth}px 0px`,\n  '&.active, &.active:hover': {\n    backgroundPosition: `-${index * iconWidth}px -${2 * iconHeight}px`,\n  },\n  '&:hover': {\n    textDecoration: 'none',\n    backgroundPosition: `-${index * iconWidth}px -${iconHeight}px`,\n  },\n});\n\nexport default {\n  pointChooser: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    borderRadius: '4px',\n    padding: '1px',\n  },\n  deleteIconHolder: {\n    position: 'relative',\n    top: '3px',\n    width: '30px',\n  },\n  deleteIcon: {\n    fill: 'black',\n    cursor: 'pointer',\n    transition: 'opacity 100ms linear',\n    '&:hover': {\n      opacity: '0.5',\n    },\n  },\n  elementSelector: Object.assign(\n    {\n      width: '55%',\n      padding: '1px',\n    },\n    noselect(),\n  ),\n  controls: {\n    display: 'flex',\n    paddingTop: '7px',\n  },\n  buttonText: {\n    textWrap: 'nowrap',\n  },\n  pf: styleElement(0),\n  lff: styleElement(1),\n  lef: styleElement(2),\n  lfe: styleElement(3),\n  lee: styleElement(4),\n  rfn: styleElement(5),\n  rfp: styleElement(6),\n  ren: styleElement(7),\n  rep: styleElement(8),\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,SAAS,GAAG,EAAE;AAIpB,MAAMC,QAAQ,GAAGA,CAAA,MAAO;EACtB,uBAAuB,EAAE,MAAM,CAAC;EAChC,qBAAqB,EAAE,MAAM,CAAC;EAC9B,oBAAoB,EAAE,MAAM,CAAC;EAC7B,kBAAkB,EAAE,MAAM,CAAC;EAC3B,iBAAiB,EAAE,MAAM,CAAC;EAC1B,aAAa,EAAE,MAAM,CAAC;AACxB;AACA,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAIC,KAAK,KAAM;EAC/BC,OAAO,EAAE,cAAc;EACvBC,KAAK,EAAEL,SAAS;EAChBM,MAAM,EAAEP,UAAU;EAClBQ,QAAQ,EAAE,UAAU;EACpBC,GAAG,EAAE,KAAK;EACVC,MAAM,EAAE,SAAS;EACjBC,UAAU,EAAE,OAAOC,YAAG,MAAMR,KAAK,GAAGH,SAAS,QAAQ;EACrD,0BAA0B,EAAE;IAC1BY,kBAAkB,EAAE,IAAIT,KAAK,GAAGH,SAAS,OAAO,CAAC,GAAGD,UAAU;EAChE,CAAC;EACD,SAAS,EAAE;IACTc,cAAc,EAAE,MAAM;IACtBD,kBAAkB,EAAE,IAAIT,KAAK,GAAGH,SAAS,OAAOD,UAAU;EAC5D;AACF,CAAC,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEY;EACbC,YAAY,EAAE;IACZb,OAAO,EAAE,MAAM;IACfc,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAE,KAAK;IACnBC,OAAO,EAAE;EACX,CAAC;EACDC,gBAAgB,EAAE;IAChBd,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,KAAK;IACVH,KAAK,EAAE;EACT,CAAC;EACDiB,UAAU,EAAE;IACVC,IAAI,EAAE,OAAO;IACbd,MAAM,EAAE,SAAS;IACjBe,UAAU,EAAE,sBAAsB;IAClC,SAAS,EAAE;MACTC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAEC,MAAM,CAACC,MAAM,CAC5B;IACEvB,KAAK,EAAE,KAAK;IACZe,OAAO,EAAE;EACX,CAAC,EACDnB,QAAQ,CAAC,CACX,CAAC;EACD4B,QAAQ,EAAE;IACRzB,OAAO,EAAE,MAAM;IACf0B,UAAU,EAAE;EACd,CAAC;EACDC,UAAU,EAAE;IACVC,QAAQ,EAAE;EACZ,CAAC;EACDC,EAAE,EAAE/B,YAAY,CAAC,CAAC,CAAC;EACnBgC,GAAG,EAAEhC,YAAY,CAAC,CAAC,CAAC;EACpBiC,GAAG,EAAEjC,YAAY,CAAC,CAAC,CAAC;EACpBkC,GAAG,EAAElC,YAAY,CAAC,CAAC,CAAC;EACpBmC,GAAG,EAAEnC,YAAY,CAAC,CAAC,CAAC;EACpBoC,GAAG,EAAEpC,YAAY,CAAC,CAAC,CAAC;EACpBqC,GAAG,EAAErC,YAAY,CAAC,CAAC,CAAC;EACpBsC,GAAG,EAAEtC,YAAY,CAAC,CAAC,CAAC;EACpBuC,GAAG,EAAEvC,YAAY,CAAC,CAAC;AACrB,CAAC","ignoreList":[]}

package/lib/number-line/transitions/fade.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactTransitionGroup = require("react-transition-group");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const duration = 200;
+const classPrefix = 'fade-transition';
+const fadeStyles = `
+  .${classPrefix}-appear {
+    opacity: 0;
+  }
+  .${classPrefix}-appear-active {
+    opacity: 1;
+    transition: opacity ${duration}ms ease-in;
+  }
+  .${classPrefix}-enter {
+    opacity: 0;
+  }
+  .${classPrefix}-enter-active {
+    opacity: 1;
+    transition: opacity ${duration}ms ease-in;
+  }
+  .${classPrefix}-exit {
+    opacity: 1;
+  }
+  .${classPrefix}-exit-active {
+    opacity: 0;
+    transition: opacity ${duration}ms ease-in;
+  }
+`;
+const FadeTransition = props => {
+  const nodeRef = (0, _react.useRef)(null);
+  const child = _react.default.Children.only(props.children);
+  (0, _react.useEffect)(() => {
+    // Inject styles if not already present
+    if (!document.getElementById(`${classPrefix}-styles`)) {
+      const style = document.createElement('style');
+      style.id = `${classPrefix}-styles`;
+      style.textContent = fadeStyles;
+      document.head.appendChild(style);
+    }
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, (0, _extends2.default)({}, props, {
+    nodeRef: nodeRef,
+    appear: true,
+    classNames: {
+      enter: `${classPrefix}-enter`,
+      enterActive: `${classPrefix}-enter-active`,
+      exit: `${classPrefix}-exit`,
+      exitActive: `${classPrefix}-exit-active`,
+      appear: `${classPrefix}-appear`,
+      appearActive: `${classPrefix}-appear-active`
+    },
+    timeout: duration
+  }), /*#__PURE__*/_react.default.createElement("g", {
+    ref: nodeRef
+  }, child));
+};
+FadeTransition.propTypes = {
+  // CSSTransition props
+  children: _propTypes.default.node,
+  in: _propTypes.default.bool,
+  mountOnEnter: _propTypes.default.bool,
+  unmountOnExit: _propTypes.default.bool,
+  appear: _propTypes.default.bool,
+  enter: _propTypes.default.bool,
+  exit: _propTypes.default.bool,
+  timeout: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+    enter: _propTypes.default.number,
+    exit: _propTypes.default.number
+  })]),
+  addEndListener: _propTypes.default.func,
+  onEnter: _propTypes.default.func,
+  onEntering: _propTypes.default.func,
+  onEntered: _propTypes.default.func,
+  onExit: _propTypes.default.func,
+  onExiting: _propTypes.default.func,
+  onExited: _propTypes.default.func
+};
+var _default = exports.default = FadeTransition;
+//# sourceMappingURL=fade.js.map

package/lib/number-line/transitions/fade.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fade.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","_propTypes","_interopRequireDefault","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","duration","classPrefix","fadeStyles","FadeTransition","props","nodeRef","useRef","child","React","Children","only","children","useEffect","document","getElementById","style","createElement","id","textContent","head","appendChild","CSSTransition","_extends2","appear","classNames","enter","enterActive","exit","exitActive","appearActive","timeout","ref","propTypes","PropTypes","node","in","bool","mountOnEnter","unmountOnExit","oneOfType","number","shape","addEndListener","func","onEnter","onEntering","onEntered","onExit","onExiting","onExited","_default","exports"],"sources":["../../../src/number-line/transitions/fade.jsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport PropTypes from 'prop-types';\n\nconst duration = 200;\nconst classPrefix = 'fade-transition';\n\nconst fadeStyles = `\n  .${classPrefix}-appear {\n    opacity: 0;\n  }\n  .${classPrefix}-appear-active {\n    opacity: 1;\n    transition: opacity ${duration}ms ease-in;\n  }\n  .${classPrefix}-enter {\n    opacity: 0;\n  }\n  .${classPrefix}-enter-active {\n    opacity: 1;\n    transition: opacity ${duration}ms ease-in;\n  }\n  .${classPrefix}-exit {\n    opacity: 1;\n  }\n  .${classPrefix}-exit-active {\n    opacity: 0;\n    transition: opacity ${duration}ms ease-in;\n  }\n`;\n\nconst FadeTransition = (props) => {\n  const nodeRef = useRef(null);\n  const child = React.Children.only(props.children);\n\n  useEffect(() => {\n    // Inject styles if not already present\n    if (!document.getElementById(`${classPrefix}-styles`)) {\n      const style = document.createElement('style');\n      style.id = `${classPrefix}-styles`;\n      style.textContent = fadeStyles;\n      document.head.appendChild(style);\n    }\n  }, []);\n\n  return (\n    <CSSTransition\n      {...props}\n      nodeRef={nodeRef}\n      appear={true}\n      classNames={{\n        enter: `${classPrefix}-enter`,\n        enterActive: `${classPrefix}-enter-active`,\n        exit: `${classPrefix}-exit`,\n        exitActive: `${classPrefix}-exit-active`,\n        appear: `${classPrefix}-appear`,\n        appearActive: `${classPrefix}-appear-active`,\n      }}\n      timeout={duration}\n    >\n      <g ref={nodeRef}>\n        {child}\n      </g>\n    </CSSTransition>\n  );\n};\n\nFadeTransition.propTypes = {\n  // CSSTransition props\n  children: PropTypes.node,\n  in: PropTypes.bool,\n  mountOnEnter: PropTypes.bool,\n  unmountOnExit: PropTypes.bool,\n  appear: PropTypes.bool,\n  enter: PropTypes.bool,\n  exit: PropTypes.bool,\n  timeout: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n    enter: PropTypes.number,\n    exit: PropTypes.number,\n  })]),\n  addEndListener: PropTypes.func,\n  onEnter: PropTypes.func,\n  onEntering: PropTypes.func,\n  onEntered: PropTypes.func,\n  onExit: PropTypes.func,\n  onExiting: PropTypes.func,\n  onExited: PropTypes.func,\n};\n\nexport default FadeTransition;\n"],"mappings":"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","ignoreList":[]}

package/lib/number-line/transitions/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Fade", {
+  enumerable: true,
+  get: function () {
+    return _fade.default;
+  }
+});
+var _fade = _interopRequireDefault(require("./fade"));
+//# sourceMappingURL=index.js.map

package/lib/number-line/transitions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_fade","_interopRequireDefault","require"],"sources":["../../../src/number-line/transitions/index.js"],"sourcesContent":["import Fade from './fade';\nexport { Fade };\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/package.json

@@ -1,103 +1,38 @@
 {
   "name": "@pie-element/number-line",
-  "version": "13.1.2-next.2",
+  "repository": "pie-framework/pie-elements",
+  "version": "13.1.2",
   "description": "",
+  "publishConfig": {
+    "access": "public"
+  },
   "dependencies": {
     "@dnd-kit/core": "6.3.1",
     "@emotion/react": "^11.14.0",
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/correct-answer-toggle": "4.0.3-next.37",
+    "@pie-lib/correct-answer-toggle": "4.0.3",
     "@pie-lib/icons": "4.0.2",
-    "@pie-lib/render-ui": "6.1.1-next.37",
-    "@pie-lib/translator": "4.0.3-next.0",
+    "@pie-lib/math-rendering": "5.0.2",
+    "@pie-lib/render-ui": "6.1.1",
+    "@pie-lib/translator": "4.0.2",
+    "classnames": "^2.2.6",
     "d3-scale": "^4.0.2",
     "d3-selection": "^3.0.0",
-    "mathjs": "^15.2.0",
+    "lodash-es": "^4.17.23",
+    "mathjs": "^7.5.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "react-jss": "^10.10.0",
-    "react-transition-group": "^4.4.5",
-    "prop-types": "^15.8.1",
-    "@pie-lib/config-ui": "13.0.4-next.30",
-    "@pie-element/shared-configure-events": "0.1.0",
-    "@pie-element/shared-lodash": "0.1.1-next.0",
-    "@pie-lib/editable-html-tip-tap": "2.1.2-next.30",
-    "@pie-element/shared-feedback": "0.1.0",
-    "@pie-element/shared-controller-utils": "0.1.1-next.1",
-    "@pie-element/shared-math-rendering-mathjax": "0.1.1-next.0",
-    "clsx": "^2.1.1"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    },
-    "./delivery": {
-      "types": "./dist/delivery/index.d.ts",
-      "default": "./dist/delivery/index.js"
-    },
-    "./browser/delivery": {
-      "default": "./dist/browser/delivery/index.js"
-    },
-    "./author": {
-      "types": "./dist/author/index.d.ts",
-      "default": "./dist/author/index.js"
-    },
-    "./browser/author": {
-      "default": "./dist/browser/author/index.js"
-    },
-    "./configure": {
-      "types": "./dist/author/index.d.ts",
-      "default": "./dist/author/index.js"
-    },
-    "./controller": {
-      "types": "./dist/controller/index.d.ts",
-      "default": "./dist/controller/index.js"
-    },
-    "./controller.js": {
-      "types": "./dist/controller/index.d.ts",
-      "default": "./dist/controller/index.js"
-    },
-    "./browser/controller": {
-      "default": "./dist/browser/controller/index.js"
-    },
-    "./runtime-support": {
-      "types": "./dist/runtime-support.d.ts",
-      "default": "./dist/runtime-support.js"
-    }
-  },
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "configure.js",
-    "controller.js",
-    "dist"
-  ],
-  "sideEffects": false,
-  "devDependencies": {
-    "vite": "^8.0.1",
-    "typescript": "^5.9.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0"
+    "react-transition-group": "^4.4.5"
   },
+  "author": "pie framework developers",
+  "license": "ISC",
+  "gitHead": "206ff17a94e8e197744d059f97ad2b9a1bc9145d",
   "scripts": {
-    "build": "bun x vite build && bun x vite build --config ../../../tools/vite/element-browser.config.ts && bun x vite build --config vite.config.iife.ts && bun x tsc --emitDeclarationOnly",
-    "dev": "bun x vite",
-    "demo": "bun x vite --mode demo",
-    "test": "bun x vitest run"
+    "postpublish": "../../scripts/postpublish"
   },
-  "pie": {
-    "controller": "@pie-element/number-line/controller",
-    "configure": "@pie-element/number-line/configure",
-    "browserSharedDependencies": {
-      "react": "18.2.0",
-      "react-dom": "18.2.0"
-    }
-  }
+  "main": "lib/index.js",
+  "module": "src/index.js"
 }

package/configure.js

@@ -1,2 +0,0 @@
-export { default } from './dist/author/index.js';
-export * from './dist/author/index.js';

package/controller.js

@@ -1 +0,0 @@
-export * from './dist/controller/index.js';

package/dist/_virtual/_rolldown/runtime.js

@@ -1,11 +0,0 @@
-//#region \0rolldown/runtime.js
-var e = Object.defineProperty, t = (t, n) => {
-	let r = {};
-	for (var i in t) e(r, i, {
-		get: t[i],
-		enumerable: !0
-	});
-	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
-};
-//#endregion
-export { t as __exportAll };

package/dist/author/arrows.d.ts

@@ -1,28 +0,0 @@
-/**
- * @synced-from pie-elements/packages/number-line/configure/src/arrows.jsx
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-export declare class Arrows extends React.Component {
-    static propTypes: {
-        arrows: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            left: PropTypes.Requireable<boolean>;
-            right: PropTypes.Requireable<boolean>;
-        }>>>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        arrows: {
-            left: boolean;
-            right: boolean;
-        };
-    };
-    constructor(props: any);
-    render(): React.JSX.Element;
-}
-export default Arrows;