udp-react-enterprise-component-library 25.18.1-beta.35 → 25.18.1-beta.37

package/dist/{GaugeWidget-BT7YuEQO.js.map → GaugeWidget-DFZwCzN6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GaugeWidget-BT7YuEQO.js","names":[],"sources":["../src/UI/widgets/library/GaugeWidget/GaugeWidget.jsx"],"sourcesContent":["import React from 'react';\nimport { Vega } from 'react-vega';\nimport PropTypes from 'prop-types';\n\nexport const GaugeWidget = (props) => {\n  const {\n    title = '',\n    unitLabel = '',\n    legend = '',\n    showTicks = false,\n    ticksNumber = 6,\n    backgroundColor = '#cbd1d6',\n    fillColor = '#FF9800',\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    handleHover = () => {}\n  } = props;\n\n  const specs = {\n    $schema: 'https://vega.github.io/schema/vega/v5.json',\n    width: 350,\n    height: 180,\n    padding: { left: 0, right: 0, top: 0, bottom: 0 },\n\n    data: [\n      {\n        name: 'ticks',\n        transform: [\n          {\n            type: 'sequence',\n            as: 'data',\n            start: {\n              signal: '0'\n            },\n            stop: {\n              signal: '(maxValue - minValue) + 0.1'\n            },\n            step: {\n              signal: '(maxValue - minValue)/(ticksNumber-1)'\n            }\n          },\n          {\n            type: 'formula',\n            expr: 'datum.data + minValue',\n            as: 'data_2'\n          },\n          {\n            type: 'formula',\n            as: 'radianRef',\n            expr: 'PI * (datum.data/(maxValue - minValue))'\n          },\n          {\n            type: 'formula',\n            as: 'x',\n            expr: 'centerX - ((outerRadius - (outerRadius - innerRadius) * 0.6) * cos(datum.radianRef))'\n          },\n          {\n            type: 'formula',\n            as: 'y',\n            expr: 'centerY - ((outerRadius - (outerRadius - innerRadius) * 0.7) * sin(datum.radianRef))'\n          }\n        ]\n      }\n    ],\n    signals: [\n      {\n        name: 'centerX',\n        update: 'width/2'\n      },\n      {\n        name: 'centerY',\n        update: 'height/2 + outerRadius/2'\n      },\n      {\n        name: 'outerRadius',\n        update: 'targetValue ? radiusRef * 0.9 : radiusRef * 0.95'\n      },\n      {\n        name: 'radiusRef',\n        update: 'max(width/2, height/2)' // TODO: Important max or min functions are allowed\n      },\n      {\n        name: 'innerRadius',\n        update: 'outerRadius - outerRadius * 0.25'\n      },\n      {\n        name: 'targetValue',\n        value: value\n      },\n      {\n        name: 'backgroundColor',\n        value: backgroundColor\n      },\n      {\n        name: 'ticksNumber',\n        value: ticksNumber\n      },\n      {\n        name: 'mainValue',\n        value: value\n      },\n      {\n        name: 'title',\n        value: title\n      },\n      {\n        name: 'unit',\n        value: unitLabel\n      },\n      {\n        name: 'usedValue',\n        update: 'min(max(minValue, mainValue), maxValue)'\n      },\n      {\n        name: 'minValue',\n        value: minValue\n      },\n      {\n        name: 'maxValue',\n        value: maxValue\n      },\n      {\n        name: 'fillColor',\n        value: fillColor\n      },\n      {\n        name: 'ticksColor',\n        value: '#000000'\n      },\n      {\n        name: 'showTicks',\n        value: showTicks\n      },\n      {\n        name: 'fontFactor',\n        update: '(radiusRef/5)/25'\n      },\n      {\n        name: 'hasTarget',\n        update: 'isNumber(targetValue) === true'\n      },\n      {\n        name: 'targetRule',\n        update:\n          '(showTarget && hasTarget && (minValue <= targetValue) && (targetValue <= maxValue)) ? 1 : 0'\n      },\n      {\n        name: 'showTarget',\n        value: true\n      },\n      {\n        name: 'targetStatus',\n        update:\n          'mainValue === targetValue ? 0 : mainValue > targetValue ? lowIsGood ? -1 : 1 : lowIsGood ? 1 : -1'\n      },\n      {\n        name: 'lowIsGood',\n        value: false\n      },\n      {\n        name: 'legend',\n        value: legend\n      }\n    ],\n    scales: [\n      {\n        name: 'gaugeScale',\n        type: 'linear',\n        domain: { data: 'ticks', field: 'data_2' },\n        zero: false,\n        range: { signal: '[-PI/2, PI/2]' }\n      },\n      {\n        name: 'tickScale',\n        type: 'linear',\n        domain: { data: 'ticks', field: 'data' },\n        range: { signal: '[PI/2, -PI/2]' }\n      },\n      {\n        name: 'targetStatusColorScale',\n        domain: [-1, 0, 1],\n        range: ['red', 'orange', 'green']\n      }\n    ],\n\n    axes: [],\n    legends: [],\n\n    marks: [\n      {\n        type: 'arc',\n        name: 'gauge',\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            y: { signal: 'centerY' },\n            startAngle: { signal: '-PI/2' },\n            endAngle: { signal: 'PI/2' },\n            outerRadius: { signal: 'outerRadius' },\n            innerRadius: { signal: 'innerRadius' },\n            fill: { signal: 'backgroundColor' }\n          }\n        }\n      },\n      {\n        type: 'arc',\n        encode: {\n          enter: {\n            startAngle: { signal: '-PI/2' }\n          },\n          update: {\n            x: { signal: 'centerX' },\n            y: { signal: 'centerY' },\n            innerRadius: { signal: 'innerRadius' },\n            outerRadius: { signal: 'outerRadius' },\n            endAngle: { scale: 'gaugeScale', signal: 'usedValue' },\n            fill: { signal: 'fillColor' }\n          }\n        }\n      },\n      {\n        type: 'arc',\n        description: 'ticks on the arc',\n        from: { data: 'ticks' },\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            y: { signal: 'centerY' },\n            outerRadius: { signal: 'outerRadius' },\n            innerRadius: { signal: 'outerRadius - (radiusRef*0.05)' },\n            startAngle: {\n              scale: 'tickScale',\n              field: 'data'\n            },\n            endAngle: {\n              scale: 'tickScale',\n              field: 'data'\n            },\n            stroke: { signal: 'ticksColor' },\n            opacity: { signal: 'showTicks ? 1 : 0' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        from: { data: 'ticks' },\n        encode: {\n          enter: {\n            align: { value: 'center' },\n            baseline: { value: 'alphabetic' }\n          },\n          update: {\n            text: { signal: \"format(datum.data_2, '.0f')\" },\n            x: { field: 'x' },\n            y: { field: 'y' },\n            fontSize: { signal: 'fontFactor* 11' },\n            fill: { signal: 'ticksColor' },\n            opacity: { signal: 'showTicks ? 1 : 0' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        description:\n          'displayed min value at the bottom left of gauge when showTicks is false',\n        from: { data: 'gauge' },\n        encode: {\n          enter: {\n            align: { value: 'center' },\n            baseline: { value: 'top' }\n          },\n          update: {\n            text: { signal: 'minValue' },\n            x: {\n              signal: 'centerX - outerRadius + (outerRadius - innerRadius)/2'\n            },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor*5' } },\n            fontSize: { signal: 'fontFactor * 11' },\n            opacity: { signal: 'showTicks ? 0 : 1' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        description:\n          'displayed max value at the bottom right of gauge when showTicks is false',\n        from: { data: 'gauge' },\n        encode: {\n          enter: {\n            align: { value: 'center' },\n            baseline: { value: 'top' }\n          },\n          update: {\n            text: { signal: 'maxValue' },\n            x: {\n              signal: 'centerX + innerRadius + (outerRadius - innerRadius)/2'\n            },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor*5' } },\n            fontSize: { signal: 'fontFactor * 11' },\n            opacity: { signal: 'showTicks ? 0 : 1' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        description: 'displayed a title for the chart ',\n        name: 'titleLabel',\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            baseline: { value: 'top' },\n            align: { value: 'center' }\n          },\n          update: {\n            text: { signal: 'title' },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor * -50' } },\n            fontSize: { signal: 'fontFactor * 14' },\n            fill: { signal: 'fillColor' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        description: 'displayed main value at the bottom center of the gauge ',\n        name: 'gaugeValue',\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            baseline: { value: 'top' },\n            align: { value: 'center' }\n          },\n          update: {\n            text: { signal: \"format(mainValue, '.1f') + unit \" },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor * -25' } },\n            fontSize: { signal: 'fontFactor * 20' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        name: 'targetDiff',\n        description: 'add status with symbol and difference and percentage',\n        from: { data: 'gaugeValue' },\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            align: { value: 'center' },\n            baseline: { value: 'top' }\n          },\n          update: {\n            // text: { \"signal\": \"format((mainValue - targetValue), '.2f') + ' (' + format(mainValue/targetValue, '.0%') + ')'\" },\n            // fill: { \"signal\": \"targetStatus\", \"scale\": \"targetStatusColorScale\" },\n            // x: { \"signal\": \"centerX + (fontFactor * 12)\" },\n            text: { signal: 'legend' },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor * -4' } },\n            fontSize: { signal: 'fontFactor * 10' },\n            opacity: { signal: ' targetRule ? 1 : 0' }\n          }\n        }\n      }\n    ]\n  };\n\n  const signalListeners = { hover: handleHover };\n\n  return (\n    <Vega spec={specs} actions={false} signalListeners={signalListeners} />\n  );\n};\n\nGaugeWidget.propTypes = {\n  /** @type {?string} label showed in the bottom part of the graph */\n  title: PropTypes.string.isRequired,\n\n  /** @type {?string} optional symbol to put at the right side of the value */\n  legend: PropTypes.string,\n\n  /** @type {?bool} optional icon to display ticks in the graph */\n  showTicks: PropTypes.bool,\n\n  /** @type {?string} optional additional css properties */\n  unitLabel: PropTypes.string,\n\n  /** @type {?number}  number of ticks in the graph */\n  ticksNumber: PropTypes.number,\n\n  /** @type {?string} render prop if you want to pass a custom react element instead of the predefined label*/\n  backgroundColor: PropTypes.string,\n\n  /** @type {?number} main value for the graph element*/\n  value: PropTypes.number.isRequired,\n\n  /** @type {?number} range min value for the graph element*/\n  minValue: PropTypes.number,\n\n  /** @type {?number} range max value for the graph element*/\n  maxValue: PropTypes.number\n};\n"],"mappings":";;;;;AAIA,MAAa,eAAe,UAAU;CACpC,MAAM,EACJ,QAAQ,IACR,YAAY,IACZ,SAAS,IACT,YAAY,OACZ,cAAc,GACd,kBAAkB,WAClB,YAAY,WACZ,QAAQ,GACR,WAAW,GACX,WAAW,KACX,oBAAoB,OAClB;CAEJ,MAAM,QAAQ;EACZ,SAAS;EACT,OAAO;EACP,QAAQ;EACR,SAAS;GAAE,MAAM;GAAG,OAAO;GAAG,KAAK;GAAG,QAAQ;GAAG;EAEjD,MAAM,CACJ;GACE,MAAM;GACN,WAAW;IACT;KACE,MAAM;KACN,IAAI;KACJ,OAAO,EACL,QAAQ,KACT;KACD,MAAM,EACJ,QAAQ,+BACT;KACD,MAAM,EACJ,QAAQ,yCACT;KACF;IACD;KACE,MAAM;KACN,MAAM;KACN,IAAI;KACL;IACD;KACE,MAAM;KACN,IAAI;KACJ,MAAM;KACP;IACD;KACE,MAAM;KACN,IAAI;KACJ,MAAM;KACP;IACD;KACE,MAAM;KACN,IAAI;KACJ,MAAM;KACP;IACF;GACF,CACF;EACD,SAAS;GACP;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACC;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACC;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QACE;IACH;GACD;IACE,MAAM;IACN,OAAO;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"}
+{"version":3,"file":"GaugeWidget-DFZwCzN6.js","names":[],"sources":["../src/UI/widgets/library/GaugeWidget/GaugeWidget.jsx"],"sourcesContent":["import React from 'react';\nimport { Vega } from 'react-vega';\nimport PropTypes from 'prop-types';\n\nexport const GaugeWidget = (props) => {\n  const {\n    title = '',\n    unitLabel = '',\n    legend = '',\n    showTicks = false,\n    ticksNumber = 6,\n    backgroundColor = '#cbd1d6',\n    fillColor = '#FF9800',\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    handleHover = () => {}\n  } = props;\n\n  const specs = {\n    $schema: 'https://vega.github.io/schema/vega/v5.json',\n    width: 350,\n    height: 180,\n    padding: { left: 0, right: 0, top: 0, bottom: 0 },\n\n    data: [\n      {\n        name: 'ticks',\n        transform: [\n          {\n            type: 'sequence',\n            as: 'data',\n            start: {\n              signal: '0'\n            },\n            stop: {\n              signal: '(maxValue - minValue) + 0.1'\n            },\n            step: {\n              signal: '(maxValue - minValue)/(ticksNumber-1)'\n            }\n          },\n          {\n            type: 'formula',\n            expr: 'datum.data + minValue',\n            as: 'data_2'\n          },\n          {\n            type: 'formula',\n            as: 'radianRef',\n            expr: 'PI * (datum.data/(maxValue - minValue))'\n          },\n          {\n            type: 'formula',\n            as: 'x',\n            expr: 'centerX - ((outerRadius - (outerRadius - innerRadius) * 0.6) * cos(datum.radianRef))'\n          },\n          {\n            type: 'formula',\n            as: 'y',\n            expr: 'centerY - ((outerRadius - (outerRadius - innerRadius) * 0.7) * sin(datum.radianRef))'\n          }\n        ]\n      }\n    ],\n    signals: [\n      {\n        name: 'centerX',\n        update: 'width/2'\n      },\n      {\n        name: 'centerY',\n        update: 'height/2 + outerRadius/2'\n      },\n      {\n        name: 'outerRadius',\n        update: 'targetValue ? radiusRef * 0.9 : radiusRef * 0.95'\n      },\n      {\n        name: 'radiusRef',\n        update: 'max(width/2, height/2)' // TODO: Important max or min functions are allowed\n      },\n      {\n        name: 'innerRadius',\n        update: 'outerRadius - outerRadius * 0.25'\n      },\n      {\n        name: 'targetValue',\n        value: value\n      },\n      {\n        name: 'backgroundColor',\n        value: backgroundColor\n      },\n      {\n        name: 'ticksNumber',\n        value: ticksNumber\n      },\n      {\n        name: 'mainValue',\n        value: value\n      },\n      {\n        name: 'title',\n        value: title\n      },\n      {\n        name: 'unit',\n        value: unitLabel\n      },\n      {\n        name: 'usedValue',\n        update: 'min(max(minValue, mainValue), maxValue)'\n      },\n      {\n        name: 'minValue',\n        value: minValue\n      },\n      {\n        name: 'maxValue',\n        value: maxValue\n      },\n      {\n        name: 'fillColor',\n        value: fillColor\n      },\n      {\n        name: 'ticksColor',\n        value: '#000000'\n      },\n      {\n        name: 'showTicks',\n        value: showTicks\n      },\n      {\n        name: 'fontFactor',\n        update: '(radiusRef/5)/25'\n      },\n      {\n        name: 'hasTarget',\n        update: 'isNumber(targetValue) === true'\n      },\n      {\n        name: 'targetRule',\n        update:\n          '(showTarget && hasTarget && (minValue <= targetValue) && (targetValue <= maxValue)) ? 1 : 0'\n      },\n      {\n        name: 'showTarget',\n        value: true\n      },\n      {\n        name: 'targetStatus',\n        update:\n          'mainValue === targetValue ? 0 : mainValue > targetValue ? lowIsGood ? -1 : 1 : lowIsGood ? 1 : -1'\n      },\n      {\n        name: 'lowIsGood',\n        value: false\n      },\n      {\n        name: 'legend',\n        value: legend\n      }\n    ],\n    scales: [\n      {\n        name: 'gaugeScale',\n        type: 'linear',\n        domain: { data: 'ticks', field: 'data_2' },\n        zero: false,\n        range: { signal: '[-PI/2, PI/2]' }\n      },\n      {\n        name: 'tickScale',\n        type: 'linear',\n        domain: { data: 'ticks', field: 'data' },\n        range: { signal: '[PI/2, -PI/2]' }\n      },\n      {\n        name: 'targetStatusColorScale',\n        domain: [-1, 0, 1],\n        range: ['red', 'orange', 'green']\n      }\n    ],\n\n    axes: [],\n    legends: [],\n\n    marks: [\n      {\n        type: 'arc',\n        name: 'gauge',\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            y: { signal: 'centerY' },\n            startAngle: { signal: '-PI/2' },\n            endAngle: { signal: 'PI/2' },\n            outerRadius: { signal: 'outerRadius' },\n            innerRadius: { signal: 'innerRadius' },\n            fill: { signal: 'backgroundColor' }\n          }\n        }\n      },\n      {\n        type: 'arc',\n        encode: {\n          enter: {\n            startAngle: { signal: '-PI/2' }\n          },\n          update: {\n            x: { signal: 'centerX' },\n            y: { signal: 'centerY' },\n            innerRadius: { signal: 'innerRadius' },\n            outerRadius: { signal: 'outerRadius' },\n            endAngle: { scale: 'gaugeScale', signal: 'usedValue' },\n            fill: { signal: 'fillColor' }\n          }\n        }\n      },\n      {\n        type: 'arc',\n        description: 'ticks on the arc',\n        from: { data: 'ticks' },\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            y: { signal: 'centerY' },\n            outerRadius: { signal: 'outerRadius' },\n            innerRadius: { signal: 'outerRadius - (radiusRef*0.05)' },\n            startAngle: {\n              scale: 'tickScale',\n              field: 'data'\n            },\n            endAngle: {\n              scale: 'tickScale',\n              field: 'data'\n            },\n            stroke: { signal: 'ticksColor' },\n            opacity: { signal: 'showTicks ? 1 : 0' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        from: { data: 'ticks' },\n        encode: {\n          enter: {\n            align: { value: 'center' },\n            baseline: { value: 'alphabetic' }\n          },\n          update: {\n            text: { signal: \"format(datum.data_2, '.0f')\" },\n            x: { field: 'x' },\n            y: { field: 'y' },\n            fontSize: { signal: 'fontFactor* 11' },\n            fill: { signal: 'ticksColor' },\n            opacity: { signal: 'showTicks ? 1 : 0' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        description:\n          'displayed min value at the bottom left of gauge when showTicks is false',\n        from: { data: 'gauge' },\n        encode: {\n          enter: {\n            align: { value: 'center' },\n            baseline: { value: 'top' }\n          },\n          update: {\n            text: { signal: 'minValue' },\n            x: {\n              signal: 'centerX - outerRadius + (outerRadius - innerRadius)/2'\n            },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor*5' } },\n            fontSize: { signal: 'fontFactor * 11' },\n            opacity: { signal: 'showTicks ? 0 : 1' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        description:\n          'displayed max value at the bottom right of gauge when showTicks is false',\n        from: { data: 'gauge' },\n        encode: {\n          enter: {\n            align: { value: 'center' },\n            baseline: { value: 'top' }\n          },\n          update: {\n            text: { signal: 'maxValue' },\n            x: {\n              signal: 'centerX + innerRadius + (outerRadius - innerRadius)/2'\n            },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor*5' } },\n            fontSize: { signal: 'fontFactor * 11' },\n            opacity: { signal: 'showTicks ? 0 : 1' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        description: 'displayed a title for the chart ',\n        name: 'titleLabel',\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            baseline: { value: 'top' },\n            align: { value: 'center' }\n          },\n          update: {\n            text: { signal: 'title' },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor * -50' } },\n            fontSize: { signal: 'fontFactor * 14' },\n            fill: { signal: 'fillColor' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        description: 'displayed main value at the bottom center of the gauge ',\n        name: 'gaugeValue',\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            baseline: { value: 'top' },\n            align: { value: 'center' }\n          },\n          update: {\n            text: { signal: \"format(mainValue, '.1f') + unit \" },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor * -25' } },\n            fontSize: { signal: 'fontFactor * 20' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        name: 'targetDiff',\n        description: 'add status with symbol and difference and percentage',\n        from: { data: 'gaugeValue' },\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            align: { value: 'center' },\n            baseline: { value: 'top' }\n          },\n          update: {\n            // text: { \"signal\": \"format((mainValue - targetValue), '.2f') + ' (' + format(mainValue/targetValue, '.0%') + ')'\" },\n            // fill: { \"signal\": \"targetStatus\", \"scale\": \"targetStatusColorScale\" },\n            // x: { \"signal\": \"centerX + (fontFactor * 12)\" },\n            text: { signal: 'legend' },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor * -4' } },\n            fontSize: { signal: 'fontFactor * 10' },\n            opacity: { signal: ' targetRule ? 1 : 0' }\n          }\n        }\n      }\n    ]\n  };\n\n  const signalListeners = { hover: handleHover };\n\n  return (\n    <Vega spec={specs} actions={false} signalListeners={signalListeners} />\n  );\n};\n\nGaugeWidget.propTypes = {\n  /** @type {?string} label showed in the bottom part of the graph */\n  title: PropTypes.string.isRequired,\n\n  /** @type {?string} optional symbol to put at the right side of the value */\n  legend: PropTypes.string,\n\n  /** @type {?bool} optional icon to display ticks in the graph */\n  showTicks: PropTypes.bool,\n\n  /** @type {?string} optional additional css properties */\n  unitLabel: PropTypes.string,\n\n  /** @type {?number}  number of ticks in the graph */\n  ticksNumber: PropTypes.number,\n\n  /** @type {?string} render prop if you want to pass a custom react element instead of the predefined label*/\n  backgroundColor: PropTypes.string,\n\n  /** @type {?number} main value for the graph element*/\n  value: PropTypes.number.isRequired,\n\n  /** @type {?number} range min value for the graph element*/\n  minValue: PropTypes.number,\n\n  /** @type {?number} range max value for the graph element*/\n  maxValue: PropTypes.number\n};\n"],"mappings":";;;;;AAIA,MAAa,eAAe,UAAU;CACpC,MAAM,EACJ,QAAQ,IACR,YAAY,IACZ,SAAS,IACT,YAAY,OACZ,cAAc,GACd,kBAAkB,WAClB,YAAY,WACZ,QAAQ,GACR,WAAW,GACX,WAAW,KACX,oBAAoB,OAClB;CAEJ,MAAM,QAAQ;EACZ,SAAS;EACT,OAAO;EACP,QAAQ;EACR,SAAS;GAAE,MAAM;GAAG,OAAO;GAAG,KAAK;GAAG,QAAQ;GAAG;EAEjD,MAAM,CACJ;GACE,MAAM;GACN,WAAW;IACT;KACE,MAAM;KACN,IAAI;KACJ,OAAO,EACL,QAAQ,KACT;KACD,MAAM,EACJ,QAAQ,+BACT;KACD,MAAM,EACJ,QAAQ,yCACT;KACF;IACD;KACE,MAAM;KACN,MAAM;KACN,IAAI;KACL;IACD;KACE,MAAM;KACN,IAAI;KACJ,MAAM;KACP;IACD;KACE,MAAM;KACN,IAAI;KACJ,MAAM;KACP;IACD;KACE,MAAM;KACN,IAAI;KACJ,MAAM;KACP;IACF;GACF,CACF;EACD,SAAS;GACP;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACC;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACC;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QACE;IACH;GACD;IACE,MAAM;IACN,OAAO;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"}

package/dist/{GraphCard-TjBoeauz.js → GraphCard-C-nGs4y1.js}

@@ -72,4 +72,4 @@ GraphCard.propTypes = {
 
 //#endregion
 export { GraphCard as t };
-//# sourceMappingURL=GraphCard-TjBoeauz.js.map
+//# sourceMappingURL=GraphCard-C-nGs4y1.js.map

package/dist/{GraphCard-TjBoeauz.js.map → GraphCard-C-nGs4y1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GraphCard-TjBoeauz.js","names":["PropTypes"],"sources":["../src/UI/dataDisplay/GraphCard/GraphCard.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { PropTypes } from 'prop-types';\nimport { AmbientCard } from '../../surfaces/cards/AmbientCard';\nimport { EmptyStateDisplay } from '../EmptyStateDisplay';\nimport { useTranslation } from 'react-i18next';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  infoPanel: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-around',\n    alignItems: 'center',\n    alignSelf: 'stretch',\n    padding: '10px 32px'\n  },\n  graphSection: {\n    overflow: 'hidden',\n    '& svg': {\n      width: '100%',\n      height: '100%'\n    },\n    '& .vega-embed': {\n      width: '100%',\n      height: '100%'\n    },\n    paddingTop: theme.spacing(1),\n    margin: 0,\n    height: (props) => props?.graphHeight ?? '255px'\n  },\n  emptyStateDisplay: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n  }\n}));\n\n/**\n * `GraphCard` component\n */\nexport const GraphCard = (props) => {\n  const {\n    title,\n    showInfoPanel = true,\n    graphSpecs,\n    children,\n    headerColor,\n    className,\n    noData = false,\n    emptyStatePrimaryText,\n    emptyStateImageSrc,\n    emptyStateIconSize,\n    emptyStateImageWidth,\n    emptyStateClassName,\n    emptyStateIcon,\n    ...otherProps\n  } = props;\n  const classes = useStyles(props);\n  const { t } = useTranslation();\n\n  return (\n    <AmbientCard\n      fullWidth\n      title={title}\n      headerColor={headerColor}\n      {...otherProps}\n    >\n      {!noData ? (\n        <div>\n          {showInfoPanel && <div className={classes.infoPanel}>{children}</div>}\n          <div className={classes.graphSection}>\n            <MuiVegaLite\n              variant='verticalBarChart'\n              background='paper'\n              autoResize\n              actions={false}\n              spec={graphSpecs || {}}\n            />\n          </div>\n        </div>\n      ) : (\n        <div className={clsx(classes.emptyStateDisplay, emptyStateClassName)}>\n          <EmptyStateDisplay\n            primaryText={emptyStatePrimaryText ?? t('No results found')}\n            icon={emptyStateIcon}\n            iconSize={emptyStateIconSize}\n            imageSrc={emptyStateImageSrc}\n            imageWidth={emptyStateImageWidth}\n          />\n        </div>\n      )}\n    </AmbientCard>\n  );\n};\n\nGraphCard.propTypes = {\n  /**\n   * Optional, card title\n   */\n  title: PropTypes.string,\n\n  /**\n   * @type {?object}\n   {\n     graphSpecs: {} object see an example structure in https://vega.github.io/vega-lite/usage/typescript.html\n    }\n   */\n  graphSpecs: PropTypes.object.isRequired,\n\n  /**\n   * Optional, hide or show the top panel\n   */\n  showInfoPanel: PropTypes.bool,\n\n  /**\n   * Optional, content for the info panel behind the graph\n   */\n  children: PropTypes.node,\n\n  /**\n   * Optional, additional properties to apply some styles over the main container\n   */\n  style: PropTypes.object\n};\n"],"mappings":";;;;;;;;;;AASA,MAAM,YAAY,YAAY,WAAW;CACvC,WAAW;EACT,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,WAAW;EACX,SAAS;EACV;CACD,cAAc;EACZ,UAAU;EACV,SAAS;GACP,OAAO;GACP,QAAQ;GACT;EACD,iBAAiB;GACf,OAAO;GACP,QAAQ;GACT;EACD,YAAY,MAAM,QAAQ,EAAE;EAC5B,QAAQ;EACR,SAAS,UAAU,OAAO,eAAe;EAC1C;CACD,mBAAmB;EACjB,WAAW,MAAM,QAAQ,EAAE;EAC3B,cAAc,MAAM,QAAQ,EAAE;EAC/B;CACF,EAAE;;;;AAKH,MAAa,aAAa,UAAU;CAClC,MAAM,EACJ,OACA,gBAAgB,MAChB,YACA,UACA,aACA,WACA,SAAS,OACT,uBACA,oBACA,oBACA,sBACA,qBACA,gBACA,GAAG,eACD;CACJ,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,oCAAC;EACC;EACO;EACM;EACb,GAAI;IAEH,CAAC,SACA,oCAAC,aACE,iBAAiB,oCAAC,SAAI,WAAW,QAAQ,aAAY,SAAe,EACrE,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC;EACC,SAAQ;EACR,YAAW;EACX;EACA,SAAS;EACT,MAAM,cAAc,EAAE;GACtB,CACE,CACF,GAEN,oCAAC,SAAI,WAAW,KAAK,QAAQ,mBAAmB,oBAAoB,IAClE,oCAAC;EACC,aAAa,yBAAyB,EAAE,mBAAmB;EAC3D,MAAM;EACN,UAAU;EACV,UAAU;EACV,YAAY;GACZ,CACE,CAEI;;AAIlB,UAAU,YAAY;CAIpB,OAAOA,YAAU;CAQjB,YAAYA,YAAU,OAAO;CAK7B,eAAeA,YAAU;CAKzB,UAAUA,YAAU;CAKpB,OAAOA,YAAU;CAClB"}
+{"version":3,"file":"GraphCard-C-nGs4y1.js","names":["PropTypes"],"sources":["../src/UI/dataDisplay/GraphCard/GraphCard.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { PropTypes } from 'prop-types';\nimport { AmbientCard } from '../../surfaces/cards/AmbientCard';\nimport { EmptyStateDisplay } from '../EmptyStateDisplay';\nimport { useTranslation } from 'react-i18next';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  infoPanel: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-around',\n    alignItems: 'center',\n    alignSelf: 'stretch',\n    padding: '10px 32px'\n  },\n  graphSection: {\n    overflow: 'hidden',\n    '& svg': {\n      width: '100%',\n      height: '100%'\n    },\n    '& .vega-embed': {\n      width: '100%',\n      height: '100%'\n    },\n    paddingTop: theme.spacing(1),\n    margin: 0,\n    height: (props) => props?.graphHeight ?? '255px'\n  },\n  emptyStateDisplay: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n  }\n}));\n\n/**\n * `GraphCard` component\n */\nexport const GraphCard = (props) => {\n  const {\n    title,\n    showInfoPanel = true,\n    graphSpecs,\n    children,\n    headerColor,\n    className,\n    noData = false,\n    emptyStatePrimaryText,\n    emptyStateImageSrc,\n    emptyStateIconSize,\n    emptyStateImageWidth,\n    emptyStateClassName,\n    emptyStateIcon,\n    ...otherProps\n  } = props;\n  const classes = useStyles(props);\n  const { t } = useTranslation();\n\n  return (\n    <AmbientCard\n      fullWidth\n      title={title}\n      headerColor={headerColor}\n      {...otherProps}\n    >\n      {!noData ? (\n        <div>\n          {showInfoPanel && <div className={classes.infoPanel}>{children}</div>}\n          <div className={classes.graphSection}>\n            <MuiVegaLite\n              variant='verticalBarChart'\n              background='paper'\n              autoResize\n              actions={false}\n              spec={graphSpecs || {}}\n            />\n          </div>\n        </div>\n      ) : (\n        <div className={clsx(classes.emptyStateDisplay, emptyStateClassName)}>\n          <EmptyStateDisplay\n            primaryText={emptyStatePrimaryText ?? t('No results found')}\n            icon={emptyStateIcon}\n            iconSize={emptyStateIconSize}\n            imageSrc={emptyStateImageSrc}\n            imageWidth={emptyStateImageWidth}\n          />\n        </div>\n      )}\n    </AmbientCard>\n  );\n};\n\nGraphCard.propTypes = {\n  /**\n   * Optional, card title\n   */\n  title: PropTypes.string,\n\n  /**\n   * @type {?object}\n   {\n     graphSpecs: {} object see an example structure in https://vega.github.io/vega-lite/usage/typescript.html\n    }\n   */\n  graphSpecs: PropTypes.object.isRequired,\n\n  /**\n   * Optional, hide or show the top panel\n   */\n  showInfoPanel: PropTypes.bool,\n\n  /**\n   * Optional, content for the info panel behind the graph\n   */\n  children: PropTypes.node,\n\n  /**\n   * Optional, additional properties to apply some styles over the main container\n   */\n  style: PropTypes.object\n};\n"],"mappings":";;;;;;;;;;AASA,MAAM,YAAY,YAAY,WAAW;CACvC,WAAW;EACT,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,WAAW;EACX,SAAS;EACV;CACD,cAAc;EACZ,UAAU;EACV,SAAS;GACP,OAAO;GACP,QAAQ;GACT;EACD,iBAAiB;GACf,OAAO;GACP,QAAQ;GACT;EACD,YAAY,MAAM,QAAQ,EAAE;EAC5B,QAAQ;EACR,SAAS,UAAU,OAAO,eAAe;EAC1C;CACD,mBAAmB;EACjB,WAAW,MAAM,QAAQ,EAAE;EAC3B,cAAc,MAAM,QAAQ,EAAE;EAC/B;CACF,EAAE;;;;AAKH,MAAa,aAAa,UAAU;CAClC,MAAM,EACJ,OACA,gBAAgB,MAChB,YACA,UACA,aACA,WACA,SAAS,OACT,uBACA,oBACA,oBACA,sBACA,qBACA,gBACA,GAAG,eACD;CACJ,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,oCAAC;EACC;EACO;EACM;EACb,GAAI;IAEH,CAAC,SACA,oCAAC,aACE,iBAAiB,oCAAC,SAAI,WAAW,QAAQ,aAAY,SAAe,EACrE,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC;EACC,SAAQ;EACR,YAAW;EACX;EACA,SAAS;EACT,MAAM,cAAc,EAAE;GACtB,CACE,CACF,GAEN,oCAAC,SAAI,WAAW,KAAK,QAAQ,mBAAmB,oBAAoB,IAClE,oCAAC;EACC,aAAa,yBAAyB,EAAE,mBAAmB;EAC3D,MAAM;EACN,UAAU;EACV,UAAU;EACV,YAAY;GACZ,CACE,CAEI;;AAIlB,UAAU,YAAY;CAIpB,OAAOA,YAAU;CAQjB,YAAYA,YAAU,OAAO;CAK7B,eAAeA,YAAU;CAKzB,UAAUA,YAAU;CAKpB,OAAOA,YAAU;CAClB"}

package/dist/{GridFunctions-Chj_vcVe.js → GridFunctions-CRTDIOe0.js}

@@ -1,4 +1,4 @@
-import { c as GridStateTypeEnums } from "./unitySystemEnums-DM5vXR_m.js";
+import { l as GridStateTypeEnums } from "./unitySystemEnums-e5F9Jr7m.js";
 
 //#region src/utilities/aggrid/GridFunctions.js
 const useGridFormat = () => {
@@ -147,4 +147,4 @@ const onFirstDataRendered = (gridApi, gridColumnApi, gridStates) => {
 
 //#endregion
 export { saveGridState as a, useGridFormat as c, onFirstDataRendered as i, useQuickFilter as l, deleteGridState as n, useExport as o, getGridState as r, useGridClear as s, clearGridState as t };
-//# sourceMappingURL=GridFunctions-Chj_vcVe.js.map
+//# sourceMappingURL=GridFunctions-CRTDIOe0.js.map

package/dist/{GridFunctions-Chj_vcVe.js.map → GridFunctions-CRTDIOe0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GridFunctions-Chj_vcVe.js","names":["deleteGridState"],"sources":["../src/utilities/aggrid/GridFunctions.js"],"sourcesContent":["import { GridStateTypeEnums } from '../../enums/unitySystemEnums.ts';\n\nexport const useGridFormat = () => {\n  const gridFormat = (gridApi, type) => {\n    type === 'expand' && gridApi.expandAll()\n    type === 'collapse' && gridApi.collapseAll()\n    type === 'resize' && gridApi.sizeColumnsToFit()\n  }\n  return [gridFormat]\n}\n\nexport const useGridClear = () => {\n  const gridClear = (gridApi, gridColumnApi) => {\n    gridColumnApi.setRowGroupColumns([])\n    gridApi.setFilterModel(null)\n    gridApi.setQuickFilter('')\n    gridApi.sizeColumnsToFit()\n    gridColumnApi.resetColumnState()\n  }\n  return [gridClear]\n}\n\nexport const useQuickFilter = () => {\n  const quickFilter = (gridApi, event) => {\n    gridApi.setQuickFilter(event?.target.value)\n  }\n  return [quickFilter]\n}\n\nexport const useExport = () => {\n  const gridExport = (gridApi, type) => {\n    type === 'excel' && gridApi.exportDataAsExcel()\n    type === 'csv' && gridApi.exportDataAsCsv()\n  }\n  return [gridExport]\n}\n\nexport const saveGridState = async (\n  gridId,\n  gridApi,\n  gridColumnApi,\n  execute\n) => {\n  const columnState = gridColumnApi?.getColumnState();\n  const columnGroupState = gridColumnApi?.getColumnGroupState();\n  const sortModel = gridApi.getSortModel();\n  const filterModel = gridApi.getFilterModel();\n  const isPivotMode = gridColumnApi.isPivotMode();\n\n  const gridState = [];\n  const columnGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column,\n    gridId: gridId,\n    values: JSON.stringify(columnState),\n  };\n  const columnGroupGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column_Group,\n    gridId: gridId,\n    values: JSON.stringify(columnGroupState),\n  };\n  const columnSortGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column_Sort,\n    gridId: gridId,\n    values: JSON.stringify(sortModel),\n  };\n  const columnFilterGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column_Filter,\n    gridId: gridId,\n    values: JSON.stringify(filterModel),\n  };\n  const pivotGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Pivot_Mode,\n    gridId: gridId,\n    values: JSON.stringify(isPivotMode),\n  };\n  gridState.push(columnGridConfiguration);\n  gridState.push(columnGroupGridConfiguration);\n  gridState.push(columnSortGridConfiguration);\n  gridState.push(columnFilterGridConfiguration);\n  gridState.push(pivotGridConfiguration);\n\n  return await execute({ data: gridState });\n};\n\n\nexport const getGridState = (gridApi, gridColumnApi, gridId) => {\n  const columnState = gridColumnApi?.getColumnState();\n  const columnGroupState = gridColumnApi?.getColumnGroupState();\n  const sortModel = gridApi.getSortModel();\n  const filterModel = gridApi.getFilterModel();\n  const isPivotMode = gridColumnApi.isPivotMode();\n\n  const gridState = [];\n  const columnGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column,\n    gridId: gridId,\n    values: JSON.stringify(columnState),\n  };\n  const columnGroupGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column_Group,\n    gridId: gridId,\n    values: JSON.stringify(columnGroupState),\n  };\n  const columnSortGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column_Sort,\n    gridId: gridId,\n    values: JSON.stringify(sortModel),\n  };\n  const columnFilterGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column_Filter,\n    gridId: gridId,\n    values: JSON.stringify(filterModel),\n  };\n  const pivotGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Pivot_Mode,\n    gridId: gridId,\n    values: JSON.stringify(isPivotMode),\n  };\n  gridState.push(columnGridConfiguration);\n  gridState.push(columnGroupGridConfiguration);\n  gridState.push(columnSortGridConfiguration);\n  gridState.push(columnFilterGridConfiguration);\n  gridState.push(pivotGridConfiguration);\n\n  return gridState;\n}\n\nexport const deleteGridState = async (\n  gridApi,\n  gridColumnApi,\n  deleteGridState\n) => {\n  clearGridState(gridApi, gridColumnApi);\n  return await deleteGridState();\n};\n\nexport const clearGridState = (gridApi, gridColumnApi) => {\n  gridColumnApi.resetColumnState();\n  gridColumnApi.resetColumnGroupState();\n  gridApi.setFilterModel({});\n  gridApi.setSortModel([]);\n  gridColumnApi.setPivotMode(false);\n  gridApi.sizeColumnsToFit();\n};\n\nexport const onFirstDataRendered = (gridApi, gridColumnApi, gridStates) => {\n  if (gridStates && gridStates.length) {\n    gridStates.forEach(state => {\n      switch (state.gridStateTypeId) {\n        case GridStateTypeEnums.Column:\n          gridColumnApi.setColumnState(JSON.parse(state.values));\n          break;\n        case GridStateTypeEnums.Column_Group:\n          gridColumnApi.setColumnGroupState(JSON.parse(state.values));\n          break;\n        case GridStateTypeEnums.Pivot_Mode:\n          gridColumnApi.setPivotMode(JSON.parse(state.values));\n          break;\n        case GridStateTypeEnums.Column_Sort:\n          gridApi.setSortModel(JSON.parse(state.values));\n          break;\n        case GridStateTypeEnums.Column_Filter:\n          gridApi.setFilterModel(JSON.parse(state.values));\n          break;\n        default:\n          break;\n      }\n    });\n  }\n};"],"mappings":"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"}
+{"version":3,"file":"GridFunctions-CRTDIOe0.js","names":["deleteGridState"],"sources":["../src/utilities/aggrid/GridFunctions.js"],"sourcesContent":["import { GridStateTypeEnums } from '../../enums/unitySystemEnums.ts';\n\nexport const useGridFormat = () => {\n  const gridFormat = (gridApi, type) => {\n    type === 'expand' && gridApi.expandAll()\n    type === 'collapse' && gridApi.collapseAll()\n    type === 'resize' && gridApi.sizeColumnsToFit()\n  }\n  return [gridFormat]\n}\n\nexport const useGridClear = () => {\n  const gridClear = (gridApi, gridColumnApi) => {\n    gridColumnApi.setRowGroupColumns([])\n    gridApi.setFilterModel(null)\n    gridApi.setQuickFilter('')\n    gridApi.sizeColumnsToFit()\n    gridColumnApi.resetColumnState()\n  }\n  return [gridClear]\n}\n\nexport const useQuickFilter = () => {\n  const quickFilter = (gridApi, event) => {\n    gridApi.setQuickFilter(event?.target.value)\n  }\n  return [quickFilter]\n}\n\nexport const useExport = () => {\n  const gridExport = (gridApi, type) => {\n    type === 'excel' && gridApi.exportDataAsExcel()\n    type === 'csv' && gridApi.exportDataAsCsv()\n  }\n  return [gridExport]\n}\n\nexport const saveGridState = async (\n  gridId,\n  gridApi,\n  gridColumnApi,\n  execute\n) => {\n  const columnState = gridColumnApi?.getColumnState();\n  const columnGroupState = gridColumnApi?.getColumnGroupState();\n  const sortModel = gridApi.getSortModel();\n  const filterModel = gridApi.getFilterModel();\n  const isPivotMode = gridColumnApi.isPivotMode();\n\n  const gridState = [];\n  const columnGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column,\n    gridId: gridId,\n    values: JSON.stringify(columnState),\n  };\n  const columnGroupGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column_Group,\n    gridId: gridId,\n    values: JSON.stringify(columnGroupState),\n  };\n  const columnSortGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column_Sort,\n    gridId: gridId,\n    values: JSON.stringify(sortModel),\n  };\n  const columnFilterGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column_Filter,\n    gridId: gridId,\n    values: JSON.stringify(filterModel),\n  };\n  const pivotGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Pivot_Mode,\n    gridId: gridId,\n    values: JSON.stringify(isPivotMode),\n  };\n  gridState.push(columnGridConfiguration);\n  gridState.push(columnGroupGridConfiguration);\n  gridState.push(columnSortGridConfiguration);\n  gridState.push(columnFilterGridConfiguration);\n  gridState.push(pivotGridConfiguration);\n\n  return await execute({ data: gridState });\n};\n\n\nexport const getGridState = (gridApi, gridColumnApi, gridId) => {\n  const columnState = gridColumnApi?.getColumnState();\n  const columnGroupState = gridColumnApi?.getColumnGroupState();\n  const sortModel = gridApi.getSortModel();\n  const filterModel = gridApi.getFilterModel();\n  const isPivotMode = gridColumnApi.isPivotMode();\n\n  const gridState = [];\n  const columnGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column,\n    gridId: gridId,\n    values: JSON.stringify(columnState),\n  };\n  const columnGroupGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column_Group,\n    gridId: gridId,\n    values: JSON.stringify(columnGroupState),\n  };\n  const columnSortGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column_Sort,\n    gridId: gridId,\n    values: JSON.stringify(sortModel),\n  };\n  const columnFilterGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Column_Filter,\n    gridId: gridId,\n    values: JSON.stringify(filterModel),\n  };\n  const pivotGridConfiguration = {\n    gridStateTypeId: GridStateTypeEnums.Pivot_Mode,\n    gridId: gridId,\n    values: JSON.stringify(isPivotMode),\n  };\n  gridState.push(columnGridConfiguration);\n  gridState.push(columnGroupGridConfiguration);\n  gridState.push(columnSortGridConfiguration);\n  gridState.push(columnFilterGridConfiguration);\n  gridState.push(pivotGridConfiguration);\n\n  return gridState;\n}\n\nexport const deleteGridState = async (\n  gridApi,\n  gridColumnApi,\n  deleteGridState\n) => {\n  clearGridState(gridApi, gridColumnApi);\n  return await deleteGridState();\n};\n\nexport const clearGridState = (gridApi, gridColumnApi) => {\n  gridColumnApi.resetColumnState();\n  gridColumnApi.resetColumnGroupState();\n  gridApi.setFilterModel({});\n  gridApi.setSortModel([]);\n  gridColumnApi.setPivotMode(false);\n  gridApi.sizeColumnsToFit();\n};\n\nexport const onFirstDataRendered = (gridApi, gridColumnApi, gridStates) => {\n  if (gridStates && gridStates.length) {\n    gridStates.forEach(state => {\n      switch (state.gridStateTypeId) {\n        case GridStateTypeEnums.Column:\n          gridColumnApi.setColumnState(JSON.parse(state.values));\n          break;\n        case GridStateTypeEnums.Column_Group:\n          gridColumnApi.setColumnGroupState(JSON.parse(state.values));\n          break;\n        case GridStateTypeEnums.Pivot_Mode:\n          gridColumnApi.setPivotMode(JSON.parse(state.values));\n          break;\n        case GridStateTypeEnums.Column_Sort:\n          gridApi.setSortModel(JSON.parse(state.values));\n          break;\n        case GridStateTypeEnums.Column_Filter:\n          gridApi.setFilterModel(JSON.parse(state.values));\n          break;\n        default:\n          break;\n      }\n    });\n  }\n};"],"mappings":"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"}

