@pie-lib/graphing-solution-set 3.1.1-next.0 → 3.2.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/axis/arrow.js +0 -3
- package/lib/axis/arrow.js.map +1 -1
- package/lib/axis/axes.js +0 -16
- package/lib/axis/axes.js.map +1 -1
- package/lib/axis/index.js +0 -7
- package/lib/axis/index.js.map +1 -1
- package/lib/bg.js +0 -6
- package/lib/bg.js.map +1 -1
- package/lib/container/actions.js +0 -1
- package/lib/container/actions.js.map +1 -1
- package/lib/container/index.js +4 -10
- package/lib/container/index.js.map +1 -1
- package/lib/container/marks.js +0 -2
- package/lib/container/marks.js.map +1 -1
- package/lib/container/middleware.js +0 -1
- package/lib/container/middleware.js.map +1 -1
- package/lib/container/reducer.js +0 -1
- package/lib/container/reducer.js.map +1 -1
- package/lib/coordinates-label.js +0 -11
- package/lib/coordinates-label.js.map +1 -1
- package/lib/graph-with-controls.js +3 -22
- package/lib/graph-with-controls.js.map +1 -1
- package/lib/graph.js +7 -26
- package/lib/graph.js.map +1 -1
- package/lib/grid-setup.js +0 -11
- package/lib/grid-setup.js.map +1 -1
- package/lib/grid.js +0 -22
- package/lib/grid.js.map +1 -1
- package/lib/index.js +0 -7
- package/lib/index.js.map +1 -1
- package/lib/labels.js +0 -13
- package/lib/labels.js.map +1 -1
- package/lib/mark-label.js +0 -16
- package/lib/mark-label.js.map +1 -1
- package/lib/toggle-bar.js +0 -17
- package/lib/toggle-bar.js.map +1 -1
- package/lib/tool-menu.js +0 -3
- package/lib/tool-menu.js.map +1 -1
- package/lib/tools/index.js +0 -1
- package/lib/tools/index.js.map +1 -1
- package/lib/tools/line/component.js +0 -13
- package/lib/tools/line/component.js.map +1 -1
- package/lib/tools/line/index.js +0 -1
- package/lib/tools/line/index.js.map +1 -1
- package/lib/tools/polygon/component.js +5 -25
- package/lib/tools/polygon/component.js.map +1 -1
- package/lib/tools/polygon/index.js +0 -12
- package/lib/tools/polygon/index.js.map +1 -1
- package/lib/tools/polygon/line.js +0 -16
- package/lib/tools/polygon/line.js.map +1 -1
- package/lib/tools/polygon/polygon.js +0 -19
- package/lib/tools/polygon/polygon.js.map +1 -1
- package/lib/tools/shared/arrow-head.js +0 -3
- package/lib/tools/shared/arrow-head.js.map +1 -1
- package/lib/tools/shared/line/index.js +7 -22
- package/lib/tools/shared/line/index.js.map +1 -1
- package/lib/tools/shared/line/line-path.js +0 -16
- package/lib/tools/shared/line/line-path.js.map +1 -1
- package/lib/tools/shared/line/with-root-edge.js +0 -11
- package/lib/tools/shared/line/with-root-edge.js.map +1 -1
- package/lib/tools/shared/point/arrow-point.js +2 -5
- package/lib/tools/shared/point/arrow-point.js.map +1 -1
- package/lib/tools/shared/point/arrow.js +0 -3
- package/lib/tools/shared/point/arrow.js.map +1 -1
- package/lib/tools/shared/point/base-point.js +0 -11
- package/lib/tools/shared/point/base-point.js.map +1 -1
- package/lib/tools/shared/point/index.js +0 -16
- package/lib/tools/shared/point/index.js.map +1 -1
- package/lib/tools/shared/styles.js +0 -1
- package/lib/tools/shared/styles.js.map +1 -1
- package/lib/tools/shared/types.js +0 -1
- package/lib/tools/shared/types.js.map +1 -1
- package/lib/undo-redo.js +0 -2
- package/lib/undo-redo.js.map +1 -1
- package/lib/use-debounce.js +0 -2
- package/lib/use-debounce.js.map +1 -1
- package/lib/utils.js +8 -26
- package/lib/utils.js.map +1 -1
- package/package.json +14 -11
- package/src/__tests__/bg.test.jsx +250 -0
- package/src/__tests__/coordinates-label.test.jsx +243 -0
- package/src/__tests__/graph-with-controls.test.jsx +9 -10
- package/src/__tests__/graph.test.jsx +0 -2
- package/src/__tests__/grid-setup.test.jsx +645 -0
- package/src/__tests__/mark-label.test.jsx +1 -1
- package/src/__tests__/tool-menu.test.jsx +422 -2
- package/src/__tests__/use-debounce.test.js +1 -1
- package/src/__tests__/utils.test.js +15 -61
- package/src/axis/__tests__/axes.test.jsx +1 -1
- package/src/axis/axes.jsx +7 -21
- package/src/axis/index.js +1 -0
- package/src/bg.jsx +1 -1
- package/src/container/__tests__/actions.test.js +105 -0
- package/src/container/__tests__/index.test.jsx +227 -0
- package/src/container/__tests__/marks.test.js +172 -0
- package/src/container/__tests__/middleware.test.js +235 -0
- package/src/container/__tests__/reducer.test.js +324 -0
- package/src/container/index.jsx +3 -4
- package/src/coordinates-label.jsx +1 -7
- package/src/graph-with-controls.jsx +7 -25
- package/src/graph.jsx +3 -4
- package/src/grid-setup.jsx +1 -1
- package/src/mark-label.jsx +2 -2
- package/src/toggle-bar.jsx +8 -1
- package/src/tool-menu.jsx +1 -1
- package/src/tools/line/__tests__/component.test.jsx +1 -0
- package/src/tools/line/component.jsx +2 -2
- package/src/tools/polygon/__tests__/component.test.jsx +417 -5
- package/src/tools/polygon/__tests__/polygon.test.jsx +1 -1
- package/src/tools/polygon/component.jsx +4 -14
- package/src/tools/polygon/line.jsx +1 -1
- package/src/tools/shared/line/__tests__/index.test.jsx +460 -17
- package/src/tools/shared/line/__tests__/line-path.test.jsx +7 -4
- package/src/tools/shared/line/__tests__/with-root-edge.test.jsx +439 -14
- package/src/tools/shared/line/index.jsx +4 -6
- package/src/tools/shared/line/line-path.jsx +2 -8
- package/src/tools/shared/point/__tests__/arrow.test.jsx +469 -0
- package/src/tools/shared/point/arrow-point.jsx +2 -2
- package/src/tools/shared/point/base-point.jsx +1 -1
- package/src/tools/shared/point/index.jsx +1 -1
- package/src/undo-redo.jsx +1 -3
- package/src/use-debounce.js +1 -1
- package/src/utils.js +1 -5
- package/NEXT.CHANGELOG.json +0 -16
package/lib/grid.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.js","names":["_react","_interopRequireDefault","require","_propTypes","vx","_interopRequireWildcard","_plot","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","Grid","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","rowTickValues","columnTickValues","_this$props$graphProp","props","graphProps","scale","_this$props$graphProp2","size","width","height","domain","range","rowTickLabelValues","getTickValues","step","labelStep","value","includes","columnTickLabelValues","minValueLength","Math","min","_toConsumableArray2","toString","replace","maxValueLength","max","rowLabelLength","horizontalDistanceToZero","x","verticalDistanceToZero","y","columnLabelLength","rowStrokeDasharray","columnStrokeDasharray","displayAdditionalGrid","filteredColumnValues","filteredRowValues","_inherits2","_createClass2","key","render","_this2","_graphProps$size","_this$getAdditionalGr","getAdditionalGridProps","additionalGridStroke","createElement","Fragment","innerRef","grid","xScale","yScale","stroke","GridRows","tickValues","strokeDasharray","GridColumns","React","Component","disabled","PropTypes","bool","disabledAdditionalGrid","types","GraphPropsType","isRequired","_default"],"sources":["../src/grid.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as vx from '@visx/grid';\nimport { types } from '@pie-lib/plot';\nimport { getTickValues } from './utils';\n\nexport class Grid extends React.Component {\n static propTypes = {\n disabled: PropTypes.bool,\n disabledAdditionalGrid: PropTypes.bool,\n graphProps: types.GraphPropsType.isRequired,\n };\n\n getAdditionalGridProps = (rowTickValues, columnTickValues) => {\n const {\n graphProps: {\n scale,\n size: { width, height },\n domain,\n range,\n },\n } = this.props;\n const rowTickLabelValues = getTickValues({\n ...range,\n step: range.labelStep,\n }).filter((value) => rowTickValues.includes(value));\n const columnTickLabelValues = getTickValues({\n ...domain,\n step: domain.labelStep,\n }).filter((value) => columnTickValues.includes(value));\n\n const minValueLength =\n (rowTickLabelValues.length &&\n Math.min(...rowTickLabelValues)\n .toString()\n .replace(/[.-]/g, '').length) ||\n 1;\n const maxValueLength =\n (rowTickLabelValues.length &&\n Math.max(...rowTickLabelValues)\n .toString()\n .replace(/[.-]/g, '').length) ||\n 1;\n\n const rowLabelLength = Math.max(minValueLength, maxValueLength) * 9 + 22;\n const horizontalDistanceToZero = scale.x(0);\n const verticalDistanceToZero = scale.y(0);\n const columnLabelLength = 28;\n const rowStrokeDasharray = `${horizontalDistanceToZero - rowLabelLength} ${rowLabelLength} ${width}`;\n const columnStrokeDasharray = `${verticalDistanceToZero} ${columnLabelLength} ${height}`;\n\n const displayAdditionalGrid =\n domain.labelStep > 0 &&\n range.labelStep > 0 &&\n rowTickLabelValues &&\n columnTickLabelValues &&\n rowTickLabelValues.length > 1 &&\n columnTickLabelValues.length > 1 &&\n (rowTickLabelValues.length !== rowTickValues.length || columnTickLabelValues.length !== columnTickValues.length);\n\n const filteredColumnValues = columnTickLabelValues.filter(\n (value) => value >= 0 || horizontalDistanceToZero - scale.x(value) > rowLabelLength,\n );\n const filteredRowValues = rowTickLabelValues.filter(\n (value) => value >= 0 || scale.y(value) - verticalDistanceToZero > columnLabelLength,\n );\n\n return {\n rowTickLabelValues: filteredRowValues,\n columnTickLabelValues: filteredColumnValues,\n rowStrokeDasharray,\n columnStrokeDasharray,\n displayAdditionalGrid,\n };\n };\n\n render() {\n const { graphProps } = this.props;\n const {\n scale,\n size: { height, width },\n domain,\n range,\n } = graphProps;\n const rowTickValues = getTickValues(range);\n const columnTickValues = getTickValues(domain);\n const {\n rowTickLabelValues,\n columnTickLabelValues,\n rowStrokeDasharray,\n columnStrokeDasharray,\n displayAdditionalGrid,\n } = this.getAdditionalGridProps(rowTickValues, columnTickValues);\n\n const additionalGridStroke =\n domain.labelStep * 2 === domain.step || range.labelStep * 2 === range.step ? '#9FA8DA' : '#7985CB';\n\n return (\n <>\n <vx.Grid\n innerRef={(r) => (this.grid = r)}\n xScale={scale.x}\n yScale={scale.y}\n width={width}\n height={height}\n stroke=\"#D3D3D3\"\n rowTickValues={rowTickValues}\n columnTickValues={columnTickValues}\n />\n {displayAdditionalGrid && (\n <>\n <vx.GridRows\n scale={scale.y}\n width={width}\n tickValues={rowTickLabelValues}\n stroke={additionalGridStroke}\n strokeDasharray={rowStrokeDasharray}\n />\n <vx.GridColumns\n scale={scale.x}\n height={height}\n tickValues={columnTickLabelValues}\n stroke={additionalGridStroke}\n strokeDasharray={columnStrokeDasharray}\n />\n </>\n )}\n </>\n );\n }\n}\n\nexport default Grid;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,EAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAwC,SAAAG,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,wBAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAmB,QAAApB,CAAA,EAAAG,CAAA,QAAAF,CAAA,GAAAgB,MAAA,CAAAI,IAAA,CAAArB,CAAA,OAAAiB,MAAA,CAAAK,qBAAA,QAAAhB,CAAA,GAAAW,MAAA,CAAAK,qBAAA,CAAAtB,CAAA,GAAAG,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAiB,MAAA,WAAApB,CAAA,WAAAc,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAG,CAAA,EAAAqB,UAAA,OAAAvB,CAAA,CAAAwB,IAAA,CAAAC,KAAA,CAAAzB,CAAA,EAAAK,CAAA,YAAAL,CAAA;AAAA,SAAA0B,cAAA3B,CAAA,aAAAG,CAAA,MAAAA,CAAA,GAAAyB,SAAA,CAAAC,MAAA,EAAA1B,CAAA,UAAAF,CAAA,WAAA2B,SAAA,CAAAzB,CAAA,IAAAyB,SAAA,CAAAzB,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,OAAA6B,OAAA,WAAA3B,CAAA,QAAA4B,gBAAA,aAAA/B,CAAA,EAAAG,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAc,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAjC,CAAA,EAAAiB,MAAA,CAAAe,yBAAA,CAAA/B,CAAA,KAAAmB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,GAAA6B,OAAA,WAAA3B,CAAA,IAAAc,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAG,CAAA,EAAAc,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAE,CAAA,iBAAAH,CAAA;AAAA,SAAAkC,WAAAjC,CAAA,EAAAK,CAAA,EAAAN,CAAA,WAAAM,CAAA,OAAA6B,gBAAA,aAAA7B,CAAA,OAAA8B,2BAAA,aAAAnC,CAAA,EAAAoC,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAjC,CAAA,EAAAN,CAAA,YAAAmC,gBAAA,aAAAlC,CAAA,EAAAuC,WAAA,IAAAlC,CAAA,CAAAoB,KAAA,CAAAzB,CAAA,EAAAD,CAAA;AAAA,SAAAqC,0BAAA,cAAApC,CAAA,IAAAwC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAA3B,IAAA,CAAAsB,OAAA,CAAAC,SAAA,CAAAE,OAAA,iCAAAxC,CAAA,aAAAoC,yBAAA,YAAAA,0BAAA,aAAApC,CAAA;AAAA,IAE3B2C,IAAI,GAAAC,OAAA,CAAAD,IAAA,0BAAAE,gBAAA;EAAA,SAAAF,KAAA;IAAA,IAAAG,KAAA;IAAA,IAAAC,gBAAA,mBAAAJ,IAAA;IAAA,SAAAK,IAAA,GAAArB,SAAA,CAAAC,MAAA,EAAAqB,IAAA,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAxB,SAAA,CAAAwB,IAAA;IAAA;IAAAL,KAAA,GAAAb,UAAA,OAAAU,IAAA,KAAAS,MAAA,CAAAH,IAAA;IAAA,IAAAnB,gBAAA,aAAAgB,KAAA,4BAOU,UAACO,aAAa,EAAEC,gBAAgB,EAAK;MAC5D,IAAAC,qBAAA,GAOIT,KAAA,CAAKU,KAAK,CANZC,UAAU;QACRC,KAAK,GAAAH,qBAAA,CAALG,KAAK;QAAAC,sBAAA,GAAAJ,qBAAA,CACLK,IAAI;QAAIC,KAAK,GAAAF,sBAAA,CAALE,KAAK;QAAEC,MAAM,GAAAH,sBAAA,CAANG,MAAM;QACrBC,MAAM,GAAAR,qBAAA,CAANQ,MAAM;QACNC,KAAK,GAAAT,qBAAA,CAALS,KAAK;MAGT,IAAMC,kBAAkB,GAAG,IAAAC,oBAAa,EAAAxC,aAAA,CAAAA,aAAA,KACnCsC,KAAK;QACRG,IAAI,EAAEH,KAAK,CAACI;MAAS,EACtB,CAAC,CAAC9C,MAAM,CAAC,UAAC+C,KAAK;QAAA,OAAKhB,aAAa,CAACiB,QAAQ,CAACD,KAAK,CAAC;MAAA,EAAC;MACnD,IAAME,qBAAqB,GAAG,IAAAL,oBAAa,EAAAxC,aAAA,CAAAA,aAAA,KACtCqC,MAAM;QACTI,IAAI,EAAEJ,MAAM,CAACK;MAAS,EACvB,CAAC,CAAC9C,MAAM,CAAC,UAAC+C,KAAK;QAAA,OAAKf,gBAAgB,CAACgB,QAAQ,CAACD,KAAK,CAAC;MAAA,EAAC;MAEtD,IAAMG,cAAc,GACjBP,kBAAkB,CAACrC,MAAM,IACxB6C,IAAI,CAACC,GAAG,CAAAjD,KAAA,CAARgD,IAAI,MAAAE,mBAAA,aAAQV,kBAAkB,EAAC,CAC5BW,QAAQ,CAAC,CAAC,CACVC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAACjD,MAAM,IAChC,CAAC;MACH,IAAMkD,cAAc,GACjBb,kBAAkB,CAACrC,MAAM,IACxB6C,IAAI,CAACM,GAAG,CAAAtD,KAAA,CAARgD,IAAI,MAAAE,mBAAA,aAAQV,kBAAkB,EAAC,CAC5BW,QAAQ,CAAC,CAAC,CACVC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAACjD,MAAM,IAChC,CAAC;MAEH,IAAMoD,cAAc,GAAGP,IAAI,CAACM,GAAG,CAACP,cAAc,EAAEM,cAAc,CAAC,GAAG,CAAC,GAAG,EAAE;MACxE,IAAMG,wBAAwB,GAAGvB,KAAK,CAACwB,CAAC,CAAC,CAAC,CAAC;MAC3C,IAAMC,sBAAsB,GAAGzB,KAAK,CAAC0B,CAAC,CAAC,CAAC,CAAC;MACzC,IAAMC,iBAAiB,GAAG,EAAE;MAC5B,IAAMC,kBAAkB,MAAAlC,MAAA,CAAM6B,wBAAwB,GAAGD,cAAc,OAAA5B,MAAA,CAAI4B,cAAc,OAAA5B,MAAA,CAAIS,KAAK,CAAE;MACpG,IAAM0B,qBAAqB,MAAAnC,MAAA,CAAM+B,sBAAsB,OAAA/B,MAAA,CAAIiC,iBAAiB,OAAAjC,MAAA,CAAIU,MAAM,CAAE;MAExF,IAAM0B,qBAAqB,GACzBzB,MAAM,CAACK,SAAS,GAAG,CAAC,IACpBJ,KAAK,CAACI,SAAS,GAAG,CAAC,IACnBH,kBAAkB,IAClBM,qBAAqB,IACrBN,kBAAkB,CAACrC,MAAM,GAAG,CAAC,IAC7B2C,qBAAqB,CAAC3C,MAAM,GAAG,CAAC,KAC/BqC,kBAAkB,CAACrC,MAAM,KAAKyB,aAAa,CAACzB,MAAM,IAAI2C,qBAAqB,CAAC3C,MAAM,KAAK0B,gBAAgB,CAAC1B,MAAM,CAAC;MAElH,IAAM6D,oBAAoB,GAAGlB,qBAAqB,CAACjD,MAAM,CACvD,UAAC+C,KAAK;QAAA,OAAKA,KAAK,IAAI,CAAC,IAAIY,wBAAwB,GAAGvB,KAAK,CAACwB,CAAC,CAACb,KAAK,CAAC,GAAGW,cAAc;MAAA,CACrF,CAAC;MACD,IAAMU,iBAAiB,GAAGzB,kBAAkB,CAAC3C,MAAM,CACjD,UAAC+C,KAAK;QAAA,OAAKA,KAAK,IAAI,CAAC,IAAIX,KAAK,CAAC0B,CAAC,CAACf,KAAK,CAAC,GAAGc,sBAAsB,GAAGE,iBAAiB;MAAA,CACtF,CAAC;MAED,OAAO;QACLpB,kBAAkB,EAAEyB,iBAAiB;QACrCnB,qBAAqB,EAAEkB,oBAAoB;QAC3CH,kBAAkB,EAAlBA,kBAAkB;QAClBC,qBAAqB,EAArBA,qBAAqB;QACrBC,qBAAqB,EAArBA;MACF,CAAC;IACH,CAAC;IAAA,OAAA1C,KAAA;EAAA;EAAA,IAAA6C,UAAA,aAAAhD,IAAA,EAAAE,gBAAA;EAAA,WAAA+C,aAAA,aAAAjD,IAAA;IAAAkD,GAAA;IAAAxB,KAAA,EAED,SAAAyB,MAAMA,CAAA,EAAG;MAAA,IAAAC,MAAA;MACP,IAAQtC,UAAU,GAAK,IAAI,CAACD,KAAK,CAAzBC,UAAU;MAClB,IACEC,KAAK,GAIHD,UAAU,CAJZC,KAAK;QAAAsC,gBAAA,GAIHvC,UAAU,CAHZG,IAAI;QAAIE,MAAM,GAAAkC,gBAAA,CAANlC,MAAM;QAAED,KAAK,GAAAmC,gBAAA,CAALnC,KAAK;QACrBE,MAAM,GAEJN,UAAU,CAFZM,MAAM;QACNC,KAAK,GACHP,UAAU,CADZO,KAAK;MAEP,IAAMX,aAAa,GAAG,IAAAa,oBAAa,EAACF,KAAK,CAAC;MAC1C,IAAMV,gBAAgB,GAAG,IAAAY,oBAAa,EAACH,MAAM,CAAC;MAC9C,IAAAkC,qBAAA,GAMI,IAAI,CAACC,sBAAsB,CAAC7C,aAAa,EAAEC,gBAAgB,CAAC;QAL9DW,kBAAkB,GAAAgC,qBAAA,CAAlBhC,kBAAkB;QAClBM,qBAAqB,GAAA0B,qBAAA,CAArB1B,qBAAqB;QACrBe,kBAAkB,GAAAW,qBAAA,CAAlBX,kBAAkB;QAClBC,qBAAqB,GAAAU,qBAAA,CAArBV,qBAAqB;QACrBC,qBAAqB,GAAAS,qBAAA,CAArBT,qBAAqB;MAGvB,IAAMW,oBAAoB,GACxBpC,MAAM,CAACK,SAAS,GAAG,CAAC,KAAKL,MAAM,CAACI,IAAI,IAAIH,KAAK,CAACI,SAAS,GAAG,CAAC,KAAKJ,KAAK,CAACG,IAAI,GAAG,SAAS,GAAG,SAAS;MAEpG,oBACE5E,MAAA,YAAA6G,aAAA,CAAA7G,MAAA,YAAA8G,QAAA,qBACE9G,MAAA,YAAA6G,aAAA,CAACzG,EAAE,CAACgD,IAAI;QACN2D,QAAQ,EAAE,SAAVA,QAAQA,CAAGpG,CAAC;UAAA,OAAM6F,MAAI,CAACQ,IAAI,GAAGrG,CAAC;QAAA,CAAE;QACjCsG,MAAM,EAAE9C,KAAK,CAACwB,CAAE;QAChBuB,MAAM,EAAE/C,KAAK,CAAC0B,CAAE;QAChBvB,KAAK,EAAEA,KAAM;QACbC,MAAM,EAAEA,MAAO;QACf4C,MAAM,EAAC,SAAS;QAChBrD,aAAa,EAAEA,aAAc;QAC7BC,gBAAgB,EAAEA;MAAiB,CACpC,CAAC,EACDkC,qBAAqB,iBACpBjG,MAAA,YAAA6G,aAAA,CAAA7G,MAAA,YAAA8G,QAAA,qBACE9G,MAAA,YAAA6G,aAAA,CAACzG,EAAE,CAACgH,QAAQ;QACVjD,KAAK,EAAEA,KAAK,CAAC0B,CAAE;QACfvB,KAAK,EAAEA,KAAM;QACb+C,UAAU,EAAE3C,kBAAmB;QAC/ByC,MAAM,EAAEP,oBAAqB;QAC7BU,eAAe,EAAEvB;MAAmB,CACrC,CAAC,eACF/F,MAAA,YAAA6G,aAAA,CAACzG,EAAE,CAACmH,WAAW;QACbpD,KAAK,EAAEA,KAAK,CAACwB,CAAE;QACfpB,MAAM,EAAEA,MAAO;QACf8C,UAAU,EAAErC,qBAAsB;QAClCmC,MAAM,EAAEP,oBAAqB;QAC7BU,eAAe,EAAEtB;MAAsB,CACxC,CACD,CAEJ,CAAC;IAEP;EAAC;AAAA,EA3HuBwB,iBAAK,CAACC,SAAS;AAAA,IAAAlF,gBAAA,aAA5Ba,IAAI,eACI;EACjBsE,QAAQ,EAAEC,qBAAS,CAACC,IAAI;EACxBC,sBAAsB,EAAEF,qBAAS,CAACC,IAAI;EACtC1D,UAAU,EAAE4D,WAAK,CAACC,cAAc,CAACC;AACnC,CAAC;AAAA,IAAAC,QAAA,GAAA5E,OAAA,cAyHYD,IAAI","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"grid.js","names":["_react","_interopRequireDefault","require","_propTypes","vx","_interopRequireWildcard","_plot","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","Grid","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","rowTickValues","columnTickValues","_this$props$graphProp","props","graphProps","scale","_this$props$graphProp2","size","width","height","domain","range","rowTickLabelValues","getTickValues","step","labelStep","value","includes","columnTickLabelValues","minValueLength","Math","min","_toConsumableArray2","toString","replace","maxValueLength","max","rowLabelLength","horizontalDistanceToZero","x","verticalDistanceToZero","y","columnLabelLength","rowStrokeDasharray","columnStrokeDasharray","displayAdditionalGrid","filteredColumnValues","filteredRowValues","_inherits2","_createClass2","key","render","_this2","_graphProps$size","_this$getAdditionalGr","getAdditionalGridProps","additionalGridStroke","createElement","Fragment","innerRef","grid","xScale","yScale","stroke","GridRows","tickValues","strokeDasharray","GridColumns","React","Component","disabled","PropTypes","bool","disabledAdditionalGrid","types","GraphPropsType","isRequired","_default"],"sources":["../src/grid.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as vx from '@visx/grid';\nimport { types } from '@pie-lib/plot';\nimport { getTickValues } from './utils';\n\nexport class Grid extends React.Component {\n static propTypes = {\n disabled: PropTypes.bool,\n disabledAdditionalGrid: PropTypes.bool,\n graphProps: types.GraphPropsType.isRequired,\n };\n\n getAdditionalGridProps = (rowTickValues, columnTickValues) => {\n const {\n graphProps: {\n scale,\n size: { width, height },\n domain,\n range,\n },\n } = this.props;\n const rowTickLabelValues = getTickValues({\n ...range,\n step: range.labelStep,\n }).filter((value) => rowTickValues.includes(value));\n const columnTickLabelValues = getTickValues({\n ...domain,\n step: domain.labelStep,\n }).filter((value) => columnTickValues.includes(value));\n\n const minValueLength =\n (rowTickLabelValues.length &&\n Math.min(...rowTickLabelValues)\n .toString()\n .replace(/[.-]/g, '').length) ||\n 1;\n const maxValueLength =\n (rowTickLabelValues.length &&\n Math.max(...rowTickLabelValues)\n .toString()\n .replace(/[.-]/g, '').length) ||\n 1;\n\n const rowLabelLength = Math.max(minValueLength, maxValueLength) * 9 + 22;\n const horizontalDistanceToZero = scale.x(0);\n const verticalDistanceToZero = scale.y(0);\n const columnLabelLength = 28;\n const rowStrokeDasharray = `${horizontalDistanceToZero - rowLabelLength} ${rowLabelLength} ${width}`;\n const columnStrokeDasharray = `${verticalDistanceToZero} ${columnLabelLength} ${height}`;\n\n const displayAdditionalGrid =\n domain.labelStep > 0 &&\n range.labelStep > 0 &&\n rowTickLabelValues &&\n columnTickLabelValues &&\n rowTickLabelValues.length > 1 &&\n columnTickLabelValues.length > 1 &&\n (rowTickLabelValues.length !== rowTickValues.length || columnTickLabelValues.length !== columnTickValues.length);\n\n const filteredColumnValues = columnTickLabelValues.filter(\n (value) => value >= 0 || horizontalDistanceToZero - scale.x(value) > rowLabelLength,\n );\n const filteredRowValues = rowTickLabelValues.filter(\n (value) => value >= 0 || scale.y(value) - verticalDistanceToZero > columnLabelLength,\n );\n\n return {\n rowTickLabelValues: filteredRowValues,\n columnTickLabelValues: filteredColumnValues,\n rowStrokeDasharray,\n columnStrokeDasharray,\n displayAdditionalGrid,\n };\n };\n\n render() {\n const { graphProps } = this.props;\n const {\n scale,\n size: { height, width },\n domain,\n range,\n } = graphProps;\n const rowTickValues = getTickValues(range);\n const columnTickValues = getTickValues(domain);\n const {\n rowTickLabelValues,\n columnTickLabelValues,\n rowStrokeDasharray,\n columnStrokeDasharray,\n displayAdditionalGrid,\n } = this.getAdditionalGridProps(rowTickValues, columnTickValues);\n\n const additionalGridStroke =\n domain.labelStep * 2 === domain.step || range.labelStep * 2 === range.step ? '#9FA8DA' : '#7985CB';\n\n return (\n <>\n <vx.Grid\n innerRef={(r) => (this.grid = r)}\n xScale={scale.x}\n yScale={scale.y}\n width={width}\n height={height}\n stroke=\"#D3D3D3\"\n rowTickValues={rowTickValues}\n columnTickValues={columnTickValues}\n />\n {displayAdditionalGrid && (\n <>\n <vx.GridRows\n scale={scale.y}\n width={width}\n tickValues={rowTickLabelValues}\n stroke={additionalGridStroke}\n strokeDasharray={rowStrokeDasharray}\n />\n <vx.GridColumns\n scale={scale.x}\n height={height}\n tickValues={columnTickLabelValues}\n stroke={additionalGridStroke}\n strokeDasharray={columnStrokeDasharray}\n />\n </>\n )}\n </>\n );\n }\n}\n\nexport default Grid;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/index.js
CHANGED
|
@@ -1,12 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.array.iterator.js");
|
|
4
|
-
require("core-js/modules/es.object.define-property.js");
|
|
5
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
6
|
-
require("core-js/modules/es.object.to-string.js");
|
|
7
|
-
require("core-js/modules/es.string.iterator.js");
|
|
8
|
-
require("core-js/modules/es.weak-map.js");
|
|
9
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
10
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
11
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
12
5
|
Object.defineProperty(exports, "__esModule", {
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_graph","_interopRequireDefault","require","_container","_gridSetup","tools","_interopRequireWildcard","exports","_toolMenu","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../src/index.js"],"sourcesContent":["import Graph from './graph';\nimport GraphContainer from './container';\nimport GridSetup from './grid-setup';\nimport * as tools from './tools';\nimport ToolMenu from './tool-menu';\n\nexport { Graph, GraphContainer, GridSetup, ToolMenu, tools };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_graph","_interopRequireDefault","require","_container","_gridSetup","tools","_interopRequireWildcard","exports","_toolMenu","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../src/index.js"],"sourcesContent":["import Graph from './graph';\nimport GraphContainer from './container';\nimport GridSetup from './grid-setup';\nimport * as tools from './tools';\nimport ToolMenu from './tool-menu';\n\nexport { Graph, GraphContainer, GridSetup, ToolMenu, tools };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAAiCK,OAAA,CAAAF,KAAA,GAAAA,KAAA;AACjC,IAAAG,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAmC,SAAAI,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,wBAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}
|
package/lib/labels.js
CHANGED
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.symbol.js");
|
|
4
|
-
require("core-js/modules/es.array.filter.js");
|
|
5
|
-
require("core-js/modules/es.array.for-each.js");
|
|
6
|
-
require("core-js/modules/es.object.define-properties.js");
|
|
7
|
-
require("core-js/modules/es.object.define-property.js");
|
|
8
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
9
|
-
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
10
|
-
require("core-js/modules/es.object.keys.js");
|
|
11
|
-
require("core-js/modules/es.reflect.construct.js");
|
|
12
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
13
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
14
4
|
Object.defineProperty(exports, "__esModule", {
|
|
15
5
|
value: true
|
|
@@ -21,9 +11,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
21
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
22
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
24
|
-
require("core-js/modules/es.array.concat.js");
|
|
25
|
-
require("core-js/modules/es.array.map.js");
|
|
26
|
-
require("core-js/modules/es.object.to-string.js");
|
|
27
14
|
var _react = _interopRequireDefault(require("react"));
|
|
28
15
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
16
|
var _styles = require("@mui/material/styles");
|
package/lib/labels.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labels.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","_renderUi","_editableHtmlTipTap","_classnames","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","rotations","left","top","bottom","right","getTransform","exports","side","width","height","x","y","rotate","concat","getY","PREFIX","classes","label","axisLabel","disabledAxisLabel","bottomLabel","Root","styled","_ref","theme","fill","color","defaults","SECONDARY","fontSize","typography","textAlign","padding","pointerEvents","marginTop","RawLabel","_React$Component","_classCallCheck2","_inherits2","_createClass2","key","value","render","_this$props","props","disabledLabel","placeholder","text","graphProps","onChange","_this$props$mathMlOpt","mathMlOptions","size","domain","range","totalHeight","totalWidth","transform","finalHeight","activePlugins","createElement","textAnchor","Readable","className","cn","markup","toolbarOpts","position","noPadding","noBorder","React","Component","PropTypes","string","bool","types","GraphPropsType","isRequired","func","object","LabelType","Labels","_React$Component2","_this","_len","args","Array","_key","newValue","_this$props2","labels","_this2","_this$props3","disabledLabels","_this$props3$placehol","placeholders","_this$props3$value","_this$props3$mathMlOp","Fragment","map","val","onChangeLabel","shape","_default"],"sources":["../src/labels.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { types } from '@pie-lib/plot';\nimport { color, Readable } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport cn from 'classnames';\n\nconst rotations = {\n left: -90,\n top: 0,\n bottom: 0,\n right: 90,\n};\n\nexport const getTransform = (side, width, height) => {\n const t = (x, y, rotate) => `translate(${x}, ${y}), rotate(${rotate})`;\n\n if (side === 'left') return t(-20, height / 2, rotations[side]);\n if (side === 'right') return t(width + 30, height / 2, rotations[side]);\n if (side === 'top') return t(width / 2, -20, rotations[side]);\n if (side === 'bottom') return t(width / 2, height + 30, rotations[side]);\n};\n\nconst getY = (side, height) => {\n switch (side) {\n case 'left':\n case 'top':\n return -height;\n case 'right':\n return -height - 10;\n default:\n return -height + 10;\n }\n};\n\nconst PREFIX = 'Label';\nconst classes = {\n label: `${PREFIX}-label`,\n axisLabel: `${PREFIX}-axisLabel`,\n disabledAxisLabel: `${PREFIX}-disabledAxisLabel`,\n bottomLabel: `${PREFIX}-bottomLabel`,\n};\n\nconst Root = styled('div')(({ theme }) => ({\n [`& .${classes.label}`]: {\n fill: color.defaults.SECONDARY,\n },\n [`& .${classes.axisLabel}`]: {\n fontSize: theme.typography.fontSize - 2,\n textAlign: 'center',\n padding: '0 4px',\n },\n [`& .${classes.disabledAxisLabel}`]: {\n pointerEvents: 'none',\n },\n [`& .${classes.bottomLabel}`]: {\n marginTop: '44px',\n },\n}));\n\nclass RawLabel extends React.Component {\n static propTypes = {\n text: PropTypes.string,\n side: PropTypes.string,\n disabledLabel: PropTypes.bool,\n placeholder: PropTypes.string,\n graphProps: types.GraphPropsType.isRequired,\n onChange: PropTypes.func,\n mathMlOptions: PropTypes.object,\n };\n\n static defaultProps = {\n onChange: () => {},\n };\n\n render() {\n const { disabledLabel, placeholder, text, side, graphProps, onChange, mathMlOptions = {} } = this.props;\n const { size, domain, range } = graphProps;\n const totalHeight = (size.height || 500) + (range.padding || 0) * 2;\n const totalWidth = (size.width || 500) + (domain.padding || 0) * 2;\n\n const transform = getTransform(side, totalWidth, totalHeight);\n const width = side === 'left' || side === 'right' ? totalHeight : totalWidth;\n const height = 36;\n const y = getY(side, height);\n const finalHeight = side === 'bottom' ? height + 22 : height + 18;\n\n const activePlugins = ['bold', 'italic', 'underline', 'strikethrough', 'math'];\n\n return (\n <Root>\n <foreignObject\n x={-(width / 2)}\n y={y}\n width={width}\n height={finalHeight}\n transform={transform}\n textAnchor=\"middle\"\n >\n <Readable>\n <EditableHtml\n className={cn(\n {\n [classes.bottomLabel]: side === 'bottom',\n [classes.disabledAxisLabel]: disabledLabel,\n },\n classes.axisLabel,\n )}\n markup={text || ''}\n onChange={onChange}\n placeholder={!disabledLabel && placeholder}\n toolbarOpts={{\n position: side === 'bottom' ? 'top' : 'bottom',\n noPadding: true,\n noBorder: true,\n }}\n activePlugins={activePlugins}\n mathMlOptions={mathMlOptions}\n />\n </Readable>\n </foreignObject>\n </Root>\n );\n }\n}\n\nexport const LabelType = {\n left: PropTypes.string,\n top: PropTypes.string,\n bottom: PropTypes.string,\n right: PropTypes.string,\n};\n\nexport class Labels extends React.Component {\n static propTypes = {\n disabledLabels: PropTypes.bool,\n placeholders: PropTypes.object,\n value: PropTypes.shape(LabelType),\n graphProps: PropTypes.object,\n onChange: PropTypes.func,\n mathMlOptions: PropTypes.object,\n };\n\n onChangeLabel = (newValue, side) => {\n const { value, onChange } = this.props;\n const labels = { ...value, [side]: newValue };\n onChange(labels);\n };\n\n render() {\n const { disabledLabels, placeholders = {}, value = {}, graphProps, mathMlOptions = {} } = this.props;\n\n return (\n <>\n {['left', 'top', 'bottom', 'right'].map((side) => (\n <RawLabel\n key={side}\n side={side}\n text={value[side]}\n disabledLabel={disabledLabels}\n placeholder={placeholders[side]}\n graphProps={graphProps}\n onChange={(val) => this.onChangeLabel(val, side)}\n mathMlOptions={mathMlOptions}\n />\n ))}\n </>\n );\n }\n}\n\nexport default RawLabel;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"labels.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","_renderUi","_editableHtmlTipTap","_classnames","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","rotations","left","top","bottom","right","getTransform","exports","side","width","height","x","y","rotate","concat","getY","PREFIX","classes","label","axisLabel","disabledAxisLabel","bottomLabel","Root","styled","_ref","theme","fill","color","defaults","SECONDARY","fontSize","typography","textAlign","padding","pointerEvents","marginTop","RawLabel","_React$Component","_classCallCheck2","_inherits2","_createClass2","key","value","render","_this$props","props","disabledLabel","placeholder","text","graphProps","onChange","_this$props$mathMlOpt","mathMlOptions","size","domain","range","totalHeight","totalWidth","transform","finalHeight","activePlugins","createElement","textAnchor","Readable","className","cn","markup","toolbarOpts","position","noPadding","noBorder","React","Component","PropTypes","string","bool","types","GraphPropsType","isRequired","func","object","LabelType","Labels","_React$Component2","_this","_len","args","Array","_key","newValue","_this$props2","labels","_this2","_this$props3","disabledLabels","_this$props3$placehol","placeholders","_this$props3$value","_this$props3$mathMlOp","Fragment","map","val","onChangeLabel","shape","_default"],"sources":["../src/labels.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { types } from '@pie-lib/plot';\nimport { color, Readable } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport cn from 'classnames';\n\nconst rotations = {\n left: -90,\n top: 0,\n bottom: 0,\n right: 90,\n};\n\nexport const getTransform = (side, width, height) => {\n const t = (x, y, rotate) => `translate(${x}, ${y}), rotate(${rotate})`;\n\n if (side === 'left') return t(-20, height / 2, rotations[side]);\n if (side === 'right') return t(width + 30, height / 2, rotations[side]);\n if (side === 'top') return t(width / 2, -20, rotations[side]);\n if (side === 'bottom') return t(width / 2, height + 30, rotations[side]);\n};\n\nconst getY = (side, height) => {\n switch (side) {\n case 'left':\n case 'top':\n return -height;\n case 'right':\n return -height - 10;\n default:\n return -height + 10;\n }\n};\n\nconst PREFIX = 'Label';\nconst classes = {\n label: `${PREFIX}-label`,\n axisLabel: `${PREFIX}-axisLabel`,\n disabledAxisLabel: `${PREFIX}-disabledAxisLabel`,\n bottomLabel: `${PREFIX}-bottomLabel`,\n};\n\nconst Root = styled('div')(({ theme }) => ({\n [`& .${classes.label}`]: {\n fill: color.defaults.SECONDARY,\n },\n [`& .${classes.axisLabel}`]: {\n fontSize: theme.typography.fontSize - 2,\n textAlign: 'center',\n padding: '0 4px',\n },\n [`& .${classes.disabledAxisLabel}`]: {\n pointerEvents: 'none',\n },\n [`& .${classes.bottomLabel}`]: {\n marginTop: '44px',\n },\n}));\n\nclass RawLabel extends React.Component {\n static propTypes = {\n text: PropTypes.string,\n side: PropTypes.string,\n disabledLabel: PropTypes.bool,\n placeholder: PropTypes.string,\n graphProps: types.GraphPropsType.isRequired,\n onChange: PropTypes.func,\n mathMlOptions: PropTypes.object,\n };\n\n static defaultProps = {\n onChange: () => {},\n };\n\n render() {\n const { disabledLabel, placeholder, text, side, graphProps, onChange, mathMlOptions = {} } = this.props;\n const { size, domain, range } = graphProps;\n const totalHeight = (size.height || 500) + (range.padding || 0) * 2;\n const totalWidth = (size.width || 500) + (domain.padding || 0) * 2;\n\n const transform = getTransform(side, totalWidth, totalHeight);\n const width = side === 'left' || side === 'right' ? totalHeight : totalWidth;\n const height = 36;\n const y = getY(side, height);\n const finalHeight = side === 'bottom' ? height + 22 : height + 18;\n\n const activePlugins = ['bold', 'italic', 'underline', 'strikethrough', 'math'];\n\n return (\n <Root>\n <foreignObject\n x={-(width / 2)}\n y={y}\n width={width}\n height={finalHeight}\n transform={transform}\n textAnchor=\"middle\"\n >\n <Readable>\n <EditableHtml\n className={cn(\n {\n [classes.bottomLabel]: side === 'bottom',\n [classes.disabledAxisLabel]: disabledLabel,\n },\n classes.axisLabel,\n )}\n markup={text || ''}\n onChange={onChange}\n placeholder={!disabledLabel && placeholder}\n toolbarOpts={{\n position: side === 'bottom' ? 'top' : 'bottom',\n noPadding: true,\n noBorder: true,\n }}\n activePlugins={activePlugins}\n mathMlOptions={mathMlOptions}\n />\n </Readable>\n </foreignObject>\n </Root>\n );\n }\n}\n\nexport const LabelType = {\n left: PropTypes.string,\n top: PropTypes.string,\n bottom: PropTypes.string,\n right: PropTypes.string,\n};\n\nexport class Labels extends React.Component {\n static propTypes = {\n disabledLabels: PropTypes.bool,\n placeholders: PropTypes.object,\n value: PropTypes.shape(LabelType),\n graphProps: PropTypes.object,\n onChange: PropTypes.func,\n mathMlOptions: PropTypes.object,\n };\n\n onChangeLabel = (newValue, side) => {\n const { value, onChange } = this.props;\n const labels = { ...value, [side]: newValue };\n onChange(labels);\n };\n\n render() {\n const { disabledLabels, placeholders = {}, value = {}, graphProps, mathMlOptions = {} } = this.props;\n\n return (\n <>\n {['left', 'top', 'bottom', 'right'].map((side) => (\n <RawLabel\n key={side}\n side={side}\n text={value[side]}\n disabledLabel={disabledLabels}\n placeholder={placeholders[side]}\n graphProps={graphProps}\n onChange={(val) => this.onChangeLabel(val, side)}\n mathMlOptions={mathMlOptions}\n />\n ))}\n </>\n );\n }\n}\n\nexport default RawLabel;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/mark-label.js
CHANGED
|
@@ -1,19 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.symbol.js");
|
|
4
|
-
require("core-js/modules/es.array.filter.js");
|
|
5
|
-
require("core-js/modules/es.array.for-each.js");
|
|
6
|
-
require("core-js/modules/es.array.iterator.js");
|
|
7
|
-
require("core-js/modules/es.object.define-properties.js");
|
|
8
|
-
require("core-js/modules/es.object.define-property.js");
|
|
9
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
10
|
-
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
11
|
-
require("core-js/modules/es.object.keys.js");
|
|
12
|
-
require("core-js/modules/es.object.to-string.js");
|
|
13
|
-
require("core-js/modules/es.string.iterator.js");
|
|
14
|
-
require("core-js/modules/es.weak-map.js");
|
|
15
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
16
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
17
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
18
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
19
5
|
Object.defineProperty(exports, "__esModule", {
|
|
@@ -22,8 +8,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
22
8
|
exports.position = exports["default"] = exports.coordinates = exports.MarkLabel = void 0;
|
|
23
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
24
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
25
|
-
require("core-js/modules/es.array.concat.js");
|
|
26
|
-
require("core-js/modules/es.array.includes.js");
|
|
27
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
28
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
13
|
var _styles = require("@mui/material/styles");
|
package/lib/mark-label.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mark-label.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_styles","_reactInputAutosize","_useDebounce","_plot","_renderUi","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledAutosizeInput","styled","AutosizeInput","shouldForwardProp","prop","includes","_ref2","theme","disabled","markDisabled","padding","spacing","fontFamily","typography","fontSize","border","concat","color","defaults","PRIMARY_DARK","SECONDARY","borderRadius","background","palette","paper","position","exports","graphProps","mark","rect","width","height","scale","domain","range","shift","rightEdge","x","bottomEdge","y","h","max","v","min","coordinates","left","top","MarkLabel","props","_useState","useState","_useState2","_slicedToArray2","input","setInput","_ref","useCallback","node","externalInputRef","inputRef","_useState3","label","_useState4","setLabel","onChange","target","value","debouncedLabel","useDebounce","useEffect","getBoundingClientRect","pos","leftTop","style","pointerEvents","disabledInput","createElement","propTypes","PropTypes","bool","func","types","GraphPropsType","object","_default"],"sources":["../src/mark-label.jsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport AutosizeInput from 'react-input-autosize';\nimport { useDebounce } from './use-debounce';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledAutosizeInput = styled(AutosizeInput, {\n shouldForwardProp: (prop) => !['disabled', 'markDisabled'].includes(prop),\n})(({ theme, disabled, markDisabled }) => ({\n '& input': {\n float: 'right',\n padding: theme.spacing(0.5),\n fontFamily: theme.typography.fontFamily,\n fontSize: theme.typography.fontSize,\n border: `solid 1px ${disabled ? color.defaults.PRIMARY_DARK : markDisabled ? color.disabled() : color.defaults.SECONDARY}`,\n borderRadius: '3px',\n color: markDisabled ? color.disabled() : color.defaults.PRIMARY_DARK,\n background: (disabled || markDisabled) ? theme.palette.background.paper : 'transparent',\n },\n}));\n\nexport const position = (graphProps, mark, rect) => {\n rect = rect || { width: 0, height: 0 };\n const { scale, domain, range } = graphProps;\n const shift = 10;\n\n const rightEdge = scale.x(mark.x) + rect.width + shift;\n const bottomEdge = scale.y(mark.y) + rect.height + shift;\n\n const h = rightEdge >= scale.x(domain.max) ? 'left' : 'right';\n const v = bottomEdge >= scale.y(range.min) ? 'top' : 'bottom';\n\n return `${v}-${h}`;\n};\n\nexport const coordinates = (graphProps, mark, rect, position) => {\n const { scale } = graphProps;\n const shift = 10;\n rect = rect || { width: 0, height: 0 };\n\n switch (position) {\n case 'bottom-right': {\n return { left: scale.x(mark.x) + shift, top: scale.y(mark.y) + shift };\n }\n case 'bottom-left': {\n return { left: scale.x(mark.x) - shift - rect.width, top: scale.y(mark.y) + shift };\n }\n case 'top-left': {\n return {\n left: scale.x(mark.x) - shift - rect.width,\n top: scale.y(mark.y) - shift - rect.height,\n };\n }\n case 'top-right': {\n return {\n left: scale.x(mark.x) + shift,\n top: scale.y(mark.y) - shift - rect.height,\n };\n }\n }\n};\n\nexport const MarkLabel = (props) => {\n const [input, setInput] = useState(null);\n const _ref = useCallback((node) => setInput(node));\n\n const { mark, graphProps, disabled, inputRef: externalInputRef } = props;\n\n const [label, setLabel] = useState(mark.label);\n\n const onChange = (e) => setLabel(e.target.value);\n\n const debouncedLabel = useDebounce(label, 200);\n\n // useState only sets the value once, to synch props to state need useEffect\n useEffect(() => {\n setLabel(mark.label);\n }, [mark.label]);\n\n // pick up the change to debouncedLabel and save it\n useEffect(() => {\n if (typeof debouncedLabel === 'string' && debouncedLabel !== mark.label) {\n props.onChange(debouncedLabel);\n }\n }, [debouncedLabel]);\n\n const rect = input ? input.getBoundingClientRect() : { width: 0, height: 0 };\n const pos = position(graphProps, mark, rect);\n const leftTop = coordinates(graphProps, mark, rect, pos);\n\n const style = {\n position: 'fixed',\n pointerEvents: 'auto',\n ...leftTop,\n };\n\n const disabledInput = disabled || mark.disabled;\n\n return (\n <StyledAutosizeInput\n inputRef={(r) => {\n _ref(r);\n externalInputRef(r);\n }}\n disabled={disabledInput}\n markDisabled={mark.disabled}\n value={label}\n style={style}\n onChange={onChange}\n />\n );\n};\n\nMarkLabel.propTypes = {\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n graphProps: types.GraphPropsType,\n inputRef: PropTypes.func,\n mark: PropTypes.object,\n theme: PropTypes.object,\n};\n\nexport default MarkLabel;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"mark-label.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_styles","_reactInputAutosize","_useDebounce","_plot","_renderUi","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledAutosizeInput","styled","AutosizeInput","shouldForwardProp","prop","includes","_ref2","theme","disabled","markDisabled","padding","spacing","fontFamily","typography","fontSize","border","concat","color","defaults","PRIMARY_DARK","SECONDARY","borderRadius","background","palette","paper","position","exports","graphProps","mark","rect","width","height","scale","domain","range","shift","rightEdge","x","bottomEdge","y","h","max","v","min","coordinates","left","top","MarkLabel","props","_useState","useState","_useState2","_slicedToArray2","input","setInput","_ref","useCallback","node","externalInputRef","inputRef","_useState3","label","_useState4","setLabel","onChange","target","value","debouncedLabel","useDebounce","useEffect","getBoundingClientRect","pos","leftTop","style","pointerEvents","disabledInput","createElement","propTypes","PropTypes","bool","func","types","GraphPropsType","object","_default"],"sources":["../src/mark-label.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport AutosizeInput from 'react-input-autosize';\nimport { useDebounce } from './use-debounce';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledAutosizeInput = styled(AutosizeInput, {\n shouldForwardProp: (prop) => !['disabled', 'markDisabled'].includes(prop),\n})(({ theme, disabled, markDisabled }) => ({\n '& input': {\n float: 'right',\n padding: theme.spacing(0.5),\n fontFamily: theme.typography.fontFamily,\n fontSize: theme.typography.fontSize,\n border: `solid 1px ${disabled ? color.defaults.PRIMARY_DARK : markDisabled ? color.disabled() : color.defaults.SECONDARY}`,\n borderRadius: '3px',\n color: markDisabled ? color.disabled() : color.defaults.PRIMARY_DARK,\n background: disabled || markDisabled ? theme.palette.background.paper : 'transparent',\n },\n}));\n\nexport const position = (graphProps, mark, rect) => {\n rect = rect || { width: 0, height: 0 };\n const { scale, domain, range } = graphProps;\n const shift = 10;\n\n const rightEdge = scale.x(mark.x) + rect.width + shift;\n const bottomEdge = scale.y(mark.y) + rect.height + shift;\n\n const h = rightEdge >= scale.x(domain.max) ? 'left' : 'right';\n const v = bottomEdge >= scale.y(range.min) ? 'top' : 'bottom';\n\n return `${v}-${h}`;\n};\n\nexport const coordinates = (graphProps, mark, rect, position) => {\n const { scale } = graphProps;\n const shift = 10;\n rect = rect || { width: 0, height: 0 };\n\n switch (position) {\n case 'bottom-right': {\n return { left: scale.x(mark.x) + shift, top: scale.y(mark.y) + shift };\n }\n case 'bottom-left': {\n return { left: scale.x(mark.x) - shift - rect.width, top: scale.y(mark.y) + shift };\n }\n case 'top-left': {\n return {\n left: scale.x(mark.x) - shift - rect.width,\n top: scale.y(mark.y) - shift - rect.height,\n };\n }\n case 'top-right': {\n return {\n left: scale.x(mark.x) + shift,\n top: scale.y(mark.y) - shift - rect.height,\n };\n }\n }\n};\n\nexport const MarkLabel = (props) => {\n const [input, setInput] = useState(null);\n const _ref = useCallback((node) => setInput(node));\n\n const { mark, graphProps, disabled, inputRef: externalInputRef } = props;\n\n const [label, setLabel] = useState(mark.label);\n\n const onChange = (e) => setLabel(e.target.value);\n\n const debouncedLabel = useDebounce(label, 200);\n\n // useState only sets the value once, to synch props to state need useEffect\n useEffect(() => {\n setLabel(mark.label);\n }, [mark.label]);\n\n // pick up the change to debouncedLabel and save it\n useEffect(() => {\n if (typeof debouncedLabel === 'string' && debouncedLabel !== mark.label) {\n props.onChange(debouncedLabel);\n }\n }, [debouncedLabel]);\n\n const rect = input ? input.getBoundingClientRect() : { width: 0, height: 0 };\n const pos = position(graphProps, mark, rect);\n const leftTop = coordinates(graphProps, mark, rect, pos);\n\n const style = {\n position: 'fixed',\n pointerEvents: 'auto',\n ...leftTop,\n };\n\n const disabledInput = disabled || mark.disabled;\n\n return (\n <StyledAutosizeInput\n inputRef={(r) => {\n _ref(r);\n externalInputRef(r);\n }}\n disabled={disabledInput}\n markDisabled={mark.disabled}\n value={label}\n style={style}\n onChange={onChange}\n />\n );\n};\n\nMarkLabel.propTypes = {\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n graphProps: types.GraphPropsType,\n inputRef: PropTypes.func,\n mark: PropTypes.object,\n theme: PropTypes.object,\n};\n\nexport default MarkLabel;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAA2C,SAAAD,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,wBAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAmB,QAAApB,CAAA,EAAAG,CAAA,QAAAF,CAAA,GAAAgB,MAAA,CAAAI,IAAA,CAAArB,CAAA,OAAAiB,MAAA,CAAAK,qBAAA,QAAAhB,CAAA,GAAAW,MAAA,CAAAK,qBAAA,CAAAtB,CAAA,GAAAG,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAiB,MAAA,WAAApB,CAAA,WAAAc,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAG,CAAA,EAAAqB,UAAA,OAAAvB,CAAA,CAAAwB,IAAA,CAAAC,KAAA,CAAAzB,CAAA,EAAAK,CAAA,YAAAL,CAAA;AAAA,SAAA0B,cAAA3B,CAAA,aAAAG,CAAA,MAAAA,CAAA,GAAAyB,SAAA,CAAAC,MAAA,EAAA1B,CAAA,UAAAF,CAAA,WAAA2B,SAAA,CAAAzB,CAAA,IAAAyB,SAAA,CAAAzB,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,OAAA6B,OAAA,WAAA3B,CAAA,QAAA4B,gBAAA,aAAA/B,CAAA,EAAAG,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAc,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAjC,CAAA,EAAAiB,MAAA,CAAAe,yBAAA,CAAA/B,CAAA,KAAAmB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,GAAA6B,OAAA,WAAA3B,CAAA,IAAAc,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAG,CAAA,EAAAc,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAE,CAAA,iBAAAH,CAAA;AAE3C,IAAMkC,mBAAmB,GAAG,IAAAC,cAAM,EAACC,8BAAa,EAAE;EAChDC,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAGC,IAAI;IAAA,OAAK,CAAC,CAAC,UAAU,EAAE,cAAc,CAAC,CAACC,QAAQ,CAACD,IAAI,CAAC;EAAA;AAC3E,CAAC,CAAC,CAAC,UAAAE,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAEC,YAAY,GAAAH,KAAA,CAAZG,YAAY;EAAA,OAAQ;IACzC,SAAS,EAAE;MACT,SAAO,OAAO;MACdC,OAAO,EAAEH,KAAK,CAACI,OAAO,CAAC,GAAG,CAAC;MAC3BC,UAAU,EAAEL,KAAK,CAACM,UAAU,CAACD,UAAU;MACvCE,QAAQ,EAAEP,KAAK,CAACM,UAAU,CAACC,QAAQ;MACnCC,MAAM,eAAAC,MAAA,CAAeR,QAAQ,GAAGS,eAAK,CAACC,QAAQ,CAACC,YAAY,GAAGV,YAAY,GAAGQ,eAAK,CAACT,QAAQ,CAAC,CAAC,GAAGS,eAAK,CAACC,QAAQ,CAACE,SAAS,CAAE;MAC1HC,YAAY,EAAE,KAAK;MACnBJ,KAAK,EAAER,YAAY,GAAGQ,eAAK,CAACT,QAAQ,CAAC,CAAC,GAAGS,eAAK,CAACC,QAAQ,CAACC,YAAY;MACpEG,UAAU,EAAEd,QAAQ,IAAIC,YAAY,GAAGF,KAAK,CAACgB,OAAO,CAACD,UAAU,CAACE,KAAK,GAAG;IAC1E;EACF,CAAC;AAAA,CAAC,CAAC;AAEI,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAIE,UAAU,EAAEC,IAAI,EAAEC,IAAI,EAAK;EAClDA,IAAI,GAAGA,IAAI,IAAI;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EACtC,IAAQC,KAAK,GAAoBL,UAAU,CAAnCK,KAAK;IAAEC,MAAM,GAAYN,UAAU,CAA5BM,MAAM;IAAEC,KAAK,GAAKP,UAAU,CAApBO,KAAK;EAC5B,IAAMC,KAAK,GAAG,EAAE;EAEhB,IAAMC,SAAS,GAAGJ,KAAK,CAACK,CAAC,CAACT,IAAI,CAACS,CAAC,CAAC,GAAGR,IAAI,CAACC,KAAK,GAAGK,KAAK;EACtD,IAAMG,UAAU,GAAGN,KAAK,CAACO,CAAC,CAACX,IAAI,CAACW,CAAC,CAAC,GAAGV,IAAI,CAACE,MAAM,GAAGI,KAAK;EAExD,IAAMK,CAAC,GAAGJ,SAAS,IAAIJ,KAAK,CAACK,CAAC,CAACJ,MAAM,CAACQ,GAAG,CAAC,GAAG,MAAM,GAAG,OAAO;EAC7D,IAAMC,CAAC,GAAGJ,UAAU,IAAIN,KAAK,CAACO,CAAC,CAACL,KAAK,CAACS,GAAG,CAAC,GAAG,KAAK,GAAG,QAAQ;EAE7D,UAAA3B,MAAA,CAAU0B,CAAC,OAAA1B,MAAA,CAAIwB,CAAC;AAClB,CAAC;AAEM,IAAMI,WAAW,GAAAlB,OAAA,CAAAkB,WAAA,GAAG,SAAdA,WAAWA,CAAIjB,UAAU,EAAEC,IAAI,EAAEC,IAAI,EAAEJ,QAAQ,EAAK;EAC/D,IAAQO,KAAK,GAAKL,UAAU,CAApBK,KAAK;EACb,IAAMG,KAAK,GAAG,EAAE;EAChBN,IAAI,GAAGA,IAAI,IAAI;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EAEtC,QAAQN,QAAQ;IACd,KAAK,cAAc;MAAE;QACnB,OAAO;UAAEoB,IAAI,EAAEb,KAAK,CAACK,CAAC,CAACT,IAAI,CAACS,CAAC,CAAC,GAAGF,KAAK;UAAEW,GAAG,EAAEd,KAAK,CAACO,CAAC,CAACX,IAAI,CAACW,CAAC,CAAC,GAAGJ;QAAM,CAAC;MACxE;IACA,KAAK,aAAa;MAAE;QAClB,OAAO;UAAEU,IAAI,EAAEb,KAAK,CAACK,CAAC,CAACT,IAAI,CAACS,CAAC,CAAC,GAAGF,KAAK,GAAGN,IAAI,CAACC,KAAK;UAAEgB,GAAG,EAAEd,KAAK,CAACO,CAAC,CAACX,IAAI,CAACW,CAAC,CAAC,GAAGJ;QAAM,CAAC;MACrF;IACA,KAAK,UAAU;MAAE;QACf,OAAO;UACLU,IAAI,EAAEb,KAAK,CAACK,CAAC,CAACT,IAAI,CAACS,CAAC,CAAC,GAAGF,KAAK,GAAGN,IAAI,CAACC,KAAK;UAC1CgB,GAAG,EAAEd,KAAK,CAACO,CAAC,CAACX,IAAI,CAACW,CAAC,CAAC,GAAGJ,KAAK,GAAGN,IAAI,CAACE;QACtC,CAAC;MACH;IACA,KAAK,WAAW;MAAE;QAChB,OAAO;UACLc,IAAI,EAAEb,KAAK,CAACK,CAAC,CAACT,IAAI,CAACS,CAAC,CAAC,GAAGF,KAAK;UAC7BW,GAAG,EAAEd,KAAK,CAACO,CAAC,CAACX,IAAI,CAACW,CAAC,CAAC,GAAGJ,KAAK,GAAGN,IAAI,CAACE;QACtC,CAAC;MACH;EACF;AACF,CAAC;AAEM,IAAMgB,SAAS,GAAArB,OAAA,CAAAqB,SAAA,GAAG,SAAZA,SAASA,CAAIC,KAAK,EAAK;EAClC,IAAAC,SAAA,GAA0B,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAjCI,KAAK,GAAAF,UAAA;IAAEG,QAAQ,GAAAH,UAAA;EACtB,IAAMI,IAAI,GAAG,IAAAC,kBAAW,EAAC,UAACC,IAAI;IAAA,OAAKH,QAAQ,CAACG,IAAI,CAAC;EAAA,EAAC;EAElD,IAAQ7B,IAAI,GAAuDoB,KAAK,CAAhEpB,IAAI;IAAED,UAAU,GAA2CqB,KAAK,CAA1DrB,UAAU;IAAEnB,QAAQ,GAAiCwC,KAAK,CAA9CxC,QAAQ;IAAYkD,gBAAgB,GAAKV,KAAK,CAApCW,QAAQ;EAE5C,IAAAC,UAAA,GAA0B,IAAAV,eAAQ,EAACtB,IAAI,CAACiC,KAAK,CAAC;IAAAC,UAAA,OAAAV,eAAA,aAAAQ,UAAA;IAAvCC,KAAK,GAAAC,UAAA;IAAEC,QAAQ,GAAAD,UAAA;EAEtB,IAAME,QAAQ,GAAG,SAAXA,QAAQA,CAAIlG,CAAC;IAAA,OAAKiG,QAAQ,CAACjG,CAAC,CAACmG,MAAM,CAACC,KAAK,CAAC;EAAA;EAEhD,IAAMC,cAAc,GAAG,IAAAC,wBAAW,EAACP,KAAK,EAAE,GAAG,CAAC;;EAE9C;EACA,IAAAQ,gBAAS,EAAC,YAAM;IACdN,QAAQ,CAACnC,IAAI,CAACiC,KAAK,CAAC;EACtB,CAAC,EAAE,CAACjC,IAAI,CAACiC,KAAK,CAAC,CAAC;;EAEhB;EACA,IAAAQ,gBAAS,EAAC,YAAM;IACd,IAAI,OAAOF,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAKvC,IAAI,CAACiC,KAAK,EAAE;MACvEb,KAAK,CAACgB,QAAQ,CAACG,cAAc,CAAC;IAChC;EACF,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEpB,IAAMtC,IAAI,GAAGwB,KAAK,GAAGA,KAAK,CAACiB,qBAAqB,CAAC,CAAC,GAAG;IAAExC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5E,IAAMwC,GAAG,GAAG9C,QAAQ,CAACE,UAAU,EAAEC,IAAI,EAAEC,IAAI,CAAC;EAC5C,IAAM2C,OAAO,GAAG5B,WAAW,CAACjB,UAAU,EAAEC,IAAI,EAAEC,IAAI,EAAE0C,GAAG,CAAC;EAExD,IAAME,KAAK,GAAAhF,aAAA;IACTgC,QAAQ,EAAE,OAAO;IACjBiD,aAAa,EAAE;EAAM,GAClBF,OAAO,CACX;EAED,IAAMG,aAAa,GAAGnE,QAAQ,IAAIoB,IAAI,CAACpB,QAAQ;EAE/C,oBACEpD,MAAA,YAAAwH,aAAA,CAAC5E,mBAAmB;IAClB2D,QAAQ,EAAE,SAAVA,QAAQA,CAAG1F,CAAC,EAAK;MACfsF,IAAI,CAACtF,CAAC,CAAC;MACPyF,gBAAgB,CAACzF,CAAC,CAAC;IACrB,CAAE;IACFuC,QAAQ,EAAEmE,aAAc;IACxBlE,YAAY,EAAEmB,IAAI,CAACpB,QAAS;IAC5B0D,KAAK,EAAEL,KAAM;IACbY,KAAK,EAAEA,KAAM;IACbT,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC;AAEDjB,SAAS,CAAC8B,SAAS,GAAG;EACpBrE,QAAQ,EAAEsE,qBAAS,CAACC,IAAI;EACxBf,QAAQ,EAAEc,qBAAS,CAACE,IAAI;EACxBrD,UAAU,EAAEsD,WAAK,CAACC,cAAc;EAChCvB,QAAQ,EAAEmB,qBAAS,CAACE,IAAI;EACxBpD,IAAI,EAAEkD,qBAAS,CAACK,MAAM;EACtB5E,KAAK,EAAEuE,qBAAS,CAACK;AACnB,CAAC;AAAC,IAAAC,QAAA,GAAA1D,OAAA,cAEaqB,SAAS","ignoreList":[]}
|
package/lib/toggle-bar.js
CHANGED
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.symbol.js");
|
|
4
|
-
require("core-js/modules/es.array.filter.js");
|
|
5
|
-
require("core-js/modules/es.array.for-each.js");
|
|
6
|
-
require("core-js/modules/es.object.define-properties.js");
|
|
7
|
-
require("core-js/modules/es.object.define-property.js");
|
|
8
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
9
|
-
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
10
|
-
require("core-js/modules/es.object.keys.js");
|
|
11
|
-
require("core-js/modules/es.reflect.construct.js");
|
|
12
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
13
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
14
4
|
Object.defineProperty(exports, "__esModule", {
|
|
15
5
|
value: true
|
|
@@ -22,13 +12,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
22
12
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
24
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
require("core-js/modules/es.array.concat.js");
|
|
26
|
-
require("core-js/modules/es.array.includes.js");
|
|
27
|
-
require("core-js/modules/es.array.map.js");
|
|
28
|
-
require("core-js/modules/es.date.to-string.js");
|
|
29
|
-
require("core-js/modules/es.object.to-string.js");
|
|
30
|
-
require("core-js/modules/es.regexp.to-string.js");
|
|
31
|
-
require("core-js/modules/es.string.includes.js");
|
|
32
15
|
var _react = _interopRequireDefault(require("react"));
|
|
33
16
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
34
17
|
var _styles = require("@mui/material/styles");
|
package/lib/toggle-bar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-bar.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Button","_renderUi","_tools","_drag","_core","_utilities","_sortable","_translator","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","translator","Translator","StyledMiniButton","styled","Button","shouldForwardProp","prop","includes","_ref","selected","disabled","color","text","backgroundColor","background","border","concat","secondary","primary","MiniButton","exports","props","className","value","onClick","language","translatorKey","toLowerCase","createElement","size","key","variant","buttonValue","lng","propTypes","PropTypes","bool","string","disabledClassName","func","StyledToolsContainer","display","flexWrap","StyledButton","_ref2","theme","marginRight","spacing","marginBottom","StyledWrapper","position","ToggleBar","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","onChange","target","textContent","dragIndex","hoverIndex","_this$props","options","onChangeToolsOrder","newOptions","arrayMove","event","active","over","activeData","data","current","overData","type","index","moveTool","_inherits2","_createClass2","render","_this2","_this$props2","selectedToolType","draggableTools","DragProvider","onDragEnd","handleDragEnd","map","option","allTools","isSelected","toolRef","React","createRef","DragTool","draggable","disableRipple","select","Component","arrayOf","_ref3","children","_useDraggable","useDraggable","id","attributes","listeners","setDragNodeRef","setNodeRef","transform","transition","isDragging","_useDroppable","useDroppable","accepts","setDropNodeRef","node","style","CSS","Transform","toString","opacity","ref","_extends2","number","object","_default"],"sources":["../src/toggle-bar.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Button from '@mui/material/Button';\nimport { color } from '@pie-lib/render-ui';\nimport { allTools } from './tools';\nimport { DragProvider } from '@pie-lib/drag';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { CSS } from '@dnd-kit/utilities';\nimport { arrayMove } from '@dnd-kit/sortable';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst StyledMiniButton = styled(Button, {\n shouldForwardProp: (prop) => !['selected'].includes(prop),\n})(({ selected, disabled }) => ({\n color: color.text(),\n backgroundColor: color.background(),\n ...(selected && {\n border: `1px solid ${color.secondary()}`,\n }),\n ...(!selected && {\n '& span': {\n color: color.primary(),\n },\n }),\n ...(disabled && {\n '& span': {\n color: color.primary(),\n },\n backgroundColor: color.disabled(),\n }),\n}));\n\nexport const MiniButton = (props) => {\n const { disabled, className, selected, value, onClick, language } = props;\n const translatorKey = value.toLowerCase();\n\n return (\n <StyledMiniButton\n size=\"small\"\n disabled={disabled}\n className={className}\n selected={selected}\n value={value}\n key={value}\n variant=\"outlined\"\n onClick={(e) => onClick({ ...e, buttonValue: value })}\n >\n {translator.t(`graphing.${translatorKey}`, { lng: language })}\n </StyledMiniButton>\n );\n};\n\nMiniButton.propTypes = {\n disabled: PropTypes.bool,\n className: PropTypes.string,\n disabledClassName: PropTypes.string,\n selected: PropTypes.bool,\n value: PropTypes.string,\n onClick: PropTypes.func,\n language: PropTypes.string,\n};\n\nconst StyledToolsContainer = styled('div')(() => ({\n display: 'flex',\n flexWrap: 'wrap',\n}));\n\nconst StyledButton = styled(MiniButton)(({ theme }) => ({\n marginRight: theme.spacing(0.5),\n marginBottom: theme.spacing(0.5),\n color: color.text(),\n}));\n\nconst StyledWrapper = styled('div')({\n position: 'relative',\n});\n\nexport class ToggleBar extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.string),\n selectedToolType: PropTypes.string,\n disabled: PropTypes.bool,\n draggableTools: PropTypes.bool,\n onChange: PropTypes.func,\n onChangeToolsOrder: PropTypes.func,\n language: PropTypes.string,\n };\n\n static defaultProps = {};\n\n select = (e) => this.props.onChange(e.buttonValue || e.target.textContent);\n\n moveTool = (dragIndex, hoverIndex) => {\n const { options, onChangeToolsOrder } = this.props;\n const newOptions = arrayMove(options, dragIndex, hoverIndex);\n\n onChangeToolsOrder(newOptions);\n };\n\n handleDragEnd = (event) => {\n const { active, over } = event;\n\n if (!over || !active) return;\n\n const activeData = active.data.current;\n const overData = over.data.current;\n\n if (activeData?.type === 'tool' && overData?.type === 'tool') {\n const dragIndex = activeData.index;\n const hoverIndex = overData.index;\n\n if (dragIndex !== hoverIndex) {\n this.moveTool(dragIndex, hoverIndex);\n }\n }\n };\n\n render() {\n const { className, disabled, options, selectedToolType, draggableTools, language } = this.props;\n\n return (\n <DragProvider onDragEnd={this.handleDragEnd}>\n <StyledToolsContainer className={className}>\n {(options || []).map((option, index) => {\n if ((allTools || []).includes(option)) {\n const isSelected = option === selectedToolType;\n const toolRef = React.createRef();\n\n return (\n <DragTool\n key={option}\n index={index}\n value={option}\n draggable={draggableTools}\n moveTool={this.moveTool}\n toolRef={toolRef}\n >\n <StyledButton\n disabled={disabled}\n disableRipple={true}\n onClick={this.select}\n value={option}\n selected={isSelected}\n language={language}\n />\n </DragTool>\n );\n }\n })}\n </StyledToolsContainer>\n </DragProvider>\n );\n }\n}\n\n// DragTool functional component using @dnd-kit hooks\nfunction DragTool({ children, index, draggable, toolRef, value }) {\n const { attributes, listeners, setNodeRef: setDragNodeRef, transform, transition, isDragging } = useDraggable({\n id: `tool-${value}-${index}`,\n disabled: !draggable,\n data: {\n type: 'tool',\n index,\n value,\n },\n });\n\n const { setNodeRef: setDropNodeRef } = useDroppable({\n id: `drop-tool-${value}-${index}`,\n data: {\n type: 'tool',\n index,\n accepts: ['tool'],\n },\n });\n\n // Combine refs\n const setNodeRef = (node) => {\n setDragNodeRef(node);\n setDropNodeRef(node);\n if (toolRef?.current) {\n toolRef.current = node;\n }\n };\n\n const style = {\n transform: CSS.Transform.toString(transform),\n transition,\n opacity: isDragging ? 0.5 : 1,\n };\n\n return (\n <StyledWrapper ref={setNodeRef} style={style}>\n <div {...attributes} {...listeners}>\n {children}\n </div>\n </StyledWrapper>\n );\n}\n\nDragTool.propTypes = {\n children: PropTypes.node,\n index: PropTypes.number,\n draggable: PropTypes.bool,\n moveTool: PropTypes.func,\n toolRef: PropTypes.object,\n value: PropTypes.string,\n};\n\nexport default ToggleBar;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"toggle-bar.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Button","_renderUi","_tools","_drag","_core","_utilities","_sortable","_translator","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","translator","Translator","StyledMiniButton","styled","Button","shouldForwardProp","prop","includes","_ref","selected","disabled","color","text","backgroundColor","background","border","concat","secondary","primary","MiniButton","exports","props","className","value","onClick","language","translatorKey","toLowerCase","createElement","size","key","variant","buttonValue","lng","propTypes","PropTypes","bool","string","disabledClassName","func","StyledToolsContainer","display","flexWrap","StyledButton","_ref2","theme","marginRight","spacing","marginBottom","StyledWrapper","position","ToggleBar","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","onChange","target","textContent","dragIndex","hoverIndex","_this$props","options","onChangeToolsOrder","newOptions","arrayMove","event","active","over","activeData","data","current","overData","type","index","moveTool","_inherits2","_createClass2","render","_this2","_this$props2","selectedToolType","draggableTools","DragProvider","onDragEnd","handleDragEnd","map","option","allTools","isSelected","toolRef","React","createRef","DragTool","draggable","disableRipple","select","Component","arrayOf","_ref3","children","_useDraggable","useDraggable","id","attributes","listeners","setDragNodeRef","setNodeRef","transform","transition","isDragging","_useDroppable","useDroppable","accepts","setDropNodeRef","node","style","CSS","Transform","toString","opacity","ref","_extends2","number","object","_default"],"sources":["../src/toggle-bar.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Button from '@mui/material/Button';\nimport { color } from '@pie-lib/render-ui';\nimport { allTools } from './tools';\nimport { DragProvider } from '@pie-lib/drag';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { CSS } from '@dnd-kit/utilities';\nimport { arrayMove } from '@dnd-kit/sortable';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst StyledMiniButton = styled(Button, {\n shouldForwardProp: (prop) => !['selected'].includes(prop),\n})(({ selected, disabled }) => ({\n color: color.text(),\n backgroundColor: color.background(),\n ...(selected && {\n border: `1px solid ${color.secondary()}`,\n }),\n ...(!selected && {\n '& span': {\n color: color.primary(),\n },\n }),\n ...(disabled && {\n '& span': {\n color: color.primary(),\n },\n backgroundColor: color.disabled(),\n }),\n}));\n\nexport const MiniButton = (props) => {\n const { disabled, className, selected, value, onClick, language } = props;\n const translatorKey = value.toLowerCase();\n\n return (\n <StyledMiniButton\n size=\"small\"\n disabled={disabled}\n className={className}\n selected={selected}\n value={value}\n key={value}\n variant=\"outlined\"\n onClick={(e) => onClick({ ...e, buttonValue: value })}\n >\n {translator.t(`graphing.${translatorKey}`, { lng: language })}\n </StyledMiniButton>\n );\n};\n\nMiniButton.propTypes = {\n disabled: PropTypes.bool,\n className: PropTypes.string,\n disabledClassName: PropTypes.string,\n selected: PropTypes.bool,\n value: PropTypes.string,\n onClick: PropTypes.func,\n language: PropTypes.string,\n};\n\nconst StyledToolsContainer = styled('div')(() => ({\n display: 'flex',\n flexWrap: 'wrap',\n}));\n\nconst StyledButton = styled(MiniButton)(({ theme }) => ({\n marginRight: theme.spacing(0.5),\n marginBottom: theme.spacing(0.5),\n color: color.text(),\n}));\n\nconst StyledWrapper = styled('div')({\n position: 'relative',\n});\n\nexport class ToggleBar extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.string),\n selectedToolType: PropTypes.string,\n disabled: PropTypes.bool,\n draggableTools: PropTypes.bool,\n onChange: PropTypes.func,\n onChangeToolsOrder: PropTypes.func,\n language: PropTypes.string,\n };\n\n static defaultProps = {};\n\n select = (e) => this.props.onChange(e.buttonValue || e.target.textContent);\n\n moveTool = (dragIndex, hoverIndex) => {\n const { options, onChangeToolsOrder } = this.props;\n const newOptions = arrayMove(options, dragIndex, hoverIndex);\n\n onChangeToolsOrder(newOptions);\n };\n\n handleDragEnd = (event) => {\n const { active, over } = event;\n\n if (!over || !active) return;\n\n const activeData = active.data.current;\n const overData = over.data.current;\n\n if (activeData?.type === 'tool' && overData?.type === 'tool') {\n const dragIndex = activeData.index;\n const hoverIndex = overData.index;\n\n if (dragIndex !== hoverIndex) {\n this.moveTool(dragIndex, hoverIndex);\n }\n }\n };\n\n render() {\n const { className, disabled, options, selectedToolType, draggableTools, language } = this.props;\n\n return (\n <DragProvider onDragEnd={this.handleDragEnd}>\n <StyledToolsContainer className={className}>\n {(options || []).map((option, index) => {\n if ((allTools || []).includes(option)) {\n const isSelected = option === selectedToolType;\n const toolRef = React.createRef();\n\n return (\n <DragTool\n key={option}\n index={index}\n value={option}\n draggable={draggableTools}\n moveTool={this.moveTool}\n toolRef={toolRef}\n >\n <StyledButton\n disabled={disabled}\n disableRipple={true}\n onClick={this.select}\n value={option}\n selected={isSelected}\n language={language}\n />\n </DragTool>\n );\n }\n })}\n </StyledToolsContainer>\n </DragProvider>\n );\n }\n}\n\n// DragTool functional component using @dnd-kit hooks\nfunction DragTool({ children, index, draggable, toolRef, value }) {\n const {\n attributes,\n listeners,\n setNodeRef: setDragNodeRef,\n transform,\n transition,\n isDragging,\n } = useDraggable({\n id: `tool-${value}-${index}`,\n disabled: !draggable,\n data: {\n type: 'tool',\n index,\n value,\n },\n });\n\n const { setNodeRef: setDropNodeRef } = useDroppable({\n id: `drop-tool-${value}-${index}`,\n data: {\n type: 'tool',\n index,\n accepts: ['tool'],\n },\n });\n\n // Combine refs\n const setNodeRef = (node) => {\n setDragNodeRef(node);\n setDropNodeRef(node);\n if (toolRef?.current) {\n toolRef.current = node;\n }\n };\n\n const style = {\n transform: CSS.Transform.toString(transform),\n transition,\n opacity: isDragging ? 0.5 : 1,\n };\n\n return (\n <StyledWrapper ref={setNodeRef} style={style}>\n <div {...attributes} {...listeners}>\n {children}\n </div>\n </StyledWrapper>\n );\n}\n\nDragTool.propTypes = {\n children: PropTypes.node,\n index: PropTypes.number,\n draggable: PropTypes.bool,\n moveTool: PropTypes.func,\n toolRef: PropTypes.object,\n value: PropTypes.string,\n};\n\nexport default ToggleBar;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/tool-menu.js
CHANGED
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
require("core-js/modules/es.reflect.construct.js");
|
|
5
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
4
|
Object.defineProperty(exports, "__esModule", {
|
|
7
5
|
value: true
|
|
8
6
|
});
|
|
9
7
|
exports["default"] = exports.ToolMenu = void 0;
|
|
10
|
-
require("core-js/modules/es.array.concat.js");
|
|
11
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
10
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
package/lib/tool-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tool-menu.js","names":["_react","_interopRequireDefault","require","_propTypes","_material","_styles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ToolMenu","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","event","_this$props","props","gssLineData","onChange","oldSelectedTool","selectedTool","target","value","line","type","_this$props2","lineType","_inherits2","_createClass2","key","render","_this2","_this$props3","disabled","createElement","Root","className","Radio","name","onChangeRadioValue","checked","Typography","Button","size","variant","color","lineA","onClick","lineTypeChange","numberOfLines","lineB","React","Component","PropTypes","object","bool","func","styled","display","flexWrap","flexDirection","alignItems","padding","fontWeight","textTransform","border","backgroundColor","borderRadius","cursor","pointerEvents","_default"],"sources":["../src/tool-menu.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Typography, Button, Radio } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nexport class ToolMenu extends React.Component {\n static propTypes = {\n gssLineData: PropTypes.object,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n };\n\n onChangeRadioValue = (event) => {\n let { gssLineData, onChange } = this.props;\n let oldSelectedTool = gssLineData.selectedTool;\n gssLineData.selectedTool = event.target.value;\n onChange(gssLineData, oldSelectedTool);\n };\n\n lineTypeChange = (line, type) => {\n let { gssLineData, onChange } = this.props;\n let oldSelectedTool = gssLineData.selectedTool;\n gssLineData[`line${line}`].lineType = type;\n onChange(gssLineData, oldSelectedTool);\n };\n\n render() {\n const { gssLineData, disabled } = this.props;\n\n return (\n <Root>\n <div className=\"selectLineRadioGroup\">\n {/* LINE A */}\n <div className=\"radioFieldOuter\">\n <div className=\"radioFieldInner\">\n <Radio\n name=\"select-line-radio-buttons\"\n onChange={this.onChangeRadioValue}\n value=\"lineA\"\n disabled={!!disabled}\n checked={gssLineData.selectedTool === 'lineA'}\n className=\"lineTypeRadio\"\n />\n <Typography className=\"lineNameFont\">Line A</Typography>\n </div>\n <div className=\"radioFieldButtons\">\n <Button\n size=\"small\"\n variant=\"contained\"\n color={gssLineData.lineA.lineType === 'Solid' ? 'primary' : 'inherit'}\n disabled={!!disabled}\n onClick={() => this.lineTypeChange('A', 'Solid')}\n className={\n gssLineData.lineA.lineType === 'Solid'\n ? disabled\n ? 'lineTypeButtonLeftSelectedDisabled'\n : 'lineTypeButtonLeftSelected'\n : disabled\n ? 'lineTypeButtonLeftUnSelectedDisabled'\n : 'lineTypeButtonLeftUnSelected'\n }\n >\n {gssLineData.lineA.lineType === 'Solid' && '✔'} Solid\n </Button>\n\n <Button\n size=\"small\"\n variant=\"contained\"\n color={gssLineData.lineA.lineType === 'Dashed' ? 'primary' : 'inherit'}\n disabled={!!disabled}\n onClick={() => this.lineTypeChange('A', 'Dashed')}\n className={\n gssLineData.lineA.lineType === 'Dashed'\n ? disabled\n ? 'lineTypeButtonRightSelectedDisabled'\n : 'lineTypeButtonRightSelected'\n : disabled\n ? 'lineTypeButtonRightUnSelectedDisabled'\n : 'lineTypeButtonRightUnSelected'\n }\n >\n {gssLineData.lineA.lineType === 'Dashed' && '✔'} Dashed\n </Button>\n </div>\n </div>\n\n {/* LINE B (if applicable) */}\n {gssLineData.numberOfLines === 2 && (\n <div className=\"radioFieldOuter\">\n <div className=\"radioFieldInner\">\n <Radio\n name=\"select-line-radio-buttons\"\n onChange={this.onChangeRadioValue}\n value=\"lineB\"\n disabled={!!disabled}\n checked={gssLineData.selectedTool === 'lineB'}\n className=\"lineTypeRadio\"\n />\n <Typography className=\"lineNameFont\">Line B</Typography>\n </div>\n <div className=\"radioFieldButtons\">\n <Button\n size=\"small\"\n variant=\"contained\"\n color={gssLineData.lineB.lineType === 'Solid' ? 'primary' : 'inherit'}\n disabled={!!disabled}\n onClick={() => this.lineTypeChange('B', 'Solid')}\n className={\n gssLineData.lineB.lineType === 'Solid'\n ? disabled\n ? 'lineTypeButtonLeftSelectedDisabled'\n : 'lineTypeButtonLeftSelected'\n : disabled\n ? 'lineTypeButtonLeftUnSelectedDisabled'\n : 'lineTypeButtonLeftUnSelected'\n }\n >\n {gssLineData.lineB.lineType === 'Solid' && '✔'} Solid\n </Button>\n\n <Button\n size=\"small\"\n variant=\"contained\"\n color={gssLineData.lineB.lineType === 'Dashed' ? 'primary' : 'inherit'}\n disabled={!!disabled}\n onClick={() => this.lineTypeChange('B', 'Dashed')}\n className={\n gssLineData.lineB.lineType === 'Dashed'\n ? disabled\n ? 'lineTypeButtonRightSelectedDisabled'\n : 'lineTypeButtonRightSelected'\n : disabled\n ? 'lineTypeButtonRightUnSelectedDisabled'\n : 'lineTypeButtonRightUnSelected'\n }\n >\n {gssLineData.lineB.lineType === 'Dashed' && '✔'} Dashed\n </Button>\n </div>\n </div>\n )}\n\n {/* SOLUTION SET */}\n <div className=\"radioFieldOuter\">\n <div className=\"radioFieldInner\">\n <Radio\n name=\"select-line-radio-buttons\"\n onChange={this.onChangeRadioValue}\n value=\"solutionSet\"\n disabled={!!disabled}\n checked={gssLineData.selectedTool === 'solutionSet'}\n className=\"lineTypeRadio\"\n />\n <Typography className=\"lineNameFont\">Solution Set</Typography>\n </div>\n </div>\n </div>\n </Root>\n );\n }\n}\n\nconst Root = styled('div')(() => ({\n '& .selectLineRadioGroup': {\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'row',\n },\n '& .radioFieldOuter': {\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'column',\n },\n '& .radioFieldInner': {\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'row',\n alignItems: 'center',\n },\n '& .radioFieldButtons': {\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'row',\n padding: '0 .9rem',\n },\n '& .lineNameFont': {\n fontWeight: 'bold',\n padding: '0 5px 0 0',\n },\n '& .lineTypeRadio': {\n color: '#000000 !important',\n },\n '& .lineTypeButtonLeftSelected': {\n textTransform: 'none',\n border: '1px solid #3E4EB1',\n backgroundColor: '#3E4EB1 !important',\n color: '#FFFFFF !important',\n borderRadius: '4px 0 0 4px',\n },\n '& .lineTypeButtonLeftUnSelected': {\n textTransform: 'none',\n border: '1px solid #3E4EB1',\n backgroundColor: '#FFFFFF !important',\n color: '#3E4EB1 !important',\n borderRadius: '4px 0 0 4px',\n },\n '& .lineTypeButtonRightSelected': {\n textTransform: 'none',\n border: '1px solid #3E4EB1',\n backgroundColor: '#3E4EB1 !important',\n color: '#FFFFFF !important',\n borderRadius: '0 4px 4px 0',\n },\n '& .lineTypeButtonRightUnSelected': {\n textTransform: 'none',\n border: '1px solid #3E4EB1',\n backgroundColor: '#FFFFFF !important',\n color: '#3E4EB1 !important',\n borderRadius: '0 4px 4px 0',\n },\n '& .lineTypeButtonLeftSelectedDisabled, & .lineTypeButtonRightSelectedDisabled': {\n backgroundColor: '#3E4EB1 !important',\n color: '#FFFFFF !important',\n cursor: 'default',\n pointerEvents: 'none',\n },\n '& .lineTypeButtonLeftUnSelectedDisabled, & .lineTypeButtonRightUnSelectedDisabled': {\n backgroundColor: '#FFFFFF !important',\n color: '#3E4EB1 !important',\n cursor: 'default',\n pointerEvents: 'none',\n },\n}));\n\nexport default ToolMenu;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"tool-menu.js","names":["_react","_interopRequireDefault","require","_propTypes","_material","_styles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ToolMenu","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","event","_this$props","props","gssLineData","onChange","oldSelectedTool","selectedTool","target","value","line","type","_this$props2","lineType","_inherits2","_createClass2","key","render","_this2","_this$props3","disabled","createElement","Root","className","Radio","name","onChangeRadioValue","checked","Typography","Button","size","variant","color","lineA","onClick","lineTypeChange","numberOfLines","lineB","React","Component","PropTypes","object","bool","func","styled","display","flexWrap","flexDirection","alignItems","padding","fontWeight","textTransform","border","backgroundColor","borderRadius","cursor","pointerEvents","_default"],"sources":["../src/tool-menu.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Radio, Typography } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nexport class ToolMenu extends React.Component {\n static propTypes = {\n gssLineData: PropTypes.object,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n };\n\n onChangeRadioValue = (event) => {\n let { gssLineData, onChange } = this.props;\n let oldSelectedTool = gssLineData.selectedTool;\n gssLineData.selectedTool = event.target.value;\n onChange(gssLineData, oldSelectedTool);\n };\n\n lineTypeChange = (line, type) => {\n let { gssLineData, onChange } = this.props;\n let oldSelectedTool = gssLineData.selectedTool;\n gssLineData[`line${line}`].lineType = type;\n onChange(gssLineData, oldSelectedTool);\n };\n\n render() {\n const { gssLineData, disabled } = this.props;\n\n return (\n <Root>\n <div className=\"selectLineRadioGroup\">\n {/* LINE A */}\n <div className=\"radioFieldOuter\">\n <div className=\"radioFieldInner\">\n <Radio\n name=\"select-line-radio-buttons\"\n onChange={this.onChangeRadioValue}\n value=\"lineA\"\n disabled={!!disabled}\n checked={gssLineData.selectedTool === 'lineA'}\n className=\"lineTypeRadio\"\n />\n <Typography className=\"lineNameFont\">Line A</Typography>\n </div>\n <div className=\"radioFieldButtons\">\n <Button\n size=\"small\"\n variant=\"contained\"\n color={gssLineData.lineA.lineType === 'Solid' ? 'primary' : 'inherit'}\n disabled={!!disabled}\n onClick={() => this.lineTypeChange('A', 'Solid')}\n className={\n gssLineData.lineA.lineType === 'Solid'\n ? disabled\n ? 'lineTypeButtonLeftSelectedDisabled'\n : 'lineTypeButtonLeftSelected'\n : disabled\n ? 'lineTypeButtonLeftUnSelectedDisabled'\n : 'lineTypeButtonLeftUnSelected'\n }\n >\n {gssLineData.lineA.lineType === 'Solid' && '✔'} Solid\n </Button>\n\n <Button\n size=\"small\"\n variant=\"contained\"\n color={gssLineData.lineA.lineType === 'Dashed' ? 'primary' : 'inherit'}\n disabled={!!disabled}\n onClick={() => this.lineTypeChange('A', 'Dashed')}\n className={\n gssLineData.lineA.lineType === 'Dashed'\n ? disabled\n ? 'lineTypeButtonRightSelectedDisabled'\n : 'lineTypeButtonRightSelected'\n : disabled\n ? 'lineTypeButtonRightUnSelectedDisabled'\n : 'lineTypeButtonRightUnSelected'\n }\n >\n {gssLineData.lineA.lineType === 'Dashed' && '✔'} Dashed\n </Button>\n </div>\n </div>\n\n {/* LINE B (if applicable) */}\n {gssLineData.numberOfLines === 2 && (\n <div className=\"radioFieldOuter\">\n <div className=\"radioFieldInner\">\n <Radio\n name=\"select-line-radio-buttons\"\n onChange={this.onChangeRadioValue}\n value=\"lineB\"\n disabled={!!disabled}\n checked={gssLineData.selectedTool === 'lineB'}\n className=\"lineTypeRadio\"\n />\n <Typography className=\"lineNameFont\">Line B</Typography>\n </div>\n <div className=\"radioFieldButtons\">\n <Button\n size=\"small\"\n variant=\"contained\"\n color={gssLineData.lineB.lineType === 'Solid' ? 'primary' : 'inherit'}\n disabled={!!disabled}\n onClick={() => this.lineTypeChange('B', 'Solid')}\n className={\n gssLineData.lineB.lineType === 'Solid'\n ? disabled\n ? 'lineTypeButtonLeftSelectedDisabled'\n : 'lineTypeButtonLeftSelected'\n : disabled\n ? 'lineTypeButtonLeftUnSelectedDisabled'\n : 'lineTypeButtonLeftUnSelected'\n }\n >\n {gssLineData.lineB.lineType === 'Solid' && '✔'} Solid\n </Button>\n\n <Button\n size=\"small\"\n variant=\"contained\"\n color={gssLineData.lineB.lineType === 'Dashed' ? 'primary' : 'inherit'}\n disabled={!!disabled}\n onClick={() => this.lineTypeChange('B', 'Dashed')}\n className={\n gssLineData.lineB.lineType === 'Dashed'\n ? disabled\n ? 'lineTypeButtonRightSelectedDisabled'\n : 'lineTypeButtonRightSelected'\n : disabled\n ? 'lineTypeButtonRightUnSelectedDisabled'\n : 'lineTypeButtonRightUnSelected'\n }\n >\n {gssLineData.lineB.lineType === 'Dashed' && '✔'} Dashed\n </Button>\n </div>\n </div>\n )}\n\n {/* SOLUTION SET */}\n <div className=\"radioFieldOuter\">\n <div className=\"radioFieldInner\">\n <Radio\n name=\"select-line-radio-buttons\"\n onChange={this.onChangeRadioValue}\n value=\"solutionSet\"\n disabled={!!disabled}\n checked={gssLineData.selectedTool === 'solutionSet'}\n className=\"lineTypeRadio\"\n />\n <Typography className=\"lineNameFont\">Solution Set</Typography>\n </div>\n </div>\n </div>\n </Root>\n );\n }\n}\n\nconst Root = styled('div')(() => ({\n '& .selectLineRadioGroup': {\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'row',\n },\n '& .radioFieldOuter': {\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'column',\n },\n '& .radioFieldInner': {\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'row',\n alignItems: 'center',\n },\n '& .radioFieldButtons': {\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'row',\n padding: '0 .9rem',\n },\n '& .lineNameFont': {\n fontWeight: 'bold',\n padding: '0 5px 0 0',\n },\n '& .lineTypeRadio': {\n color: '#000000 !important',\n },\n '& .lineTypeButtonLeftSelected': {\n textTransform: 'none',\n border: '1px solid #3E4EB1',\n backgroundColor: '#3E4EB1 !important',\n color: '#FFFFFF !important',\n borderRadius: '4px 0 0 4px',\n },\n '& .lineTypeButtonLeftUnSelected': {\n textTransform: 'none',\n border: '1px solid #3E4EB1',\n backgroundColor: '#FFFFFF !important',\n color: '#3E4EB1 !important',\n borderRadius: '4px 0 0 4px',\n },\n '& .lineTypeButtonRightSelected': {\n textTransform: 'none',\n border: '1px solid #3E4EB1',\n backgroundColor: '#3E4EB1 !important',\n color: '#FFFFFF !important',\n borderRadius: '0 4px 4px 0',\n },\n '& .lineTypeButtonRightUnSelected': {\n textTransform: 'none',\n border: '1px solid #3E4EB1',\n backgroundColor: '#FFFFFF !important',\n color: '#3E4EB1 !important',\n borderRadius: '0 4px 4px 0',\n },\n '& .lineTypeButtonLeftSelectedDisabled, & .lineTypeButtonRightSelectedDisabled': {\n backgroundColor: '#3E4EB1 !important',\n color: '#FFFFFF !important',\n cursor: 'default',\n pointerEvents: 'none',\n },\n '& .lineTypeButtonLeftUnSelectedDisabled, & .lineTypeButtonRightUnSelectedDisabled': {\n backgroundColor: '#FFFFFF !important',\n color: '#3E4EB1 !important',\n cursor: 'default',\n pointerEvents: 'none',\n },\n}));\n\nexport default ToolMenu;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/tools/index.js
CHANGED
package/lib/tools/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_polygon","require","_line","allTools","exports","toolsArr","line","polygon"],"sources":["../../src/tools/index.js"],"sourcesContent":["import { tool as polygon } from './polygon';\nimport { tool as line } from './line';\n\nconst allTools = ['line', 'polygon'];\n\nconst toolsArr = [line(), polygon()];\n\nexport { allTools, toolsArr, line, polygon };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_polygon","require","_line","allTools","exports","toolsArr","line","polygon"],"sources":["../../src/tools/index.js"],"sourcesContent":["import { tool as polygon } from './polygon';\nimport { tool as line } from './line';\n\nconst allTools = ['line', 'polygon'];\n\nconst toolsArr = [line(), polygon()];\n\nexport { allTools, toolsArr, line, polygon };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAME,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC;AAEpC,IAAME,QAAQ,GAAAD,OAAA,CAAAC,QAAA,GAAG,CAAC,IAAAC,UAAI,EAAC,CAAC,EAAE,IAAAC,aAAO,EAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.symbol.js");
|
|
4
|
-
require("core-js/modules/es.array.filter.js");
|
|
5
|
-
require("core-js/modules/es.array.for-each.js");
|
|
6
|
-
require("core-js/modules/es.object.define-properties.js");
|
|
7
|
-
require("core-js/modules/es.object.define-property.js");
|
|
8
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
9
|
-
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
10
|
-
require("core-js/modules/es.object.keys.js");
|
|
11
|
-
require("core-js/modules/es.object.to-string.js");
|
|
12
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
13
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
14
4
|
Object.defineProperty(exports, "__esModule", {
|
|
15
5
|
value: true
|
|
@@ -19,9 +9,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
19
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
20
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
21
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
22
|
-
require("core-js/modules/es.array.concat.js");
|
|
23
|
-
require("core-js/modules/es.array.fill.js");
|
|
24
|
-
require("core-js/modules/es.array.includes.js");
|
|
25
12
|
var _line = require("../shared/line");
|
|
26
13
|
var _react = _interopRequireDefault(require("react"));
|
|
27
14
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|