package/dist/{GroupNode-D1aehQ7K.js → GroupNode-Djp62Urb.js}

@@ -1,4 +1,4 @@
-import { y as NodeGroupTypeEnums } from "./unitySystemEnums-DM5vXR_m.js";
+import { b as NodeGroupTypeEnums } from "./unitySystemEnums-e5F9Jr7m.js";
 import { v4 } from "uuid";
 
 //#region src/models/GroupNode.ts
@@ -36,4 +36,4 @@ var GroupNode = class {
 
 //#endregion
 export { GroupNode as t };
-//# sourceMappingURL=GroupNode-D1aehQ7K.js.map
+//# sourceMappingURL=GroupNode-Djp62Urb.js.map

package/dist/{GroupNode-D1aehQ7K.js.map → GroupNode-Djp62Urb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GroupNode-D1aehQ7K.js","names":["uuid"],"sources":["../src/models/GroupNode.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid';\nimport { NodeGroupTypeEnums } from '../enums/unitySystemEnums';\n\nexport default class GroupNode {\n  id: string;\n  isGroupNode: boolean;\n  groupType: string;\n  children: Array<any>;\n  isExpanded: boolean;\n  parentId: string;\n  parentGroupId: string;\n  properties: Object;\n  isOutlierGroup: boolean;\n  hideEmptyGroups: boolean;\n\n  constructor(node: any) {\n    this.id = node.id || uuid();\n    this.isGroupNode = true;\n    this.hideEmptyGroups = node.hideEmptyGroups || false;\n    this.groupType = node.groupType || NodeGroupTypeEnums.Static;\n    this.children = node.children || [];\n    this.isExpanded = node.isExpanded || false;\n    this.parentId = node.parentId || null;\n    this.parentGroupId = node.parentGroupId || null;\n    this.properties = node.properties\n      ? {\n          propertyMapping: null,\n          jsonLogic: null,\n          icon: {\n            name: 'GroupedListIcon',\n            type: '',\n            color: ''\n          },\n          ...node.properties\n        }\n      : {\n          propertyMapping: null,\n          jsonLogic: null,\n          icon: {\n            name: 'GroupedListIcon',\n            type: '',\n            color: ''\n          }\n        };\n    this.isOutlierGroup = node.isOutlierGroup || false;\n  }\n}\n"],"mappings":";;;;AAGA,IAAqB,YAArB,MAA+B;CAY7B,YAAY,MAAW;AACrB,OAAK,KAAK,KAAK,MAAMA,IAAM;AAC3B,OAAK,cAAc;AACnB,OAAK,kBAAkB,KAAK,mBAAmB;AAC/C,OAAK,YAAY,KAAK,aAAa,mBAAmB;AACtD,OAAK,WAAW,KAAK,YAAY,EAAE;AACnC,OAAK,aAAa,KAAK,cAAc;AACrC,OAAK,WAAW,KAAK,YAAY;AACjC,OAAK,gBAAgB,KAAK,iBAAiB;AAC3C,OAAK,aAAa,KAAK,aACnB;GACE,iBAAiB;GACjB,WAAW;GACX,MAAM;IACJ,MAAM;IACN,MAAM;IACN,OAAO;IACR;GACD,GAAG,KAAK;GACT,GACD;GACE,iBAAiB;GACjB,WAAW;GACX,MAAM;IACJ,MAAM;IACN,MAAM;IACN,OAAO;IACR;GACF;AACL,OAAK,iBAAiB,KAAK,kBAAkB"}
+{"version":3,"file":"GroupNode-Djp62Urb.js","names":["uuid"],"sources":["../src/models/GroupNode.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid';\nimport { NodeGroupTypeEnums } from '../enums/unitySystemEnums';\n\nexport default class GroupNode {\n  id: string;\n  isGroupNode: boolean;\n  groupType: string;\n  children: Array<any>;\n  isExpanded: boolean;\n  parentId: string;\n  parentGroupId: string;\n  properties: Object;\n  isOutlierGroup: boolean;\n  hideEmptyGroups: boolean;\n\n  constructor(node: any) {\n    this.id = node.id || uuid();\n    this.isGroupNode = true;\n    this.hideEmptyGroups = node.hideEmptyGroups || false;\n    this.groupType = node.groupType || NodeGroupTypeEnums.Static;\n    this.children = node.children || [];\n    this.isExpanded = node.isExpanded || false;\n    this.parentId = node.parentId || null;\n    this.parentGroupId = node.parentGroupId || null;\n    this.properties = node.properties\n      ? {\n          propertyMapping: null,\n          jsonLogic: null,\n          icon: {\n            name: 'GroupedListIcon',\n            type: '',\n            color: ''\n          },\n          ...node.properties\n        }\n      : {\n          propertyMapping: null,\n          jsonLogic: null,\n          icon: {\n            name: 'GroupedListIcon',\n            type: '',\n            color: ''\n          }\n        };\n    this.isOutlierGroup = node.isOutlierGroup || false;\n  }\n}\n"],"mappings":";;;;AAGA,IAAqB,YAArB,MAA+B;CAY7B,YAAY,MAAW;AACrB,OAAK,KAAK,KAAK,MAAMA,IAAM;AAC3B,OAAK,cAAc;AACnB,OAAK,kBAAkB,KAAK,mBAAmB;AAC/C,OAAK,YAAY,KAAK,aAAa,mBAAmB;AACtD,OAAK,WAAW,KAAK,YAAY,EAAE;AACnC,OAAK,aAAa,KAAK,cAAc;AACrC,OAAK,WAAW,KAAK,YAAY;AACjC,OAAK,gBAAgB,KAAK,iBAAiB;AAC3C,OAAK,aAAa,KAAK,aACnB;GACE,iBAAiB;GACjB,WAAW;GACX,MAAM;IACJ,MAAM;IACN,MAAM;IACN,OAAO;IACR;GACD,GAAG,KAAK;GACT,GACD;GACE,iBAAiB;GACjB,WAAW;GACX,MAAM;IACJ,MAAM;IACN,MAAM;IACN,OAAO;IACR;GACF;AACL,OAAK,iBAAiB,KAAK,kBAAkB"}

package/dist/{IconKey-DKiQELkd.js → IconKey-CayWYYXb.js}

@@ -57,4 +57,4 @@ IconKey.propTypes = {
 
 //#endregion
 export { ColorKey as n, IconKey as t };
-//# sourceMappingURL=IconKey-DKiQELkd.js.map
+//# sourceMappingURL=IconKey-CayWYYXb.js.map

package/dist/{IconKey-DKiQELkd.js.map → IconKey-CayWYYXb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconKey-DKiQELkd.js","names":["useStyles"],"sources":["../src/UI/dataDisplay/map/ColorKey.jsx","../src/UI/dataDisplay/map/IconKey.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  itemKey: {\n    width: theme.spacing(4),\n    height: theme.spacing(0.5),\n    marginTop: theme.spacing(0.5)\n  },\n  keyRoot: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginRight: theme.spacing(5),\n    width: theme.spacing(10)\n  }\n}))\n\nexport const ColorKey = ({ label, color }) => {\n  const classes = useStyles()\n  return (\n    <div className={classes.keyRoot}>\n      <Typography variant='caption'>{label}</Typography>\n      <div className={classes.itemKey} style={{ background: color }} />\n    </div>\n  )\n}\n\nColorKey.propTypes = {\n  /**\n   * Key label\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * Color of the key item\n   */\n  color: PropTypes.string.isRequired\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  keyRoot: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginRight: theme.spacing(5)\n  },\n  label: {\n    marginTop: 1,\n    marginLeft: theme.spacing(1)\n  }\n}))\n\nexport const IconKey = ({ label, icon }) => {\n  const classes = useStyles()\n  return (\n    <div className={classes.keyRoot}>\n      {icon}\n      <Typography className={classes.label} variant='caption'>\n        {label}\n      </Typography>\n    </div>\n  )\n}\n\nIconKey.propTypes = {\n  /**\n   * Key label\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * Icon for the key item\n   */\n  icon: PropTypes.string.isRequired\n}\n"],"mappings":";;;;;AAIA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,SAAS;EACP,OAAO,MAAM,QAAQ,EAAE;EACvB,QAAQ,MAAM,QAAQ,GAAI;EAC1B,WAAW,MAAM,QAAQ,GAAI;EAC9B;CACD,SAAS;EACP,SAAS;EACT,gBAAgB;EAChB,aAAa,MAAM,QAAQ,EAAE;EAC7B,OAAO,MAAM,QAAQ,GAAG;EACzB;CACF,EAAE;AAEH,MAAa,YAAY,EAAE,OAAO,YAAY;CAC5C,MAAM,UAAUA,aAAW;AAC3B,QACE,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,cAAW,SAAQ,aAAW,MAAmB,EAClD,oCAAC;EAAI,WAAW,QAAQ;EAAS,OAAO,EAAE,YAAY,OAAO;GAAI,CAC7D;;AAIV,SAAS,YAAY;CAInB,OAAO,UAAU,OAAO;CAIxB,OAAO,UAAU,OAAO;CACzB;;;;AClCD,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,SAAS;EACP,SAAS;EACT,gBAAgB;EAChB,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,OAAO;EACL,WAAW;EACX,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACF,EAAE;AAEH,MAAa,WAAW,EAAE,OAAO,WAAW;CAC1C,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,SAAI,WAAW,QAAQ,WACrB,MACD,oCAAC;EAAW,WAAW,QAAQ;EAAO,SAAQ;IAC3C,MACU,CACT;;AAIV,QAAQ,YAAY;CAIlB,OAAO,UAAU,OAAO;CAIxB,MAAM,UAAU,OAAO;CACxB"}
+{"version":3,"file":"IconKey-CayWYYXb.js","names":["useStyles"],"sources":["../src/UI/dataDisplay/map/ColorKey.jsx","../src/UI/dataDisplay/map/IconKey.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  itemKey: {\n    width: theme.spacing(4),\n    height: theme.spacing(0.5),\n    marginTop: theme.spacing(0.5)\n  },\n  keyRoot: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginRight: theme.spacing(5),\n    width: theme.spacing(10)\n  }\n}))\n\nexport const ColorKey = ({ label, color }) => {\n  const classes = useStyles()\n  return (\n    <div className={classes.keyRoot}>\n      <Typography variant='caption'>{label}</Typography>\n      <div className={classes.itemKey} style={{ background: color }} />\n    </div>\n  )\n}\n\nColorKey.propTypes = {\n  /**\n   * Key label\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * Color of the key item\n   */\n  color: PropTypes.string.isRequired\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  keyRoot: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginRight: theme.spacing(5)\n  },\n  label: {\n    marginTop: 1,\n    marginLeft: theme.spacing(1)\n  }\n}))\n\nexport const IconKey = ({ label, icon }) => {\n  const classes = useStyles()\n  return (\n    <div className={classes.keyRoot}>\n      {icon}\n      <Typography className={classes.label} variant='caption'>\n        {label}\n      </Typography>\n    </div>\n  )\n}\n\nIconKey.propTypes = {\n  /**\n   * Key label\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * Icon for the key item\n   */\n  icon: PropTypes.string.isRequired\n}\n"],"mappings":";;;;;AAIA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,SAAS;EACP,OAAO,MAAM,QAAQ,EAAE;EACvB,QAAQ,MAAM,QAAQ,GAAI;EAC1B,WAAW,MAAM,QAAQ,GAAI;EAC9B;CACD,SAAS;EACP,SAAS;EACT,gBAAgB;EAChB,aAAa,MAAM,QAAQ,EAAE;EAC7B,OAAO,MAAM,QAAQ,GAAG;EACzB;CACF,EAAE;AAEH,MAAa,YAAY,EAAE,OAAO,YAAY;CAC5C,MAAM,UAAUA,aAAW;AAC3B,QACE,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,cAAW,SAAQ,aAAW,MAAmB,EAClD,oCAAC;EAAI,WAAW,QAAQ;EAAS,OAAO,EAAE,YAAY,OAAO;GAAI,CAC7D;;AAIV,SAAS,YAAY;CAInB,OAAO,UAAU,OAAO;CAIxB,OAAO,UAAU,OAAO;CACzB;;;;AClCD,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,SAAS;EACP,SAAS;EACT,gBAAgB;EAChB,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,OAAO;EACL,WAAW;EACX,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACF,EAAE;AAEH,MAAa,WAAW,EAAE,OAAO,WAAW;CAC1C,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,SAAI,WAAW,QAAQ,WACrB,MACD,oCAAC;EAAW,WAAW,QAAQ;EAAO,SAAQ;IAC3C,MACU,CACT;;AAIV,QAAQ,YAAY;CAIlB,OAAO,UAAU,OAAO;CAIxB,MAAM,UAAU,OAAO;CACxB"}

package/dist/{IconRenderer-DFpfUgfn.js → IconRenderer-B6ZoqrTX.js}

@@ -1,5 +1,5 @@
 import { t as UnityFluentIcon } from "./UnityFluentIcon-DrASIcTF.js";
-import { S as getIconFromName } from "./TreeUtilities-CujOFOPm.js";
+import { S as getIconFromName } from "./TreeUtilities-kiPupulY.js";
 import { t as getUnityIconFromName } from "./UnityIconLibrary-CjIwzfjv.js";
 import React from "react";
 import { darken, makeStyles, useTheme } from "@material-ui/core";
@@ -40,4 +40,4 @@ const IconRenderer = (props) => {
 
 //#endregion
 export { IconRenderer as t };
-//# sourceMappingURL=IconRenderer-DFpfUgfn.js.map
+//# sourceMappingURL=IconRenderer-B6ZoqrTX.js.map

package/dist/{IconRenderer-DFpfUgfn.js.map → IconRenderer-B6ZoqrTX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconRenderer-DFpfUgfn.js","names":[],"sources":["../src/UI/templates/ui/renderers/IconRenderer.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, useTheme, darken } from '@material-ui/core';\nimport { UnityFluentIcon } from '../../../../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../../../../utilities/iconLibrary/UnityIconLibrary';\nimport { getIconFromName } from '../../../../utilities/tree/TreeUtilities';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  iconContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 50,\n    marginTop: theme.spacing(0.5),\n    marginBottom: theme.spacing(0.5),\n    marginRight: (props) => !props?.removeMargin && theme.spacing(1),\n    width: theme.spacing(4),\n    height: theme.spacing(4),\n    backgroundColor: '#ffffff'\n  },\n  border: {\n    border: (props) =>\n      props?.color?.hex\n        ? `1px solid ${darken(props?.color?.hex, 0.1)}`\n        : `1px solid ${theme.palette.secondary.main}`\n  }\n}));\n\n/**\n * IconRenderer\n */\nexport const IconRenderer = (props) => {\n  const { value, noBorder, removeContainer } = props;\n  const { color, name, type } = value;\n\n  const classes = useStyles(value);\n  const theme = useTheme(props);\n\n  return (\n    <div\n      className={clsx(\n        !removeContainer && classes.iconContainer,\n        !noBorder && classes.border\n      )}\n    >\n      <UnityFluentIcon\n        size='medium'\n        color={color?.hex || theme.palette.secondary.main}\n        type={type}\n        icon={\n          type === 'unity' ? getUnityIconFromName(name) : getIconFromName(name)\n        }\n        style={{\n          color: color?.hex\n            ? darken(color?.hex, 0.1)\n            : theme.palette.secondary.main\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAOA,MAAM,YAAY,YAAY,WAAW;CACvC,eAAe;EACb,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,WAAW,MAAM,QAAQ,GAAI;EAC7B,cAAc,MAAM,QAAQ,GAAI;EAChC,cAAc,UAAU,CAAC,OAAO,gBAAgB,MAAM,QAAQ,EAAE;EAChE,OAAO,MAAM,QAAQ,EAAE;EACvB,QAAQ,MAAM,QAAQ,EAAE;EACxB,iBAAiB;EAClB;CACD,QAAQ,EACN,SAAS,UACP,OAAO,OAAO,MACV,aAAa,OAAO,OAAO,OAAO,KAAK,GAAI,KAC3C,aAAa,MAAM,QAAQ,UAAU,QAC5C;CACF,EAAE;;;;AAKH,MAAa,gBAAgB,UAAU;CACrC,MAAM,EAAE,OAAO,UAAU,oBAAoB;CAC7C,MAAM,EAAE,OAAO,MAAM,SAAS;CAE9B,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,QAAQ,SAAS,MAAM;AAE7B,QACE,oCAAC,SACC,WAAW,KACT,CAAC,mBAAmB,QAAQ,eAC5B,CAAC,YAAY,QAAQ,OACtB,IAED,oCAAC;EACC,MAAK;EACL,OAAO,OAAO,OAAO,MAAM,QAAQ,UAAU;EACvC;EACN,MACE,SAAS,UAAU,qBAAqB,KAAK,GAAG,gBAAgB,KAAK;EAEvE,OAAO,EACL,OAAO,OAAO,MACV,OAAO,OAAO,KAAK,GAAI,GACvB,MAAM,QAAQ,UAAU,MAC7B;GACD,CACE"}
+{"version":3,"file":"IconRenderer-B6ZoqrTX.js","names":[],"sources":["../src/UI/templates/ui/renderers/IconRenderer.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, useTheme, darken } from '@material-ui/core';\nimport { UnityFluentIcon } from '../../../../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../../../../utilities/iconLibrary/UnityIconLibrary';\nimport { getIconFromName } from '../../../../utilities/tree/TreeUtilities';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  iconContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 50,\n    marginTop: theme.spacing(0.5),\n    marginBottom: theme.spacing(0.5),\n    marginRight: (props) => !props?.removeMargin && theme.spacing(1),\n    width: theme.spacing(4),\n    height: theme.spacing(4),\n    backgroundColor: '#ffffff'\n  },\n  border: {\n    border: (props) =>\n      props?.color?.hex\n        ? `1px solid ${darken(props?.color?.hex, 0.1)}`\n        : `1px solid ${theme.palette.secondary.main}`\n  }\n}));\n\n/**\n * IconRenderer\n */\nexport const IconRenderer = (props) => {\n  const { value, noBorder, removeContainer } = props;\n  const { color, name, type } = value;\n\n  const classes = useStyles(value);\n  const theme = useTheme(props);\n\n  return (\n    <div\n      className={clsx(\n        !removeContainer && classes.iconContainer,\n        !noBorder && classes.border\n      )}\n    >\n      <UnityFluentIcon\n        size='medium'\n        color={color?.hex || theme.palette.secondary.main}\n        type={type}\n        icon={\n          type === 'unity' ? getUnityIconFromName(name) : getIconFromName(name)\n        }\n        style={{\n          color: color?.hex\n            ? darken(color?.hex, 0.1)\n            : theme.palette.secondary.main\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAOA,MAAM,YAAY,YAAY,WAAW;CACvC,eAAe;EACb,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,WAAW,MAAM,QAAQ,GAAI;EAC7B,cAAc,MAAM,QAAQ,GAAI;EAChC,cAAc,UAAU,CAAC,OAAO,gBAAgB,MAAM,QAAQ,EAAE;EAChE,OAAO,MAAM,QAAQ,EAAE;EACvB,QAAQ,MAAM,QAAQ,EAAE;EACxB,iBAAiB;EAClB;CACD,QAAQ,EACN,SAAS,UACP,OAAO,OAAO,MACV,aAAa,OAAO,OAAO,OAAO,KAAK,GAAI,KAC3C,aAAa,MAAM,QAAQ,UAAU,QAC5C;CACF,EAAE;;;;AAKH,MAAa,gBAAgB,UAAU;CACrC,MAAM,EAAE,OAAO,UAAU,oBAAoB;CAC7C,MAAM,EAAE,OAAO,MAAM,SAAS;CAE9B,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,QAAQ,SAAS,MAAM;AAE7B,QACE,oCAAC,SACC,WAAW,KACT,CAAC,mBAAmB,QAAQ,eAC5B,CAAC,YAAY,QAAQ,OACtB,IAED,oCAAC;EACC,MAAK;EACL,OAAO,OAAO,OAAO,MAAM,QAAQ,UAAU;EACvC;EACN,MACE,SAAS,UAAU,qBAAqB,KAAK,GAAG,gBAAgB,KAAK;EAEvE,OAAO,EACL,OAAO,OAAO,MACV,OAAO,OAAO,KAAK,GAAI,GACvB,MAAM,QAAQ,UAAU,MAC7B;GACD,CACE"}

package/dist/{ImportDataFromFileMapping-BL5MOAS-.js → ImportDataFromFileMapping-CZQe7oHY.js}

@@ -16,7 +16,7 @@ import { t as usePromotedMethodEntity } from "./usePromotedMethodEntity-Bi2neP26
 import { t as AmbientTextField } from "./AmbientTextField-CdnqPJUw.js";
 import { t as AmbientAutoComplete } from "./AmbientAutoComplete-PIhfakyF.js";
 import { t as DragDropFileUpload } from "./DragDropFileUpload-TFHchivz.js";
-import { t as AmbientStepper } from "./AmbientStepper-D9NzCqa8.js";
+import { t as AmbientStepper } from "./AmbientStepper-Dv1WH2x1.js";
 import { t as Divider$1 } from "./Divider-DNtKMiBL.js";
 import { t as CompactDataListItem } from "./CompactDataListItem-Dx6_rBb2.js";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
@@ -566,4 +566,4 @@ const ImportDataFromFileMapping = (props) => {
 
 //#endregion
 export { handleTextFileUpload as a, handleJsonFileUpload as i, FileImportConfigCard as n, handleExcelFileUpload as r, ImportDataFromFileMapping as t };
-//# sourceMappingURL=ImportDataFromFileMapping-BL5MOAS-.js.map
+//# sourceMappingURL=ImportDataFromFileMapping-CZQe7oHY.js.map

package/dist/{ImportDataFromFileMapping-BL5MOAS-.js.map → ImportDataFromFileMapping-CZQe7oHY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ImportDataFromFileMapping-BL5MOAS-.js","names":["Divider","FileImportMappingWizard"],"sources":["../src/udp/fileImportMapping/fileUtils.js","../src/udp/fileImportMapping/FileImportConfigCard.jsx","../src/udp/fileImportMapping/FileImportMappingWizard.jsx","../src/udp/fileImportMapping/ImportDataFromFileMapping.jsx"],"sourcesContent":["import * as XLSX from 'xlsx';\n\nexport const handleExcelFileUpload = (fileObject, fileProperties) => {\n  return new Promise((resolve, reject) => {\n    if (fileObject) {\n      const reader = new FileReader();\n\n      reader.onload = function (e) {\n        const data = new Uint8Array(e.target.result);\n        const workbook = XLSX.read(data, { type: 'array' });\n\n        const sheetName = workbook.SheetNames[fileProperties?.worksheetNumber?.value - 1];\n        const worksheet = workbook.Sheets[sheetName];\n\n        // Get the headers (first row) and first data line\n        const json = XLSX.utils.sheet_to_json(worksheet, {\n          header: 1,\n        });\n        if (json.length > 1) {\n          const headers = json[0]; // First row as headers\n          const firstDataLine = json[1]; // Second row as the first data line\n          resolve({ headers: headers, sampleData: firstDataLine });\n        }\n        else{\n            reject(\"Could not get file headers\")\n        }\n      };\n      reader.onerror = function () {\n        reject('Error reading the file.');\n      };\n\n      reader.readAsArrayBuffer(fileObject); // Read the file as an ArrayBuffer\n    } else {\n      reject('No file provided');\n    }\n  });\n};\n\nexport const handleTextFileUpload = (fileObject, fileProperties) => {\n  return new Promise((resolve, reject) => {\n    if (fileObject) {\n      const chunkSize = 1024; // Read 1024 bytes at a time\n      let offset = 0; // Start reading at the beginning of the file\n      let accumulatedData = '';\n\n      const reader = new FileReader();\n\n      reader.onload = function (e) {\n        accumulatedData += e.target.result;\n\n        const lines = accumulatedData.split('\\n');\n        if (lines.length > 2) {\n          const headers = lines[0].replace(/\\r/g, '').split(fileProperties?.delimiter?.value);\n          const firstDataLine = lines[1].replace(/\\r/g, '').split(fileProperties?.delimiter?.value);\n          resolve({ headers: headers, sampleData: firstDataLine });\n        } else {\n          // If the header is not found and there's more data to read\n          if (offset < fileObject.size) {\n            readNextChunk();\n          }\n        }\n      };\n      reader.onerror = function () {\n        reject('Error reading the file.');\n      };\n\n      function readNextChunk() {\n        // Read the next 1024 bytes\n        const blob = fileObject.slice(offset, offset + chunkSize);\n        reader.readAsText(blob);\n        offset += chunkSize;\n      }\n      readNextChunk();\n    } else {\n      reject('No file provided');\n    }\n  });\n};\n\nexport const handleJsonFileUpload = (fileObject, fileProperties) => {\n  return new Promise((resolve, reject) => {\n    if (fileObject) {\n      const reader = new FileReader();\n\n      reader.onload = function (e) {\n        try {\n          const jsonData = JSON.parse(e.target.result);\n          const dataAtPath = fileProperties?.jsonPath ? getValueByPath(jsonData, fileProperties?.jsonPath) : jsonData;\n\n          if (Array.isArray(dataAtPath) && dataAtPath.length > 0) {\n            const keys = Object.keys(dataAtPath[0]);\n            resolve({ headers: keys, sampleData: dataAtPath[0] });\n          } else {\n            reject('The JSON file does not contain an array or is empty.');\n          }\n        } catch (err) {\n          reject('Error parsing JSON file:', err);\n        }\n      };\n      reader.onerror = function () {\n        reject('Error reading the file.');\n      };\n\n      reader.readAsText(fileObject);\n    } else {\n      reject('No file provided');\n    }\n  });\n};\n\nconst getValueByPath = (obj, path) => {\n    return path.split('.').reduce((acc, key) => acc && acc[key], obj);\n  }\n","import React, { useState, useMemo } from 'react';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { CompactDataListItem } from '../../UI/dataDisplay/CompactDataListItem';\nimport { Typography, Divider } from '@material-ui/core';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\n\nexport const FileImportConfigCard = (props) => {\n  const { fileMappingRecord, domain } = props;\n  const [showIndexNumbers, setShowIndexNumbers] = useState(false);\n\n  const parsedProperties = useMemo(() => {\n    if (fileMappingRecord) {\n      let parsedObject = fileMappingRecord?.properties;\n      if (typeof fileMappingRecord?.properties === 'string') {\n        parsedObject = JSON.parse(fileMappingRecord?.properties);\n      }\n      if (\n        'includesHeader' in parsedObject &&\n        parsedObject?.includesHeader === false\n      ) {\n        setShowIndexNumbers(true);\n      } else {\n        setShowIndexNumbers(false);\n      }\n      return Object.entries(parsedObject).map(([key, value]) => ({\n        key,\n        value\n      }));\n    }\n  }, [fileMappingRecord]);\n\n  const parsedFieldMappings = useMemo(() => {\n    let parsedObject = fileMappingRecord?.mapping;\n    if (typeof fileMappingRecord?.mapping === 'string') {\n      parsedObject = JSON.parse(fileMappingRecord?.mapping);\n    }\n    if (fileMappingRecord) {\n      return Object.entries(parsedObject);\n    }\n  }, [fileMappingRecord]);\n\n  return (\n    parsedFieldMappings && (\n      <AmbientCard fullWidth title='Mapping Configuration' subtitle={domain}>\n        {parsedProperties?.map((property) => (\n          <CompactDataListItem\n            label={property?.key\n              .replace(/([a-z])([A-Z])/g, '$1 $2')\n              .replace(/^./, function (char) {\n                return char.toUpperCase();\n              })}\n            value={\n              property?.value === false\n                ? 'False'\n                : property?.value === true\n                ? 'True'\n                : property?.value\n            }\n          />\n        ))}\n\n        <>\n          <div\n            style={{\n              display: 'flex',\n              flexDirection: 'row',\n              justifyContent: 'space-between',\n              paddingTop: 20\n            }}\n          >\n            <Typography variant='caption'>\n              {showIndexNumbers ? \"Column index's\" : 'File Headers'}\n            </Typography>\n            <Typography variant='caption'>Fields</Typography>\n          </div>\n          <Divider style={{ marginTop: 5, marginBottom: -14 }} />\n          {parsedFieldMappings?.map((field) => (\n            <div style={{ height: 42 }}>\n              <div style={{ display: 'flex', flexDirection: 'row', gap: 10 }}>\n                <Typography style={{ marginTop: 25, width: '50%' }}>\n                  {showIndexNumbers\n                    ? 'index ' + field[1]?.headerIndex\n                    : field[1]?.importFileField}\n                </Typography>\n                <FluentIcon\n                  style={{ marginTop: 28, width: '10%' }}\n                  component={ChromeBackMirroredIcon}\n                />\n                <Typography\n                  style={{ marginTop: 25, width: '50%', textAlign: 'right' }}\n                >\n                  {field[1]?.udpField.replace(/([A-Z])/g, ' $1').trim()}\n                </Typography>\n              </div>\n              <Divider style={{ margin: '5px 0px' }} />\n            </div>\n          ))}\n        </>\n      </AmbientCard>\n    )\n  );\n};\n","import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { AmbientAutoComplete } from '../../UI/inputs/textField/AmbientAutoComplete';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { Form } from '../../utilities/form';\nimport { Field } from '../../utilities/form';\nimport { FormButtons } from '../../utilities/form';\nimport { SubmitButton } from '../../utilities/form';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { AmbientStepper } from '../../UI/inputs/menus/AmbientStepper/AmbientStepper';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { DragDropFileUpload } from '../../uploader/DragDropFileUpload';\nimport { Typography } from '@material-ui/core';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { AmbientTextField } from '../../UI/inputs/textField/AmbientTextField';\nimport { Divider } from '../../UI/utilityDisplay/Divider';\nimport {\n  handleExcelFileUpload,\n  handleJsonFileUpload,\n  handleTextFileUpload\n} from './fileUtils';\nimport { FileImportConfigCard } from './FileImportConfigCard';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { ConfigService } from '../../configService';\n\nconst FileImportMappingWizard = (props) => {\n  const { refetchMappings, setNewFileMappingSidesheetOpen, verifyRequiredFields } = props;\n  const user = useUser();\n  const [importHeaderData, setImportHeaderData] = useState();\n  const [udpObjectList, setUdpObjectList] = useState();\n  const [selectedDomain, setSelectedDomain] = useState();\n  const [selectedFileType, setSelectedFileType] = useState();\n  const [fileObject, setFileObject] = useState();\n  const [fileImportMappingObject, setFileImportMappingObject] = useState({});\n  const [activeStep, setActiveStep] = useState(0);\n  const [showIndexNumbers, setShowIndexNumbers] = useState(false);\n  const [errorText, setErrorText] = useState('');\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const executeCreateFileMapping = useCallback(\n    async (data) =>\n      apiMutate(\n        ConfigService.productV1ApiUrl,\n        `UdpFileImportMapping`,\n        {\n          method: 'post'\n        },\n        { data }\n      ),\n    []\n  );\n  const { data: udpObjectEntity } = usePromotedMethodEntity(\n    'UdpObjectInfo',\n    true\n  );\n\n  const [{ data: allowedFileTypesData }, refetchAllowedFileTypes] = useAxiosGet(\n    ConfigService.productV1ApiUrl,\n    `UdpFileImportType`,\n    {},\n    false\n  );\n\n  const searchUdpObjectData = useCallback(async () => {\n    if (udpObjectEntity?.unityBaseSearchMethod?.apiMethodId && user?.id) {\n      const sapUserRes = await executeQueryAdHoc(\n        {\n          data: {\n            eagerLoad: true,\n            pageSize: 200,\n            filterElements: []\n          }\n        },\n        udpObjectEntity?.unityBaseSearchMethod?.apiMethodId\n      );\n      if (sapUserRes?.data?.pageList.length > 0) {\n        setUdpObjectList(sapUserRes?.data?.pageList);\n      }\n    }\n  }, [udpObjectEntity, user]);\n\n  const filterCatalogObjectList = useMemo(() => {\n    return udpObjectList;\n  }, [udpObjectList]);\n\n  const getNameFormattedOptionLabel = (option) => {\n    return option?.name.replace(/([A-Z])/g, ' $1').trim();\n  };\n\n  const getNameOptionLabel = (option) => {\n    return option?.name;\n  };\n\n  const handleFileUpload = async (properties) => {\n    let result;\n    if (\n      selectedFileType.extension === '.csv' ||\n      selectedFileType.extension === '.txt'\n    ) {\n      result = await handleTextFileUpload(fileObject, properties);\n    } else if (selectedFileType.extension === '.xlsx') {\n      result = await handleExcelFileUpload(fileObject, properties);\n    } else if (selectedFileType.extension === '.json') {\n      result = await handleJsonFileUpload(fileObject, properties);\n    }\n    setImportHeaderData(result?.headers);\n  };\n\n  useEffect(() => {\n    searchUdpObjectData();\n  }, [searchUdpObjectData]);\n\n  const handleCreateNewFieldMapping = useCallback(\n    async (values) => {\n      const response = await executeCreateFileMapping({\n        name: values.name,\n        objectInfoSanitizedName: getSanitizedName(selectedDomain.name),\n        fileImportType: selectedFileType.id,\n        mapping: JSON.stringify(fileImportMappingObject?.mapping),\n        properties: JSON.stringify(fileImportMappingObject?.properties)\n      }).catch((res) => {\n        handleErrorSnackbar(res);\n      });\n      if (response?.status === 201) {\n        handleSuccessSnackbar('Created Mapping');\n        refetchMappings();\n        setNewFileMappingSidesheetOpen(false);\n      }\n    },\n    [\n      executeCreateFileMapping,\n      selectedDomain?.name,\n      selectedFileType?.id,\n      fileImportMappingObject?.mapping,\n      fileImportMappingObject?.properties,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      refetchMappings,\n      setNewFileMappingSidesheetOpen\n    ]\n  );\n\n  const handleUpdateFieldMapping = (values) => {\n    let valid = true;\n    selectedDomain?.objectFieldInfo?.forEach((option) => {\n      if (\n        !option.dataType.endsWith('?') &&\n        !option.isPrimaryKey &&\n        !option.udpType\n      ) {\n        if (\n          !Object.entries(values).some(\n            (obj) => obj[1].businessObjectKey === option.businessObjectKey\n          )\n        ) {\n          if(verifyRequiredFields){\n            valid = false;\n          }\n        }\n      }\n    });\n    if (!valid) {\n      setErrorText('All required Udp fields must have a mapping');\n      return;\n    }\n    const filteredMappings = Object.entries(values)\n      .filter(([key, value]) => value !== null)\n      .reduce((acc, [key, value]) => {\n        acc[key] = value;\n        return acc;\n      }, {});\n    const mappedFieldIndexes = Object.keys(filteredMappings).map((key) =>\n      parseInt(key.split('udpFieldMapping')[1], 10)\n    );\n    const fieldMappings = Object.values(filteredMappings).map(\n      (selectedUdpField, index) => {\n        return {\n          udpField: selectedUdpField.name,\n          importFileField: !showIndexNumbers\n            ? importHeaderData[mappedFieldIndexes[index]]\n            : null,\n          headerIndex: !showIndexNumbers ? -1 : mappedFieldIndexes[index]\n        };\n      }\n    );\n    setFileImportMappingObject((prev) => {\n      return { ...prev, mapping: fieldMappings };\n    });\n    setActiveStep((prev) => prev + 1);\n  };\n\n  const handleUpdateFileProperties = (values) => {\n    setFileImportMappingObject((prev) => {\n      let properties = {};\n      Object.keys(values).forEach(\n        (propKey) =>\n          (properties[propKey] =\n            'value' in values[propKey]\n              ? values[propKey]?.value\n              : values[propKey])\n      );\n      return { ...prev, properties: properties };\n    });\n    if ('includesHeader' in values && values?.includesHeader.value === false) {\n      setShowIndexNumbers(true);\n    }\n    handleFileUpload(values);\n    setActiveStep((prev) => prev + 1);\n  };\n\n  const getUdpFieldOptionLabel = (option) => {\n    if (\n      !option.dataType.endsWith('?') &&\n      !option.isPrimaryKey &&\n      !option.udpType\n    ) {\n      return `${option.name.replace(/([A-Z])/g, ' $1').trim()}*`; //required field\n    }\n    return `${option.name} - ${option.dataType}`;\n  };\n\n  const handleAddFileToUpload = (fileObj) => {\n    setFileObject(fileObj[0]);\n  };\n\n  const formattedFileTypeProperties = useMemo(() => {\n    if (selectedFileType) {\n      return JSON.parse(selectedFileType?.properties);\n    }\n  }, [selectedFileType]);\n\n  return (\n    <>\n      <AmbientCard fullWidth>\n        <div style={{ marginBottom: 20 }}>\n          <AmbientStepper\n            activeStep={activeStep}\n            steps={['File', 'Domain', 'Field Mappings', 'Review']}\n            orientation='vertical'\n          />\n        </div>\n        {activeStep === 0 && (\n          <>\n            <AmbientAutoComplete\n              isMultiple={false}\n              id={'fileImportType'}\n              name={'fileImportType'}\n              label='File Type'\n              onChange={(val) => setSelectedFileType(val)}\n              options={allowedFileTypesData}\n              size='small'\n              getOptionLabelFunction={getNameOptionLabel}\n              value={selectedFileType}\n              required\n            />\n            {selectedFileType && (\n              <div style={{ marginTop: 5 }}>\n                <DragDropFileUpload\n                  handleUploadFile={handleAddFileToUpload}\n                  accept={{\n                    'text/csv': ['.csv'],\n                    'text/plain': ['.txt'],\n                    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n                      ['.xlsx'],\n                    'application/json': ['.json']\n                  }}\n                />\n              </div>\n            )}\n            <Form onSubmit={handleUpdateFileProperties}>\n              {formattedFileTypeProperties?.map((property) =>\n                property?.options ? (\n                  <Field\n                    component={AmbientAutoComplete}\n                    isMultiple={false}\n                    id={property.propertyName}\n                    name={property.propertyName}\n                    label={property.label}\n                    options={property.options}\n                    size='small'\n                    getOptionLabelFunction={getNameOptionLabel}\n                    required={property?.required}\n                  />\n                ) : (\n                  <Field\n                    component={AmbientTextField}\n                    isMultiple={false}\n                    id={property.propertyName}\n                    name={property.propertyName}\n                    label={property.label}\n                    size='small'\n                    getOptionLabelFunction={getNameOptionLabel}\n                    required={property?.required}\n                  />\n                )\n              )}\n              <FormButtons\n                style={{\n                  display: 'flex',\n                  float: 'right',\n                  marginRight: -16\n                }}\n              >\n                <SubmitButton\n                  variant='contained'\n                  color='secondary'\n                  disablePristine={false}\n                  disabled={!fileObject}\n                >\n                  Next\n                </SubmitButton>\n              </FormButtons>\n            </Form>\n          </>\n        )}\n        {activeStep === 1 && (\n          <>\n            <AmbientAutoComplete\n              isMultiple={false}\n              id={'domain'}\n              name={'domain'}\n              label='Domain'\n              onChange={(val) => setSelectedDomain(val)}\n              options={filterCatalogObjectList}\n              size='small'\n              getOptionLabelFunction={getNameFormattedOptionLabel}\n              value={selectedDomain}\n              required\n            />\n            <div\n              style={{ float: 'right', display: 'flex', gap: 8, marginTop: 8 }}\n            >\n              <FluentButton\n                variant='contained'\n                onClick={() => setActiveStep((prev) => prev - 1)}\n                disabled={activeStep === 0}\n              >\n                Prev\n              </FluentButton>\n              <FluentButton\n                variant='contained'\n                onClick={() => setActiveStep((prev) => prev + 1)}\n                color='secondary'\n                disabled={!selectedDomain}\n              >\n                Next\n              </FluentButton>\n            </div>\n          </>\n        )}\n        {activeStep === 2 && (\n          <>\n            <div\n              style={{\n                display: 'flex',\n                flexDirection: 'row',\n                justifyContent: 'space-between',\n                paddingTop: 20\n              }}\n            >\n              <Typography variant='caption'>\n                {showIndexNumbers ? \"Column index's\" : 'File Headers'}\n              </Typography>\n              <Typography variant='caption'>UDP Fields</Typography>\n            </div>\n            <Divider style={{ margin: '5px 0px' }} />\n            <Form\n              onSubmit={handleUpdateFieldMapping}\n              style={{ marginTop: -20 }}\n            >\n              {importHeaderData?.map((field, index) => (\n                <div style={{ height: 42 }}>\n                  <div\n                    style={{ display: 'flex', flexDirection: 'row', gap: 10 }}\n                  >\n                    <Typography style={{ marginTop: 25, width: '50%' }}>\n                      {showIndexNumbers ? 'index ' + index : field}\n                    </Typography>\n                    <FluentIcon\n                      style={{ marginTop: 28, width: '10%' }}\n                      component={ChromeBackMirroredIcon}\n                    />\n                    <Field\n                      style={{ height: 30 }}\n                      component={AmbientAutoComplete}\n                      isMultiple={false}\n                      id={`udpFieldMapping${index}`}\n                      name={`udpFieldMapping${index}`}\n                      options={selectedDomain?.objectFieldInfo}\n                      size='small'\n                      getOptionLabelFunction={getUdpFieldOptionLabel}\n                    />\n                  </div>\n                  <Divider style={{ margin: '5px 0px' }} />\n                </div>\n              ))}\n              <div style={{ paddingTop: 20, textAlign: 'right', color: 'red' }}>\n                {errorText}\n              </div>\n              <FormButtons\n                style={{\n                  display: 'flex',\n                  float: 'right',\n                  paddingTop: 16,\n                  marginRight: -16\n                }}\n              >\n                <FluentButton\n                  variant='contained'\n                  onClick={() => setActiveStep((prev) => prev - 1)}\n                  disabled={activeStep === 0}\n                >\n                  Prev\n                </FluentButton>\n                <SubmitButton\n                  variant='contained'\n                  color='secondary'\n                  disablePristine={false}\n                >\n                  Next\n                </SubmitButton>\n              </FormButtons>\n            </Form>\n          </>\n        )}\n        {activeStep === 3 && (\n          <Form onSubmit={handleCreateNewFieldMapping}>\n            <Field\n              component={AmbientTextField}\n              id={`name`}\n              name={`name`}\n              label='Mapping Name'\n              size='small'\n            />\n            <FormButtons\n              style={{\n                display: 'flex',\n                float: 'right',\n                marginRight: -16\n              }}\n            >\n              <FluentButton\n                variant='contained'\n                onClick={() => setActiveStep((prev) => prev - 1)}\n                disabled={activeStep === 0}\n              >\n                Prev\n              </FluentButton>\n              <SubmitButton\n                variant='contained'\n                color='secondary'\n                disablePristine={false}\n              >\n                {'Create Mapping'}\n              </SubmitButton>\n            </FormButtons>\n          </Form>\n        )}\n      </AmbientCard>\n      {fileImportMappingObject?.mapping &&<div style={{ marginTop: 10 }}>\n        <FileImportConfigCard\n          fileMappingRecord={{\n            mapping: fileImportMappingObject?.mapping,\n            properties: fileImportMappingObject?.properties\n          }}\n          domain={selectedDomain?.name.replace(/([A-Z])/g, ' $1').trim()}\n        />\n      </div>}\n    </>\n  );\n};\n\nexport default FileImportMappingWizard;\n","import React, { useState, useCallback, useEffect } from 'react';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { AmbientAutoComplete } from '../../UI/inputs/textField/AmbientAutoComplete';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { SideSheet } from '../../UI/surfaces/SideSheet';\nimport { DragDropFileUpload } from '../../uploader/DragDropFileUpload';\nimport FileImportMappingWizard from './FileImportMappingWizard';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { FileImportConfigCard } from './FileImportConfigCard';\nimport { ConfigService } from '../../configService';\n\nexport const ImportDataFromFileMapping = (props) => {\n  const {onImportSuccess, onImportFail, verifyRequiredFields = true} = props\n  const user = useUser();\n  const [selectedFileMapping, setSelectedFileMapping] = useState();\n  const [udpImportMappingData, setUdpImportMappingData] = useState();\n  const [newFileMappingSidesheetOpen, setNewFileMappingSidesheetOpen] =\n    useState(false);\n  const [fileObject, setFileObject] = useState();\n  const [isLoading, setIsLoading] = useState(false)\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const { data: udpFileImportMappingEntity } = usePromotedMethodEntity(\n    'UdpFileImportMapping',\n    true\n  );\n\n  const executeImportDataFromFile = useCallback(\n    async (data) =>\n      apiMutate(\n        ConfigService.productV1ApiUrl,\n        `${selectedFileMapping?.objectInfoSanitizedName}/fileImportMapping`,\n        {\n          method: 'post'\n        },\n        { data }\n      ),\n    [selectedFileMapping]\n  );\n\n  const searchFileImportMappingData = useCallback(async () => {\n    if (udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId) {\n      const res = await executeQueryAdHoc(\n        {\n          data: {\n            eagerLoad: true,\n            pageSize: 200,\n            filterElements: []\n          }\n        },\n        udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId\n      );\n      if (res?.data?.pageList.length > 0) {\n        setUdpImportMappingData(res?.data?.pageList);\n      }\n    }\n  }, [udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId]);\n\n  useEffect(() => {\n    searchFileImportMappingData();\n  }, [searchFileImportMappingData]);\n\n  const handleImportDataFromFile = useCallback(async () => {\n    setIsLoading(true)\n    const file = fileObject;\n    const blob = new Blob([file], { type: file.type });\n    const formData = new FormData();\n    formData.append('file', blob, file.name);\n    formData.append('tenantId', user?.currentTenantId);\n    formData.append('name', selectedFileMapping.name);\n    formData.append('objectInfoSanitizedName', selectedFileMapping.objectInfoSanitizedName);\n    formData.append('fileImportType', selectedFileMapping.fileImportType);\n    formData.append('mapping', selectedFileMapping.mapping);\n    formData.append('properties', selectedFileMapping.properties);\n    formData.append('id', selectedFileMapping.id);\n    const response = await executeImportDataFromFile(formData).catch((res) => {\n      setIsLoading(false)\n      handleErrorSnackbar(res);\n      onImportFail()\n    });\n    if (response?.status === 201) {\n      handleSuccessSnackbar('Imported Data');\n      setIsLoading(false)\n      onImportSuccess && onImportSuccess()\n    }\n\n  }, [\n    fileObject,\n    selectedFileMapping,\n    executeImportDataFromFile,\n    handleErrorSnackbar,\n    handleSuccessSnackbar,\n    user,\n    onImportSuccess,\n    onImportFail\n  ]);\n\n  const getFileMappingOptionlabel = (option) => {\n    return `${option.name} (${option?.udpFileImportMappingUdpFileImportType?.extension})`;\n  };\n\n  const handleAddFileToUpload = (fileObj) => {\n    setFileObject(fileObj[0]);\n  };\n\n  return (\n    <>\n      <AmbientCard fullWidth>\n        <div style={{ display: 'flex' }}>\n          <AmbientAutoComplete\n            isMultiple={false}\n            id={'fileMapping'}\n            name={'fileMapping'}\n            label='File Mapping'\n            onChange={(val) => setSelectedFileMapping(val)}\n            options={udpImportMappingData}\n            size='small'\n            getOptionLabelFunction={getFileMappingOptionlabel}\n            value={selectedFileMapping}\n            required\n            groupBy={(option) =>\n              option?.udpFileImportMappingUdpObjectInfo?.sanitizedName\n            }\n          />\n        </div>\n        {selectedFileMapping && (\n          <DragDropFileUpload\n            handleUploadFile={handleAddFileToUpload}\n            accept={{\n              'text/csv': ['.csv'],\n              'text/plain': ['.txt'],\n              'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n                ['.xlsx'],\n              'application/json': ['.json']\n            }}\n          />\n        )}\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: 5,\n            float: 'right',\n            marginTop: 10\n          }}\n        >\n          <FluentButton\n            onClick={() => setNewFileMappingSidesheetOpen(true)}\n            variant='outlined'\n          >\n            Create New Mapping\n          </FluentButton>\n          <FluentButton\n            variant='contained'\n            color='secondary'\n            onClick={handleImportDataFromFile}\n            progress={isLoading}\n            disabled={!fileObject}\n          >\n            Import Data\n          </FluentButton>\n        </div>\n        <SideSheet\n          title='Create New File Mapping'\n          open={newFileMappingSidesheetOpen}\n          onClose={() => setNewFileMappingSidesheetOpen(false)}\n          width={'60%'}\n        >\n          <FileImportMappingWizard\n            refetchMappings={searchFileImportMappingData}\n            setNewFileMappingSidesheetOpen={setNewFileMappingSidesheetOpen}\n            verifyRequiredFields={verifyRequiredFields}\n          />\n        </SideSheet>\n      </AmbientCard>\n      <div style={{ marginTop: 10 }}>\n        <FileImportConfigCard fileMappingRecord={selectedFileMapping} domain={selectedFileMapping?.udpFileImportMappingUdpObjectInfo?.sanitizedName.replace(/([A-Z])/g, ' $1').trim()}/>\n      </div>\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ImportDataFromFileMapping-CZQe7oHY.js","names":["Divider","FileImportMappingWizard"],"sources":["../src/udp/fileImportMapping/fileUtils.js","../src/udp/fileImportMapping/FileImportConfigCard.jsx","../src/udp/fileImportMapping/FileImportMappingWizard.jsx","../src/udp/fileImportMapping/ImportDataFromFileMapping.jsx"],"sourcesContent":["import * as XLSX from 'xlsx';\n\nexport const handleExcelFileUpload = (fileObject, fileProperties) => {\n  return new Promise((resolve, reject) => {\n    if (fileObject) {\n      const reader = new FileReader();\n\n      reader.onload = function (e) {\n        const data = new Uint8Array(e.target.result);\n        const workbook = XLSX.read(data, { type: 'array' });\n\n        const sheetName = workbook.SheetNames[fileProperties?.worksheetNumber?.value - 1];\n        const worksheet = workbook.Sheets[sheetName];\n\n        // Get the headers (first row) and first data line\n        const json = XLSX.utils.sheet_to_json(worksheet, {\n          header: 1,\n        });\n        if (json.length > 1) {\n          const headers = json[0]; // First row as headers\n          const firstDataLine = json[1]; // Second row as the first data line\n          resolve({ headers: headers, sampleData: firstDataLine });\n        }\n        else{\n            reject(\"Could not get file headers\")\n        }\n      };\n      reader.onerror = function () {\n        reject('Error reading the file.');\n      };\n\n      reader.readAsArrayBuffer(fileObject); // Read the file as an ArrayBuffer\n    } else {\n      reject('No file provided');\n    }\n  });\n};\n\nexport const handleTextFileUpload = (fileObject, fileProperties) => {\n  return new Promise((resolve, reject) => {\n    if (fileObject) {\n      const chunkSize = 1024; // Read 1024 bytes at a time\n      let offset = 0; // Start reading at the beginning of the file\n      let accumulatedData = '';\n\n      const reader = new FileReader();\n\n      reader.onload = function (e) {\n        accumulatedData += e.target.result;\n\n        const lines = accumulatedData.split('\\n');\n        if (lines.length > 2) {\n          const headers = lines[0].replace(/\\r/g, '').split(fileProperties?.delimiter?.value);\n          const firstDataLine = lines[1].replace(/\\r/g, '').split(fileProperties?.delimiter?.value);\n          resolve({ headers: headers, sampleData: firstDataLine });\n        } else {\n          // If the header is not found and there's more data to read\n          if (offset < fileObject.size) {\n            readNextChunk();\n          }\n        }\n      };\n      reader.onerror = function () {\n        reject('Error reading the file.');\n      };\n\n      function readNextChunk() {\n        // Read the next 1024 bytes\n        const blob = fileObject.slice(offset, offset + chunkSize);\n        reader.readAsText(blob);\n        offset += chunkSize;\n      }\n      readNextChunk();\n    } else {\n      reject('No file provided');\n    }\n  });\n};\n\nexport const handleJsonFileUpload = (fileObject, fileProperties) => {\n  return new Promise((resolve, reject) => {\n    if (fileObject) {\n      const reader = new FileReader();\n\n      reader.onload = function (e) {\n        try {\n          const jsonData = JSON.parse(e.target.result);\n          const dataAtPath = fileProperties?.jsonPath ? getValueByPath(jsonData, fileProperties?.jsonPath) : jsonData;\n\n          if (Array.isArray(dataAtPath) && dataAtPath.length > 0) {\n            const keys = Object.keys(dataAtPath[0]);\n            resolve({ headers: keys, sampleData: dataAtPath[0] });\n          } else {\n            reject('The JSON file does not contain an array or is empty.');\n          }\n        } catch (err) {\n          reject('Error parsing JSON file:', err);\n        }\n      };\n      reader.onerror = function () {\n        reject('Error reading the file.');\n      };\n\n      reader.readAsText(fileObject);\n    } else {\n      reject('No file provided');\n    }\n  });\n};\n\nconst getValueByPath = (obj, path) => {\n    return path.split('.').reduce((acc, key) => acc && acc[key], obj);\n  }\n","import React, { useState, useMemo } from 'react';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { CompactDataListItem } from '../../UI/dataDisplay/CompactDataListItem';\nimport { Typography, Divider } from '@material-ui/core';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\n\nexport const FileImportConfigCard = (props) => {\n  const { fileMappingRecord, domain } = props;\n  const [showIndexNumbers, setShowIndexNumbers] = useState(false);\n\n  const parsedProperties = useMemo(() => {\n    if (fileMappingRecord) {\n      let parsedObject = fileMappingRecord?.properties;\n      if (typeof fileMappingRecord?.properties === 'string') {\n        parsedObject = JSON.parse(fileMappingRecord?.properties);\n      }\n      if (\n        'includesHeader' in parsedObject &&\n        parsedObject?.includesHeader === false\n      ) {\n        setShowIndexNumbers(true);\n      } else {\n        setShowIndexNumbers(false);\n      }\n      return Object.entries(parsedObject).map(([key, value]) => ({\n        key,\n        value\n      }));\n    }\n  }, [fileMappingRecord]);\n\n  const parsedFieldMappings = useMemo(() => {\n    let parsedObject = fileMappingRecord?.mapping;\n    if (typeof fileMappingRecord?.mapping === 'string') {\n      parsedObject = JSON.parse(fileMappingRecord?.mapping);\n    }\n    if (fileMappingRecord) {\n      return Object.entries(parsedObject);\n    }\n  }, [fileMappingRecord]);\n\n  return (\n    parsedFieldMappings && (\n      <AmbientCard fullWidth title='Mapping Configuration' subtitle={domain}>\n        {parsedProperties?.map((property) => (\n          <CompactDataListItem\n            label={property?.key\n              .replace(/([a-z])([A-Z])/g, '$1 $2')\n              .replace(/^./, function (char) {\n                return char.toUpperCase();\n              })}\n            value={\n              property?.value === false\n                ? 'False'\n                : property?.value === true\n                ? 'True'\n                : property?.value\n            }\n          />\n        ))}\n\n        <>\n          <div\n            style={{\n              display: 'flex',\n              flexDirection: 'row',\n              justifyContent: 'space-between',\n              paddingTop: 20\n            }}\n          >\n            <Typography variant='caption'>\n              {showIndexNumbers ? \"Column index's\" : 'File Headers'}\n            </Typography>\n            <Typography variant='caption'>Fields</Typography>\n          </div>\n          <Divider style={{ marginTop: 5, marginBottom: -14 }} />\n          {parsedFieldMappings?.map((field) => (\n            <div style={{ height: 42 }}>\n              <div style={{ display: 'flex', flexDirection: 'row', gap: 10 }}>\n                <Typography style={{ marginTop: 25, width: '50%' }}>\n                  {showIndexNumbers\n                    ? 'index ' + field[1]?.headerIndex\n                    : field[1]?.importFileField}\n                </Typography>\n                <FluentIcon\n                  style={{ marginTop: 28, width: '10%' }}\n                  component={ChromeBackMirroredIcon}\n                />\n                <Typography\n                  style={{ marginTop: 25, width: '50%', textAlign: 'right' }}\n                >\n                  {field[1]?.udpField.replace(/([A-Z])/g, ' $1').trim()}\n                </Typography>\n              </div>\n              <Divider style={{ margin: '5px 0px' }} />\n            </div>\n          ))}\n        </>\n      </AmbientCard>\n    )\n  );\n};\n","import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { AmbientAutoComplete } from '../../UI/inputs/textField/AmbientAutoComplete';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { Form } from '../../utilities/form';\nimport { Field } from '../../utilities/form';\nimport { FormButtons } from '../../utilities/form';\nimport { SubmitButton } from '../../utilities/form';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { AmbientStepper } from '../../UI/inputs/menus/AmbientStepper/AmbientStepper';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { DragDropFileUpload } from '../../uploader/DragDropFileUpload';\nimport { Typography } from '@material-ui/core';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { AmbientTextField } from '../../UI/inputs/textField/AmbientTextField';\nimport { Divider } from '../../UI/utilityDisplay/Divider';\nimport {\n  handleExcelFileUpload,\n  handleJsonFileUpload,\n  handleTextFileUpload\n} from './fileUtils';\nimport { FileImportConfigCard } from './FileImportConfigCard';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { ConfigService } from '../../configService';\n\nconst FileImportMappingWizard = (props) => {\n  const { refetchMappings, setNewFileMappingSidesheetOpen, verifyRequiredFields } = props;\n  const user = useUser();\n  const [importHeaderData, setImportHeaderData] = useState();\n  const [udpObjectList, setUdpObjectList] = useState();\n  const [selectedDomain, setSelectedDomain] = useState();\n  const [selectedFileType, setSelectedFileType] = useState();\n  const [fileObject, setFileObject] = useState();\n  const [fileImportMappingObject, setFileImportMappingObject] = useState({});\n  const [activeStep, setActiveStep] = useState(0);\n  const [showIndexNumbers, setShowIndexNumbers] = useState(false);\n  const [errorText, setErrorText] = useState('');\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const executeCreateFileMapping = useCallback(\n    async (data) =>\n      apiMutate(\n        ConfigService.productV1ApiUrl,\n        `UdpFileImportMapping`,\n        {\n          method: 'post'\n        },\n        { data }\n      ),\n    []\n  );\n  const { data: udpObjectEntity } = usePromotedMethodEntity(\n    'UdpObjectInfo',\n    true\n  );\n\n  const [{ data: allowedFileTypesData }, refetchAllowedFileTypes] = useAxiosGet(\n    ConfigService.productV1ApiUrl,\n    `UdpFileImportType`,\n    {},\n    false\n  );\n\n  const searchUdpObjectData = useCallback(async () => {\n    if (udpObjectEntity?.unityBaseSearchMethod?.apiMethodId && user?.id) {\n      const sapUserRes = await executeQueryAdHoc(\n        {\n          data: {\n            eagerLoad: true,\n            pageSize: 200,\n            filterElements: []\n          }\n        },\n        udpObjectEntity?.unityBaseSearchMethod?.apiMethodId\n      );\n      if (sapUserRes?.data?.pageList.length > 0) {\n        setUdpObjectList(sapUserRes?.data?.pageList);\n      }\n    }\n  }, [udpObjectEntity, user]);\n\n  const filterCatalogObjectList = useMemo(() => {\n    return udpObjectList;\n  }, [udpObjectList]);\n\n  const getNameFormattedOptionLabel = (option) => {\n    return option?.name.replace(/([A-Z])/g, ' $1').trim();\n  };\n\n  const getNameOptionLabel = (option) => {\n    return option?.name;\n  };\n\n  const handleFileUpload = async (properties) => {\n    let result;\n    if (\n      selectedFileType.extension === '.csv' ||\n      selectedFileType.extension === '.txt'\n    ) {\n      result = await handleTextFileUpload(fileObject, properties);\n    } else if (selectedFileType.extension === '.xlsx') {\n      result = await handleExcelFileUpload(fileObject, properties);\n    } else if (selectedFileType.extension === '.json') {\n      result = await handleJsonFileUpload(fileObject, properties);\n    }\n    setImportHeaderData(result?.headers);\n  };\n\n  useEffect(() => {\n    searchUdpObjectData();\n  }, [searchUdpObjectData]);\n\n  const handleCreateNewFieldMapping = useCallback(\n    async (values) => {\n      const response = await executeCreateFileMapping({\n        name: values.name,\n        objectInfoSanitizedName: getSanitizedName(selectedDomain.name),\n        fileImportType: selectedFileType.id,\n        mapping: JSON.stringify(fileImportMappingObject?.mapping),\n        properties: JSON.stringify(fileImportMappingObject?.properties)\n      }).catch((res) => {\n        handleErrorSnackbar(res);\n      });\n      if (response?.status === 201) {\n        handleSuccessSnackbar('Created Mapping');\n        refetchMappings();\n        setNewFileMappingSidesheetOpen(false);\n      }\n    },\n    [\n      executeCreateFileMapping,\n      selectedDomain?.name,\n      selectedFileType?.id,\n      fileImportMappingObject?.mapping,\n      fileImportMappingObject?.properties,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      refetchMappings,\n      setNewFileMappingSidesheetOpen\n    ]\n  );\n\n  const handleUpdateFieldMapping = (values) => {\n    let valid = true;\n    selectedDomain?.objectFieldInfo?.forEach((option) => {\n      if (\n        !option.dataType.endsWith('?') &&\n        !option.isPrimaryKey &&\n        !option.udpType\n      ) {\n        if (\n          !Object.entries(values).some(\n            (obj) => obj[1].businessObjectKey === option.businessObjectKey\n          )\n        ) {\n          if(verifyRequiredFields){\n            valid = false;\n          }\n        }\n      }\n    });\n    if (!valid) {\n      setErrorText('All required Udp fields must have a mapping');\n      return;\n    }\n    const filteredMappings = Object.entries(values)\n      .filter(([key, value]) => value !== null)\n      .reduce((acc, [key, value]) => {\n        acc[key] = value;\n        return acc;\n      }, {});\n    const mappedFieldIndexes = Object.keys(filteredMappings).map((key) =>\n      parseInt(key.split('udpFieldMapping')[1], 10)\n    );\n    const fieldMappings = Object.values(filteredMappings).map(\n      (selectedUdpField, index) => {\n        return {\n          udpField: selectedUdpField.name,\n          importFileField: !showIndexNumbers\n            ? importHeaderData[mappedFieldIndexes[index]]\n            : null,\n          headerIndex: !showIndexNumbers ? -1 : mappedFieldIndexes[index]\n        };\n      }\n    );\n    setFileImportMappingObject((prev) => {\n      return { ...prev, mapping: fieldMappings };\n    });\n    setActiveStep((prev) => prev + 1);\n  };\n\n  const handleUpdateFileProperties = (values) => {\n    setFileImportMappingObject((prev) => {\n      let properties = {};\n      Object.keys(values).forEach(\n        (propKey) =>\n          (properties[propKey] =\n            'value' in values[propKey]\n              ? values[propKey]?.value\n              : values[propKey])\n      );\n      return { ...prev, properties: properties };\n    });\n    if ('includesHeader' in values && values?.includesHeader.value === false) {\n      setShowIndexNumbers(true);\n    }\n    handleFileUpload(values);\n    setActiveStep((prev) => prev + 1);\n  };\n\n  const getUdpFieldOptionLabel = (option) => {\n    if (\n      !option.dataType.endsWith('?') &&\n      !option.isPrimaryKey &&\n      !option.udpType\n    ) {\n      return `${option.name.replace(/([A-Z])/g, ' $1').trim()}*`; //required field\n    }\n    return `${option.name} - ${option.dataType}`;\n  };\n\n  const handleAddFileToUpload = (fileObj) => {\n    setFileObject(fileObj[0]);\n  };\n\n  const formattedFileTypeProperties = useMemo(() => {\n    if (selectedFileType) {\n      return JSON.parse(selectedFileType?.properties);\n    }\n  }, [selectedFileType]);\n\n  return (\n    <>\n      <AmbientCard fullWidth>\n        <div style={{ marginBottom: 20 }}>\n          <AmbientStepper\n            activeStep={activeStep}\n            steps={['File', 'Domain', 'Field Mappings', 'Review']}\n            orientation='vertical'\n          />\n        </div>\n        {activeStep === 0 && (\n          <>\n            <AmbientAutoComplete\n              isMultiple={false}\n              id={'fileImportType'}\n              name={'fileImportType'}\n              label='File Type'\n              onChange={(val) => setSelectedFileType(val)}\n              options={allowedFileTypesData}\n              size='small'\n              getOptionLabelFunction={getNameOptionLabel}\n              value={selectedFileType}\n              required\n            />\n            {selectedFileType && (\n              <div style={{ marginTop: 5 }}>\n                <DragDropFileUpload\n                  handleUploadFile={handleAddFileToUpload}\n                  accept={{\n                    'text/csv': ['.csv'],\n                    'text/plain': ['.txt'],\n                    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n                      ['.xlsx'],\n                    'application/json': ['.json']\n                  }}\n                />\n              </div>\n            )}\n            <Form onSubmit={handleUpdateFileProperties}>\n              {formattedFileTypeProperties?.map((property) =>\n                property?.options ? (\n                  <Field\n                    component={AmbientAutoComplete}\n                    isMultiple={false}\n                    id={property.propertyName}\n                    name={property.propertyName}\n                    label={property.label}\n                    options={property.options}\n                    size='small'\n                    getOptionLabelFunction={getNameOptionLabel}\n                    required={property?.required}\n                  />\n                ) : (\n                  <Field\n                    component={AmbientTextField}\n                    isMultiple={false}\n                    id={property.propertyName}\n                    name={property.propertyName}\n                    label={property.label}\n                    size='small'\n                    getOptionLabelFunction={getNameOptionLabel}\n                    required={property?.required}\n                  />\n                )\n              )}\n              <FormButtons\n                style={{\n                  display: 'flex',\n                  float: 'right',\n                  marginRight: -16\n                }}\n              >\n                <SubmitButton\n                  variant='contained'\n                  color='secondary'\n                  disablePristine={false}\n                  disabled={!fileObject}\n                >\n                  Next\n                </SubmitButton>\n              </FormButtons>\n            </Form>\n          </>\n        )}\n        {activeStep === 1 && (\n          <>\n            <AmbientAutoComplete\n              isMultiple={false}\n              id={'domain'}\n              name={'domain'}\n              label='Domain'\n              onChange={(val) => setSelectedDomain(val)}\n              options={filterCatalogObjectList}\n              size='small'\n              getOptionLabelFunction={getNameFormattedOptionLabel}\n              value={selectedDomain}\n              required\n            />\n            <div\n              style={{ float: 'right', display: 'flex', gap: 8, marginTop: 8 }}\n            >\n              <FluentButton\n                variant='contained'\n                onClick={() => setActiveStep((prev) => prev - 1)}\n                disabled={activeStep === 0}\n              >\n                Prev\n              </FluentButton>\n              <FluentButton\n                variant='contained'\n                onClick={() => setActiveStep((prev) => prev + 1)}\n                color='secondary'\n                disabled={!selectedDomain}\n              >\n                Next\n              </FluentButton>\n            </div>\n          </>\n        )}\n        {activeStep === 2 && (\n          <>\n            <div\n              style={{\n                display: 'flex',\n                flexDirection: 'row',\n                justifyContent: 'space-between',\n                paddingTop: 20\n              }}\n            >\n              <Typography variant='caption'>\n                {showIndexNumbers ? \"Column index's\" : 'File Headers'}\n              </Typography>\n              <Typography variant='caption'>UDP Fields</Typography>\n            </div>\n            <Divider style={{ margin: '5px 0px' }} />\n            <Form\n              onSubmit={handleUpdateFieldMapping}\n              style={{ marginTop: -20 }}\n            >\n              {importHeaderData?.map((field, index) => (\n                <div style={{ height: 42 }}>\n                  <div\n                    style={{ display: 'flex', flexDirection: 'row', gap: 10 }}\n                  >\n                    <Typography style={{ marginTop: 25, width: '50%' }}>\n                      {showIndexNumbers ? 'index ' + index : field}\n                    </Typography>\n                    <FluentIcon\n                      style={{ marginTop: 28, width: '10%' }}\n                      component={ChromeBackMirroredIcon}\n                    />\n                    <Field\n                      style={{ height: 30 }}\n                      component={AmbientAutoComplete}\n                      isMultiple={false}\n                      id={`udpFieldMapping${index}`}\n                      name={`udpFieldMapping${index}`}\n                      options={selectedDomain?.objectFieldInfo}\n                      size='small'\n                      getOptionLabelFunction={getUdpFieldOptionLabel}\n                    />\n                  </div>\n                  <Divider style={{ margin: '5px 0px' }} />\n                </div>\n              ))}\n              <div style={{ paddingTop: 20, textAlign: 'right', color: 'red' }}>\n                {errorText}\n              </div>\n              <FormButtons\n                style={{\n                  display: 'flex',\n                  float: 'right',\n                  paddingTop: 16,\n                  marginRight: -16\n                }}\n              >\n                <FluentButton\n                  variant='contained'\n                  onClick={() => setActiveStep((prev) => prev - 1)}\n                  disabled={activeStep === 0}\n                >\n                  Prev\n                </FluentButton>\n                <SubmitButton\n                  variant='contained'\n                  color='secondary'\n                  disablePristine={false}\n                >\n                  Next\n                </SubmitButton>\n              </FormButtons>\n            </Form>\n          </>\n        )}\n        {activeStep === 3 && (\n          <Form onSubmit={handleCreateNewFieldMapping}>\n            <Field\n              component={AmbientTextField}\n              id={`name`}\n              name={`name`}\n              label='Mapping Name'\n              size='small'\n            />\n            <FormButtons\n              style={{\n                display: 'flex',\n                float: 'right',\n                marginRight: -16\n              }}\n            >\n              <FluentButton\n                variant='contained'\n                onClick={() => setActiveStep((prev) => prev - 1)}\n                disabled={activeStep === 0}\n              >\n                Prev\n              </FluentButton>\n              <SubmitButton\n                variant='contained'\n                color='secondary'\n                disablePristine={false}\n              >\n                {'Create Mapping'}\n              </SubmitButton>\n            </FormButtons>\n          </Form>\n        )}\n      </AmbientCard>\n      {fileImportMappingObject?.mapping &&<div style={{ marginTop: 10 }}>\n        <FileImportConfigCard\n          fileMappingRecord={{\n            mapping: fileImportMappingObject?.mapping,\n            properties: fileImportMappingObject?.properties\n          }}\n          domain={selectedDomain?.name.replace(/([A-Z])/g, ' $1').trim()}\n        />\n      </div>}\n    </>\n  );\n};\n\nexport default FileImportMappingWizard;\n","import React, { useState, useCallback, useEffect } from 'react';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { AmbientAutoComplete } from '../../UI/inputs/textField/AmbientAutoComplete';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { SideSheet } from '../../UI/surfaces/SideSheet';\nimport { DragDropFileUpload } from '../../uploader/DragDropFileUpload';\nimport FileImportMappingWizard from './FileImportMappingWizard';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { FileImportConfigCard } from './FileImportConfigCard';\nimport { ConfigService } from '../../configService';\n\nexport const ImportDataFromFileMapping = (props) => {\n  const {onImportSuccess, onImportFail, verifyRequiredFields = true} = props\n  const user = useUser();\n  const [selectedFileMapping, setSelectedFileMapping] = useState();\n  const [udpImportMappingData, setUdpImportMappingData] = useState();\n  const [newFileMappingSidesheetOpen, setNewFileMappingSidesheetOpen] =\n    useState(false);\n  const [fileObject, setFileObject] = useState();\n  const [isLoading, setIsLoading] = useState(false)\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const { data: udpFileImportMappingEntity } = usePromotedMethodEntity(\n    'UdpFileImportMapping',\n    true\n  );\n\n  const executeImportDataFromFile = useCallback(\n    async (data) =>\n      apiMutate(\n        ConfigService.productV1ApiUrl,\n        `${selectedFileMapping?.objectInfoSanitizedName}/fileImportMapping`,\n        {\n          method: 'post'\n        },\n        { data }\n      ),\n    [selectedFileMapping]\n  );\n\n  const searchFileImportMappingData = useCallback(async () => {\n    if (udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId) {\n      const res = await executeQueryAdHoc(\n        {\n          data: {\n            eagerLoad: true,\n            pageSize: 200,\n            filterElements: []\n          }\n        },\n        udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId\n      );\n      if (res?.data?.pageList.length > 0) {\n        setUdpImportMappingData(res?.data?.pageList);\n      }\n    }\n  }, [udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId]);\n\n  useEffect(() => {\n    searchFileImportMappingData();\n  }, [searchFileImportMappingData]);\n\n  const handleImportDataFromFile = useCallback(async () => {\n    setIsLoading(true)\n    const file = fileObject;\n    const blob = new Blob([file], { type: file.type });\n    const formData = new FormData();\n    formData.append('file', blob, file.name);\n    formData.append('tenantId', user?.currentTenantId);\n    formData.append('name', selectedFileMapping.name);\n    formData.append('objectInfoSanitizedName', selectedFileMapping.objectInfoSanitizedName);\n    formData.append('fileImportType', selectedFileMapping.fileImportType);\n    formData.append('mapping', selectedFileMapping.mapping);\n    formData.append('properties', selectedFileMapping.properties);\n    formData.append('id', selectedFileMapping.id);\n    const response = await executeImportDataFromFile(formData).catch((res) => {\n      setIsLoading(false)\n      handleErrorSnackbar(res);\n      onImportFail()\n    });\n    if (response?.status === 201) {\n      handleSuccessSnackbar('Imported Data');\n      setIsLoading(false)\n      onImportSuccess && onImportSuccess()\n    }\n\n  }, [\n    fileObject,\n    selectedFileMapping,\n    executeImportDataFromFile,\n    handleErrorSnackbar,\n    handleSuccessSnackbar,\n    user,\n    onImportSuccess,\n    onImportFail\n  ]);\n\n  const getFileMappingOptionlabel = (option) => {\n    return `${option.name} (${option?.udpFileImportMappingUdpFileImportType?.extension})`;\n  };\n\n  const handleAddFileToUpload = (fileObj) => {\n    setFileObject(fileObj[0]);\n  };\n\n  return (\n    <>\n      <AmbientCard fullWidth>\n        <div style={{ display: 'flex' }}>\n          <AmbientAutoComplete\n            isMultiple={false}\n            id={'fileMapping'}\n            name={'fileMapping'}\n            label='File Mapping'\n            onChange={(val) => setSelectedFileMapping(val)}\n            options={udpImportMappingData}\n            size='small'\n            getOptionLabelFunction={getFileMappingOptionlabel}\n            value={selectedFileMapping}\n            required\n            groupBy={(option) =>\n              option?.udpFileImportMappingUdpObjectInfo?.sanitizedName\n            }\n          />\n        </div>\n        {selectedFileMapping && (\n          <DragDropFileUpload\n            handleUploadFile={handleAddFileToUpload}\n            accept={{\n              'text/csv': ['.csv'],\n              'text/plain': ['.txt'],\n              'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n                ['.xlsx'],\n              'application/json': ['.json']\n            }}\n          />\n        )}\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: 5,\n            float: 'right',\n            marginTop: 10\n          }}\n        >\n          <FluentButton\n            onClick={() => setNewFileMappingSidesheetOpen(true)}\n            variant='outlined'\n          >\n            Create New Mapping\n          </FluentButton>\n          <FluentButton\n            variant='contained'\n            color='secondary'\n            onClick={handleImportDataFromFile}\n            progress={isLoading}\n            disabled={!fileObject}\n          >\n            Import Data\n          </FluentButton>\n        </div>\n        <SideSheet\n          title='Create New File Mapping'\n          open={newFileMappingSidesheetOpen}\n          onClose={() => setNewFileMappingSidesheetOpen(false)}\n          width={'60%'}\n        >\n          <FileImportMappingWizard\n            refetchMappings={searchFileImportMappingData}\n            setNewFileMappingSidesheetOpen={setNewFileMappingSidesheetOpen}\n            verifyRequiredFields={verifyRequiredFields}\n          />\n        </SideSheet>\n      </AmbientCard>\n      <div style={{ marginTop: 10 }}>\n        <FileImportConfigCard fileMappingRecord={selectedFileMapping} domain={selectedFileMapping?.udpFileImportMappingUdpObjectInfo?.sanitizedName.replace(/([A-Z])/g, ' $1').trim()}/>\n      </div>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/{LineAndSparklinesWidget-CWnA37yw.js → LineAndSparklinesWidget-CsbQ4V9K.js}

@@ -98,4 +98,4 @@ var LineAndSparklinesWidget_exports = /* @__PURE__ */ __export({
 
 //#endregion
 export { LineAndSparklinesWidget_default as n, layout as r, LineAndSparklinesWidget_exports as t };
-//# sourceMappingURL=LineAndSparklinesWidget-CWnA37yw.js.map
+//# sourceMappingURL=LineAndSparklinesWidget-CsbQ4V9K.js.map

package/dist/{LineAndSparklinesWidget-CWnA37yw.js.map → LineAndSparklinesWidget-CsbQ4V9K.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LineAndSparklinesWidget-CWnA37yw.js","names":["WidgetCard","FluentStatNumber"],"sources":["../src/UI/widgets/library/LineAndSparklinesWidget/LineAndSparklinesWidget.jsx","../src/UI/widgets/library/LineAndSparklinesWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport {\n  makeStyles,\n  Typography,\n  useTheme,\n  Divider,\n  Box\n} from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport { Sparklines, SparklinesLine } from 'react-sparklines'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatNumber from '../../FluentComponents/molecules/FluentStatNumber'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n  w: { default: 2, min: 0, max: 4 },\n  h: { default: 2, min: 0, max: 4 }\n}\n\n// export const params = {\n//   mode: {\n//     defaultValue: 'chart',\n//   },\n// };\n\nconst useStyles = makeStyles((theme) => ({\n  displayItems: {\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%'\n  },\n  visualCaption: {\n    marginTop: theme.spacing(-1)\n  },\n  lineGraph: {\n    width: '100%',\n    '& svg': { width: '100%' }\n  }\n}))\n\nconst LineAndSparklinesWidget = (props, ref) => {\n  const { children, params, setParam, ...other } = props\n  const { mockData, apiUrl, theme, dateRange } = params\n  const classes = useStyles()\n  const mainTheme = useTheme()\n\n  return (\n    <WidgetCard ref={ref} title={mockData?.title} theme={theme} {...other}>\n      {mockData ? (\n        <div>\n          {dateRange && (\n            <Typography gutterBottom variant='caption' component='h3'>\n              From: {convertISODate(dateRange.from)} to:{' '}\n              {convertISODate(dateRange.to)}\n            </Typography>\n          )}\n          <div className={classes.displayItems}>\n            <div>\n              <FluentStatNumber number={mockData?.value} trend='up' />\n            </div>\n            <div style={{ width: '100%' }}>\n              <Sparklines\n                data={mockData?.sparklinesData}\n                strokeWidth={1}\n                style={{ width: '100%', height: 45, marginTop: 10 }}\n              >\n                <SparklinesLine color={mainTheme.palette.secondary.main} />\n              </Sparklines>\n              <div className={classes.visualCaption}>\n                <div>\n                  <Divider />\n                </div>\n\n                <Typography variant='caption'>{mockData?.label}</Typography>\n              </div>\n            </div>\n          </div>\n\n          <Box clone flex={1} mt={1} overflow='hidden'>\n            <MuiVegaLite\n              variant='areaLineChart'\n              style={{\n                width: '100%'\n              }}\n              spec={{\n                $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n                height: 150,\n                data: { values: mockData?.data },\n                mark: 'area',\n                encoding: {\n                  x: {\n                    field: 'xAxis',\n                    type: mockData?.xAxisType\n                  },\n                  y: {\n                    aggregate: 'sum',\n                    field: 'yAxis',\n                    type: mockData?.yAxisType,\n                    scale: { domain: mockData?.domain || '' }\n                  }\n                }\n              }}\n              autoResize='true'\n              width='container'\n            />\n          </Box>\n          {children}\n        </div>\n      ) : (\n        <Typography variant='subtitle2'>\n          Could not retrieve widget data. Please contact support.\n        </Typography>\n      )}\n    </WidgetCard>\n  )\n}\n\nexport default forwardRef(LineAndSparklinesWidget)\n","export * from './LineAndSparklinesWidget';\nexport {default } from './LineAndSparklinesWidget';\n"],"mappings":";;;;;;;;;;AAcA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAQD,MAAM,YAAY,YAAY,WAAW;CACvC,cAAc;EACZ,SAAS;EACT,eAAe;EACf,OAAO;EACR;CACD,eAAe,EACb,WAAW,MAAM,QAAQ,GAAG,EAC7B;CACD,WAAW;EACT,OAAO;EACP,SAAS,EAAE,OAAO,QAAQ;EAC3B;CACF,EAAE;AAEH,MAAM,2BAA2B,OAAO,QAAQ;CAC9C,MAAM,EAAE,UAAU,QAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,OAAO,cAAc;CAC/C,MAAM,UAAU,WAAW;CAC3B,MAAM,YAAY,UAAU;AAE5B,QACE,oCAACA;EAAgB;EAAK,OAAO,UAAU;EAAc;EAAO,GAAI;IAC7D,WACC,oCAAC,aACE,aACC,oCAAC;EAAW;EAAa,SAAQ;EAAU,WAAU;IAAK,UACjD,eAAe,UAAU,KAAK,EAAC,QAAK,KAC1C,eAAe,UAAU,GAAG,CAClB,EAEf,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,aACC,oCAACC;EAAiB,QAAQ,UAAU;EAAO,OAAM;GAAO,CACpD,EACN,oCAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,IAC3B,oCAAC;EACC,MAAM,UAAU;EAChB,aAAa;EACb,OAAO;GAAE,OAAO;GAAQ,QAAQ;GAAI,WAAW;GAAI;IAEnD,oCAAC,kBAAe,OAAO,UAAU,QAAQ,UAAU,OAAQ,CAChD,EACb,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,aACC,oCAAC,cAAU,CACP,EAEN,oCAAC,cAAW,SAAQ,aAAW,UAAU,MAAmB,CACxD,CACF,CACF,EAEN,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,OAAO,EACL,OAAO,QACR;EACD,MAAM;GACJ,SAAS;GACT,QAAQ;GACR,MAAM,EAAE,QAAQ,UAAU,MAAM;GAChC,MAAM;GACN,UAAU;IACR,GAAG;KACD,OAAO;KACP,MAAM,UAAU;KACjB;IACD,GAAG;KACD,WAAW;KACX,OAAO;KACP,MAAM,UAAU;KAChB,OAAO,EAAE,QAAQ,UAAU,UAAU,IAAI;KAC1C;IACF;GACF;EACD,YAAW;EACX,OAAM;GACN,CACE,EACL,SACG,GAEN,oCAAC,cAAW,SAAQ,eAAY,0DAEnB,CAEJ;;AAIjB,sCAAe,WAAW,wBAAwB"}
+{"version":3,"file":"LineAndSparklinesWidget-CsbQ4V9K.js","names":["WidgetCard","FluentStatNumber"],"sources":["../src/UI/widgets/library/LineAndSparklinesWidget/LineAndSparklinesWidget.jsx","../src/UI/widgets/library/LineAndSparklinesWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport {\n  makeStyles,\n  Typography,\n  useTheme,\n  Divider,\n  Box\n} from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport { Sparklines, SparklinesLine } from 'react-sparklines'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatNumber from '../../FluentComponents/molecules/FluentStatNumber'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n  w: { default: 2, min: 0, max: 4 },\n  h: { default: 2, min: 0, max: 4 }\n}\n\n// export const params = {\n//   mode: {\n//     defaultValue: 'chart',\n//   },\n// };\n\nconst useStyles = makeStyles((theme) => ({\n  displayItems: {\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%'\n  },\n  visualCaption: {\n    marginTop: theme.spacing(-1)\n  },\n  lineGraph: {\n    width: '100%',\n    '& svg': { width: '100%' }\n  }\n}))\n\nconst LineAndSparklinesWidget = (props, ref) => {\n  const { children, params, setParam, ...other } = props\n  const { mockData, apiUrl, theme, dateRange } = params\n  const classes = useStyles()\n  const mainTheme = useTheme()\n\n  return (\n    <WidgetCard ref={ref} title={mockData?.title} theme={theme} {...other}>\n      {mockData ? (\n        <div>\n          {dateRange && (\n            <Typography gutterBottom variant='caption' component='h3'>\n              From: {convertISODate(dateRange.from)} to:{' '}\n              {convertISODate(dateRange.to)}\n            </Typography>\n          )}\n          <div className={classes.displayItems}>\n            <div>\n              <FluentStatNumber number={mockData?.value} trend='up' />\n            </div>\n            <div style={{ width: '100%' }}>\n              <Sparklines\n                data={mockData?.sparklinesData}\n                strokeWidth={1}\n                style={{ width: '100%', height: 45, marginTop: 10 }}\n              >\n                <SparklinesLine color={mainTheme.palette.secondary.main} />\n              </Sparklines>\n              <div className={classes.visualCaption}>\n                <div>\n                  <Divider />\n                </div>\n\n                <Typography variant='caption'>{mockData?.label}</Typography>\n              </div>\n            </div>\n          </div>\n\n          <Box clone flex={1} mt={1} overflow='hidden'>\n            <MuiVegaLite\n              variant='areaLineChart'\n              style={{\n                width: '100%'\n              }}\n              spec={{\n                $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n                height: 150,\n                data: { values: mockData?.data },\n                mark: 'area',\n                encoding: {\n                  x: {\n                    field: 'xAxis',\n                    type: mockData?.xAxisType\n                  },\n                  y: {\n                    aggregate: 'sum',\n                    field: 'yAxis',\n                    type: mockData?.yAxisType,\n                    scale: { domain: mockData?.domain || '' }\n                  }\n                }\n              }}\n              autoResize='true'\n              width='container'\n            />\n          </Box>\n          {children}\n        </div>\n      ) : (\n        <Typography variant='subtitle2'>\n          Could not retrieve widget data. Please contact support.\n        </Typography>\n      )}\n    </WidgetCard>\n  )\n}\n\nexport default forwardRef(LineAndSparklinesWidget)\n","export * from './LineAndSparklinesWidget';\nexport {default } from './LineAndSparklinesWidget';\n"],"mappings":";;;;;;;;;;AAcA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAQD,MAAM,YAAY,YAAY,WAAW;CACvC,cAAc;EACZ,SAAS;EACT,eAAe;EACf,OAAO;EACR;CACD,eAAe,EACb,WAAW,MAAM,QAAQ,GAAG,EAC7B;CACD,WAAW;EACT,OAAO;EACP,SAAS,EAAE,OAAO,QAAQ;EAC3B;CACF,EAAE;AAEH,MAAM,2BAA2B,OAAO,QAAQ;CAC9C,MAAM,EAAE,UAAU,QAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,OAAO,cAAc;CAC/C,MAAM,UAAU,WAAW;CAC3B,MAAM,YAAY,UAAU;AAE5B,QACE,oCAACA;EAAgB;EAAK,OAAO,UAAU;EAAc;EAAO,GAAI;IAC7D,WACC,oCAAC,aACE,aACC,oCAAC;EAAW;EAAa,SAAQ;EAAU,WAAU;IAAK,UACjD,eAAe,UAAU,KAAK,EAAC,QAAK,KAC1C,eAAe,UAAU,GAAG,CAClB,EAEf,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,aACC,oCAACC;EAAiB,QAAQ,UAAU;EAAO,OAAM;GAAO,CACpD,EACN,oCAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,IAC3B,oCAAC;EACC,MAAM,UAAU;EAChB,aAAa;EACb,OAAO;GAAE,OAAO;GAAQ,QAAQ;GAAI,WAAW;GAAI;IAEnD,oCAAC,kBAAe,OAAO,UAAU,QAAQ,UAAU,OAAQ,CAChD,EACb,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,aACC,oCAAC,cAAU,CACP,EAEN,oCAAC,cAAW,SAAQ,aAAW,UAAU,MAAmB,CACxD,CACF,CACF,EAEN,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,OAAO,EACL,OAAO,QACR;EACD,MAAM;GACJ,SAAS;GACT,QAAQ;GACR,MAAM,EAAE,QAAQ,UAAU,MAAM;GAChC,MAAM;GACN,UAAU;IACR,GAAG;KACD,OAAO;KACP,MAAM,UAAU;KACjB;IACD,GAAG;KACD,WAAW;KACX,OAAO;KACP,MAAM,UAAU;KAChB,OAAO,EAAE,QAAQ,UAAU,UAAU,IAAI;KAC1C;IACF;GACF;EACD,YAAW;EACX,OAAM;GACN,CACE,EACL,SACG,GAEN,oCAAC,cAAW,SAAQ,eAAY,0DAEnB,CAEJ;;AAIjB,sCAAe,WAAW,wBAAwB"}

package/dist/{LineGraphWidget-DOJF9RDB.js → LineGraphWidget-fMmDKCHt.js}

@@ -89,4 +89,4 @@ var LineGraphWidget_exports = /* @__PURE__ */ __export({
 
 //#endregion
 export { params as i, LineGraphWidget_default as n, layout as r, LineGraphWidget_exports as t };
-//# sourceMappingURL=LineGraphWidget-DOJF9RDB.js.map
+//# sourceMappingURL=LineGraphWidget-fMmDKCHt.js.map

package/dist/{LineGraphWidget-DOJF9RDB.js.map → LineGraphWidget-fMmDKCHt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LineGraphWidget-DOJF9RDB.js","names":["params","WidgetCard","FluentStatsSnippet"],"sources":["../src/UI/widgets/library/LineGraphWidget/LineGraphWidget.jsx","../src/UI/widgets/library/LineGraphWidget/index.ts"],"sourcesContent":["import React, { forwardRef, Fragment } from 'react'\nimport { Grid, Box, Typography } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n  w: { default: 2, min: 0, max: 4 },\n  h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n  mode: {\n    defaultValue: 'chart'\n  }\n}\n\nconst LineGraphWidget = (props, ref) => {\n  const { children, params, setParam, ...other } = props\n  const { mockData, apiUrl, theme, dateRange } = params\n\n  return (\n    <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n      {mockData ? (\n        <Fragment>\n          {dateRange && (\n            <Typography gutterBottom variant='caption' component='h3'>\n              From: {convertISODate(dateRange.from)} to:{' '}\n              {convertISODate(dateRange.to)}{' '}\n            </Typography>\n          )}\n          {mockData?.stats && (\n            <Grid container>\n              {mockData?.stats.map((stat) => (\n                <Grid item xs={3} key={stat.label}>\n                  <FluentStatsSnippet\n                    label={stat.label}\n                    amount={stat.currentValue}\n                    prevAmount={stat.previousValue}\n                  />\n                </Grid>\n              ))}\n            </Grid>\n          )}\n          <Box clone flex={1} mt={1} overflow='hidden'>\n            <MuiVegaLite\n              variant='lineChart'\n              color='secondary'\n              spec={{\n                $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n                description: mockData?.description,\n                data: {\n                  values: mockData?.data\n                },\n                mark: 'line',\n                encoding: {\n                  x: { field: 'xAxis', type: mockData?.xAxisType },\n                  y: {\n                    field: 'yAxis',\n                    type: mockData?.yAxisType\n                  },\n                  color: {\n                    field: 'label',\n                    type: 'nominal',\n                    legend: { direction: 'vertical', orient: 'right' }\n                  }\n                }\n              }}\n              width='container'\n              height='container'\n              autoResize='true'\n            />\n          </Box>\n          {children}\n        </Fragment>\n      ) : (\n        <Typography variant='subtitle2'>\n          Could not retrieve widget data. Please contact support.\n        </Typography>\n      )}\n    </WidgetCard>\n  )\n}\n\nexport default forwardRef(LineGraphWidget)\n","export * from './LineGraphWidget';\nexport {default} from './LineGraphWidget';\n"],"mappings":";;;;;;;;;AAOA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,EAAE,UAAU,kBAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,OAAO,cAAcA;AAE/C,QACE,oCAACC;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC7D,WACC,oCAAC,gBACE,aACC,oCAAC;EAAW;EAAa,SAAQ;EAAU,WAAU;IAAK,UACjD,eAAe,UAAU,KAAK,EAAC,QAAK,KAC1C,eAAe,UAAU,GAAG,EAAE,IACpB,EAEd,UAAU,SACT,oCAAC,QAAK,mBACH,UAAU,MAAM,KAAK,SACpB,oCAAC;EAAK;EAAK,IAAI;EAAG,KAAK,KAAK;IAC1B,oCAACC;EACC,OAAO,KAAK;EACZ,QAAQ,KAAK;EACb,YAAY,KAAK;GACjB,CACG,CACP,CACG,EAET,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,MAAM;GACJ,SAAS;GACT,aAAa,UAAU;GACvB,MAAM,EACJ,QAAQ,UAAU,MACnB;GACD,MAAM;GACN,UAAU;IACR,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IAChD,GAAG;KACD,OAAO;KACP,MAAM,UAAU;KACjB;IACD,OAAO;KACL,OAAO;KACP,MAAM;KACN,QAAQ;MAAE,WAAW;MAAY,QAAQ;MAAS;KACnD;IACF;GACF;EACD,OAAM;EACN,QAAO;EACP,YAAW;GACX,CACE,EACL,SACQ,GAEX,oCAAC,cAAW,SAAQ,eAAY,0DAEnB,CAEJ;;AAIjB,8BAAe,WAAW,gBAAgB"}
+{"version":3,"file":"LineGraphWidget-fMmDKCHt.js","names":["params","WidgetCard","FluentStatsSnippet"],"sources":["../src/UI/widgets/library/LineGraphWidget/LineGraphWidget.jsx","../src/UI/widgets/library/LineGraphWidget/index.ts"],"sourcesContent":["import React, { forwardRef, Fragment } from 'react'\nimport { Grid, Box, Typography } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n  w: { default: 2, min: 0, max: 4 },\n  h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n  mode: {\n    defaultValue: 'chart'\n  }\n}\n\nconst LineGraphWidget = (props, ref) => {\n  const { children, params, setParam, ...other } = props\n  const { mockData, apiUrl, theme, dateRange } = params\n\n  return (\n    <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n      {mockData ? (\n        <Fragment>\n          {dateRange && (\n            <Typography gutterBottom variant='caption' component='h3'>\n              From: {convertISODate(dateRange.from)} to:{' '}\n              {convertISODate(dateRange.to)}{' '}\n            </Typography>\n          )}\n          {mockData?.stats && (\n            <Grid container>\n              {mockData?.stats.map((stat) => (\n                <Grid item xs={3} key={stat.label}>\n                  <FluentStatsSnippet\n                    label={stat.label}\n                    amount={stat.currentValue}\n                    prevAmount={stat.previousValue}\n                  />\n                </Grid>\n              ))}\n            </Grid>\n          )}\n          <Box clone flex={1} mt={1} overflow='hidden'>\n            <MuiVegaLite\n              variant='lineChart'\n              color='secondary'\n              spec={{\n                $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n                description: mockData?.description,\n                data: {\n                  values: mockData?.data\n                },\n                mark: 'line',\n                encoding: {\n                  x: { field: 'xAxis', type: mockData?.xAxisType },\n                  y: {\n                    field: 'yAxis',\n                    type: mockData?.yAxisType\n                  },\n                  color: {\n                    field: 'label',\n                    type: 'nominal',\n                    legend: { direction: 'vertical', orient: 'right' }\n                  }\n                }\n              }}\n              width='container'\n              height='container'\n              autoResize='true'\n            />\n          </Box>\n          {children}\n        </Fragment>\n      ) : (\n        <Typography variant='subtitle2'>\n          Could not retrieve widget data. Please contact support.\n        </Typography>\n      )}\n    </WidgetCard>\n  )\n}\n\nexport default forwardRef(LineGraphWidget)\n","export * from './LineGraphWidget';\nexport {default} from './LineGraphWidget';\n"],"mappings":";;;;;;;;;AAOA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,EAAE,UAAU,kBAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,OAAO,cAAcA;AAE/C,QACE,oCAACC;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC7D,WACC,oCAAC,gBACE,aACC,oCAAC;EAAW;EAAa,SAAQ;EAAU,WAAU;IAAK,UACjD,eAAe,UAAU,KAAK,EAAC,QAAK,KAC1C,eAAe,UAAU,GAAG,EAAE,IACpB,EAEd,UAAU,SACT,oCAAC,QAAK,mBACH,UAAU,MAAM,KAAK,SACpB,oCAAC;EAAK;EAAK,IAAI;EAAG,KAAK,KAAK;IAC1B,oCAACC;EACC,OAAO,KAAK;EACZ,QAAQ,KAAK;EACb,YAAY,KAAK;GACjB,CACG,CACP,CACG,EAET,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,MAAM;GACJ,SAAS;GACT,aAAa,UAAU;GACvB,MAAM,EACJ,QAAQ,UAAU,MACnB;GACD,MAAM;GACN,UAAU;IACR,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IAChD,GAAG;KACD,OAAO;KACP,MAAM,UAAU;KACjB;IACD,OAAO;KACL,OAAO;KACP,MAAM;KACN,QAAQ;MAAE,WAAW;MAAY,QAAQ;MAAS;KACnD;IACF;GACF;EACD,OAAM;EACN,QAAO;EACP,YAAW;GACX,CACE,EACL,SACQ,GAEX,oCAAC,cAAW,SAAQ,eAAY,0DAEnB,CAEJ;;AAIjB,8BAAe,WAAW,gBAAgB"}

package/dist/MenuPage-NcImSCbx.js

@@ -0,0 +1,3 @@
+import { t as MenuPage_default } from "./MenuPage-l6jiWcbB.js";
+
+export { MenuPage_default as default };