impact-ui 4.0.14 → 4.0.15-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/README.md +3 -1
  2. package/dist/_virtual/index4.js +4 -2
  3. package/dist/_virtual/index5.js +3 -3
  4. package/dist/_virtual/index6.js +2 -4
  5. package/dist/components/Chart/ChartSkeleton.d.ts +4 -1
  6. package/dist/components/Chart/ChartSkeleton.d.ts.map +1 -1
  7. package/dist/components/Chart/ChartSkeleton.js +994 -29
  8. package/dist/components/Chart/index.d.ts +2 -1
  9. package/dist/components/Chart/index.d.ts.map +1 -1
  10. package/dist/components/Chart/index.js +16 -6
  11. package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts +39 -16
  12. package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts.map +1 -1
  13. package/dist/components/CreateItemFlow/index.d.ts +2 -1
  14. package/dist/components/CreateItemFlow/index.d.ts.map +1 -1
  15. package/dist/components/CreateItemFlow/index.js +116 -66
  16. package/dist/components/DatePicker/datePickerDropdown.d.ts.map +1 -1
  17. package/dist/components/DatePicker/datePickerDropdown.js +3 -0
  18. package/dist/components/DatePicker/datePickerFooter.d.ts +3 -1
  19. package/dist/components/DatePicker/datePickerFooter.d.ts.map +1 -1
  20. package/dist/components/DatePicker/datePickerFooter.js +24 -2
  21. package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts +1 -1
  22. package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts.map +1 -1
  23. package/dist/components/DateRangePicker/dateRangePickerDropdown.js +35 -12
  24. package/dist/components/DateRangePicker/dateRangePickerFooter.d.ts +1 -1
  25. package/dist/components/DateRangePicker/dateRangePickerFooter.d.ts.map +1 -1
  26. package/dist/components/DateRangePicker/dateRangePickerFooter.js +5 -3
  27. package/dist/components/DateRangePicker/index.d.ts.map +1 -1
  28. package/dist/components/DateRangePicker/index.js +2 -0
  29. package/dist/components/DynamicLayout/index.d.ts +9 -12
  30. package/dist/components/DynamicLayout/index.d.ts.map +1 -1
  31. package/dist/components/DynamicLayout/index.js +37 -34
  32. package/dist/components/Header/index.js +2 -2
  33. package/dist/components/HomePage/index.d.ts.map +1 -1
  34. package/dist/components/HomePage/index.js +5 -7
  35. package/dist/components/Input/index.d.ts.map +1 -1
  36. package/dist/components/Input/index.js +3 -2
  37. package/dist/components/NewCreateItemFlow/NewCreateItemFlow.types.d.ts +21 -0
  38. package/dist/components/NewCreateItemFlow/NewCreateItemFlow.types.d.ts.map +1 -0
  39. package/dist/components/NewCreateItemFlow/index.d.ts +5 -0
  40. package/dist/components/NewCreateItemFlow/index.d.ts.map +1 -0
  41. package/dist/components/NewCreateItemFlow/index.js +93 -0
  42. package/dist/components/NewDynamicLayout/NewDynamicLayout.types.d.ts +26 -0
  43. package/dist/components/NewDynamicLayout/NewDynamicLayout.types.d.ts.map +1 -0
  44. package/dist/components/NewDynamicLayout/index.d.ts +15 -0
  45. package/dist/components/NewDynamicLayout/index.d.ts.map +1 -0
  46. package/dist/components/NewDynamicLayout/index.js +45 -0
  47. package/dist/components/Notification/Notification.types.d.ts +2 -1
  48. package/dist/components/Notification/Notification.types.d.ts.map +1 -1
  49. package/dist/components/Notification/NotificationBody/NotificationBody.types.d.ts +2 -1
  50. package/dist/components/Notification/NotificationBody/NotificationBody.types.d.ts.map +1 -1
  51. package/dist/components/Notification/NotificationBody/NotificationPanelContent.d.ts +1 -1
  52. package/dist/components/Notification/NotificationBody/NotificationPanelContent.d.ts.map +1 -1
  53. package/dist/components/Notification/NotificationBody/NotificationPanelContent.js +2 -0
  54. package/dist/components/Notification/NotificationBody/NotificationTaskList.d.ts +2 -1
  55. package/dist/components/Notification/NotificationBody/NotificationTaskList.d.ts.map +1 -1
  56. package/dist/components/Notification/NotificationBody/NotificationTaskList.js +32 -13
  57. package/dist/components/Notification/index.d.ts +1 -1
  58. package/dist/components/Notification/index.d.ts.map +1 -1
  59. package/dist/components/Notification/index.js +2 -0
  60. package/dist/components/Table/AgGridHeader.d.ts.map +1 -1
  61. package/dist/components/Table/AgGridHeader.js +3 -1
  62. package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js +1 -1
  63. package/dist/components/Table/filterUtils.d.ts +13 -0
  64. package/dist/components/Table/filterUtils.d.ts.map +1 -1
  65. package/dist/components/Table/filterUtils.js +18 -9
  66. package/dist/components/Table/tableMoreOptions.js +12 -12
  67. package/dist/components/index.d.ts +5 -1
  68. package/dist/components/index.d.ts.map +1 -1
  69. package/dist/components/index.js +4 -0
  70. package/dist/i18n/I18nContext.d.ts.map +1 -1
  71. package/dist/i18n/I18nContext.js +1 -0
  72. package/dist/locales/en-US.json.d.ts +1 -1
  73. package/dist/locales/en-US.json.js +1 -1
  74. package/dist/locales/es-ES.json.d.ts +666 -0
  75. package/dist/locales/es-ES.json.js +599 -0
  76. package/dist/locales/index.d.ts.map +1 -1
  77. package/dist/locales/index.js +11 -3
  78. package/dist/mcp-component-registry.json +114 -61
  79. package/dist/node_modules/@impactsmartsuite/impact-icons/dist/index.js +258 -158
  80. package/dist/node_modules/@mui/system/colorManipulator.js +2 -2
  81. package/dist/node_modules/moment/dist/locale/es.js +98 -0
  82. package/dist/node_modules/prop-types/node_modules/react-is/index.js +1 -1
  83. package/dist/stories/LocaleDictionaryCollapse.d.ts.map +1 -1
  84. package/package.json +2 -2
package/dist/components/Chart/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitle, seriesData, graphTitle, stackedColumn, is3D, showSubTitle, onChartDownload, fallbackContent, topRightOptions, showSwitchButton, showChartTypeDropdown, showDownloadButton, chartTypesOptions, selectedChart, chartMenuProps, showScrollX, topLeftOptions, cardContainer, subtitleText, legendXPosition, legendYPosition, xAxisTitlePositionY, customTooltipFormatter, sharedTooltip, showchart, setShowChart, plotOptionsEvents, customSystemButton, handleChartExpand, chartMarginBottom, showHeader, height, width, showExpandButton, showDownloadMenu, showBuiltInDownloadOptions, downloadMenuOptions, customLegend, customLegendStyle, yAxisTitleRight, chartOptions, titleOptions, xAxisOptions, yAxisOptions, yAxisLeftOptions, yAxisRightOptions, zAxisOptions, tooltipOptions, plotOptionsOptions, subtitleOptions, creditsOptions, legendOptions, colorAxisOptions, seriesOptions, additionalOptions, hoveredXAxisIndex, exportingOptions, aboveChartComponent, isEmpty, isLoading, shimmerDirection, topSubHeader, }: {
2
+ export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitle, seriesData, graphTitle, stackedColumn, is3D, showSubTitle, onChartDownload, fallbackContent, topRightOptions, showSwitchButton, showChartTypeDropdown, showDownloadButton, chartTypesOptions, selectedChart, chartMenuProps, showScrollX, topLeftOptions, cardContainer, subtitleText, legendXPosition, legendYPosition, xAxisTitlePositionY, customTooltipFormatter, sharedTooltip, showchart, setShowChart, plotOptionsEvents, customSystemButton, handleChartExpand, chartMarginBottom, showHeader, height, width, showExpandButton, showDownloadMenu, showBuiltInDownloadOptions, downloadMenuOptions, customLegend, customLegendStyle, yAxisTitleRight, chartOptions, titleOptions, xAxisOptions, yAxisOptions, yAxisLeftOptions, yAxisRightOptions, zAxisOptions, tooltipOptions, plotOptionsOptions, subtitleOptions, creditsOptions, legendOptions, colorAxisOptions, seriesOptions, additionalOptions, hoveredXAxisIndex, exportingOptions, aboveChartComponent, isEmpty, isLoading, shimmerDirection, topSubHeader, denseSkeleton, }: {
3
3
  graphType?: string | undefined;
4
4
  xAxisCategories: any;
5
5
  xAxisTitle: any;
@@ -65,5 +65,6 @@ export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitl
65
65
  isLoading?: boolean | undefined;
66
66
  shimmerDirection?: string | undefined;
67
67
  topSubHeader?: null | undefined;
68
+ denseSkeleton?: boolean | undefined;
68
69
  }) => import("react/jsx-runtime").JSX.Element;
69
70
  //# sourceMappingURL=index.d.ts.map
package/dist/components/Chart/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAQA,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;AAUrD,OAAO,qBAAqB,CAAC;AAoC7B,eAAO,MAAM,KAAK,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkErB,4CAuoBA,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAQA,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;AAUrD,OAAO,qBAAqB,CAAC;AAoC7B,eAAO,MAAM,KAAK,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmErB,4CAypBA,CAAC"}
package/dist/components/Chart/index.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chart-container{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:24px;height:100%;padding:12px 12px 0;position:relative;transform-origin:center center;transition:all .25s ease}.chart-container.above-chart-component{gap:16px}.chart-container.card-container{box-shadow:0 0 4px #0000001f}.chart-container.fullscreen-animating{animation:expandAnim .2s ease forwards}.chart-container.fullscreen-animating-out{animation:collapseAnim .2s ease forwards}.chart-container.expanded{padding:24px}.chart-container .chart-container-header{align-items:center;display:flex;justify-content:space-between}.chart-container .chart-container-header .chart-container-header-title{align-items:center;display:flex;gap:6px}.chart-container .chart-container-header .chart-container-header-title .chart-container-header-title-text{color:#0d152c;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.chart-container .chart-container-header .chart-container-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.chart-container .divider-line{background:#d9dde7;height:16px;width:1px}.chart-custom-actions{align-items:center;display:flex;gap:12px}.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{color:#60697d!important;font-family:Manrope,sans-serif;font-size:12px!important;font-weight:500}.highcharts-xaxis .highcharts-axis-title,.highcharts-yaxis .highcharts-axis-title{color:#60697d!important;font-family:Manrope,sans-serif;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px}.tooltip-key{font-size:12px;font-weight:500;line-height:16px}.tooltip-value{font-size:14px;font-weight:600;line-height:24px}.highcharts-text-outline{stroke-width:0px}.chart-empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.chart-empty-state span{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center}.chart-skeleton{box-sizing:border-box;display:flex;flex-direction:column;height:300px;min-height:160px;padding:8px 4px 16px;width:100%}.chart-skeleton .chart-skeleton-plot{display:flex;flex:1;height:100%;min-height:0;width:100%}.chart-skeleton .chart-skeleton-plot-inner{display:flex;flex:1;flex-direction:column;gap:4px;min-height:0;min-width:0}.chart-skeleton .chart-skeleton-axis{flex-shrink:0}.chart-skeleton .chart-skeleton-axis--y{align-self:stretch;height:100%;width:2px}.chart-skeleton .chart-skeleton-axis--x{height:2px;width:100%}.chart-skeleton .chart-skeleton-bars{display:flex;flex:1;min-height:0;min-width:0}.chart-skeleton .chart-skeleton-bar{border-radius:999px}.chart-skeleton .chart-skeleton-legend-item{border-radius:999px;height:10px}.chart-skeleton .chart-skeleton-plot--column{align-items:stretch;flex-direction:row;gap:8px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:8px;justify-content:space-around;padding:0 8px 0 4px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bar--column{flex:1;max-width:36px;min-width:12px}.chart-skeleton .chart-skeleton-plot--bar{align-items:stretch;flex-direction:row;gap:8px}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bars{flex-direction:column;gap:10px;justify-content:space-around;padding:4px 0 0 4px}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bar--bar{border-radius:999px;height:14px;max-width:100%;min-width:40px}.chart-skeleton .chart-skeleton-plot--line{align-items:stretch;flex-direction:row;gap:8px}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-bars{flex-direction:column;gap:18px;justify-content:space-evenly;padding:12px 8px 8px 4px}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-bar--line{align-self:flex-start;border-radius:999px;height:14px;max-width:100%;min-width:48px}.chart-skeleton .chart-skeleton-plot--circular{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-circle{border-radius:50%;flex-shrink:0;height:180px;width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut{border-radius:50%;flex-shrink:0;height:180px;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut--semi{border-radius:180px 180px 0 0;height:90px;-webkit-mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px))}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@keyframes expandAnim{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes collapseAnim{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chart-container{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:24px;height:100%;padding:12px 12px 0;position:relative;transform-origin:center center;transition:all .25s ease}.chart-container.above-chart-component{gap:16px}.chart-container.card-container{box-shadow:0 0 4px #0000001f}.chart-container.fullscreen-animating{animation:expandAnim .2s ease forwards}.chart-container.fullscreen-animating-out{animation:collapseAnim .2s ease forwards}.chart-container.expanded{padding:24px}.chart-container .chart-container-header{align-items:center;display:flex;justify-content:space-between}.chart-container .chart-container-header .chart-container-header-title{align-items:center;display:flex;gap:6px}.chart-container .chart-container-header .chart-container-header-title .chart-container-header-title-text{color:#0d152c;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.chart-container .chart-container-header .chart-container-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.chart-container .divider-line{background:#d9dde7;height:16px;width:1px}.chart-custom-actions{align-items:center;display:flex;gap:12px}.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{color:#60697d!important;font-family:Manrope,sans-serif;font-size:12px!important;font-weight:500}.highcharts-xaxis .highcharts-axis-title,.highcharts-yaxis .highcharts-axis-title{color:#60697d!important;font-family:Manrope,sans-serif;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px}.tooltip-key{font-size:12px;font-weight:500;line-height:16px}.tooltip-value{font-size:14px;font-weight:600;line-height:24px}.highcharts-text-outline{stroke-width:0px}.chart-empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.chart-empty-state span{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center}.chart-skeleton{box-sizing:border-box;display:flex;flex-direction:column;height:300px;min-height:160px;padding:8px 4px 16px;width:100%}.chart-skeleton .chart-skeleton-plot{display:flex;flex:1;height:100%;min-height:0;width:100%}.chart-skeleton .chart-skeleton-plot-inner{display:flex;flex:1;flex-direction:column;gap:0;min-height:0;min-width:0;padding:8px 8px 8px 12px;position:relative}.chart-skeleton .chart-skeleton-axis--x{bottom:0;left:-2px;position:absolute;right:8px}.chart-skeleton .chart-skeleton-axis{flex-shrink:0}.chart-skeleton .chart-skeleton-axis--y{align-self:stretch;height:100%;width:2px}.chart-skeleton .chart-skeleton-axis--x{height:2px;width:100%}.chart-skeleton .chart-skeleton-bars{display:flex;flex:1;min-height:0;min-width:0}.chart-skeleton .chart-skeleton-bar{border-radius:999px}.chart-skeleton .chart-skeleton-legend-item{border-radius:999px;height:10px}.chart-skeleton .chart-skeleton-plot--column{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:8px;justify-content:space-around;padding:0 8px 4px;position:relative}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bar--column{flex:1;max-width:36px;min-width:12px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-dual-line{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-dual-line-path{opacity:.85}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-axis--y-right{margin-left:-2px}.chart-skeleton .chart-skeleton-plot--column-dense{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:3px;justify-content:space-between;padding:0 4px;position:relative}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-bar--column-dense{border-radius:2px;flex:1;max-width:14px;min-width:4px}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-dual-line{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-dual-line-path{opacity:.85}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-axis--y-right{margin-left:8px}.chart-skeleton .chart-skeleton-area-spline{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-wave{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill{fill:url(#area-shimmer-gradient)}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill--1{opacity:.85}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill--2{opacity:.65}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-shimmer-defs{height:0;position:absolute;width:0}.chart-skeleton .chart-skeleton-plot--heatmap{align-items:stretch;flex-direction:row}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap{display:flex;flex:1;gap:8px;min-height:0;min-width:0;padding:0 8px 4px}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap-col{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap-cell{flex:1;min-height:0}.chart-skeleton .chart-skeleton-plot--treemap{display:flex;flex-direction:row;gap:4px;padding:0}.chart-skeleton .chart-skeleton-treemap-left{display:flex;flex:0 0 35%}.chart-skeleton .chart-skeleton-treemap-right{display:flex;flex:1;flex-direction:column;gap:4px}.chart-skeleton .chart-skeleton-treemap-top{display:flex;flex:1;flex-direction:row;gap:4px}.chart-skeleton .chart-skeleton-treemap-bottom{display:flex;flex:0 0 22%}.chart-skeleton .chart-skeleton-candles{align-items:stretch;display:flex;flex:1;flex-direction:row;gap:8px;justify-content:space-around;min-height:0;padding:0 16px}.chart-skeleton .chart-skeleton-candle{flex:1;max-width:40px;min-width:20px;position:relative}.chart-skeleton .chart-skeleton-plot--scatter{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dots{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot{animation:shimmer 1.6s linear infinite;background:linear-gradient(90deg,#e8edf5,#d5dbe8 40%,#eceef4 60%,#e8edf5);background-size:200% 100%;height:8px;opacity:.85;position:absolute;transform:translate(-50%,-50%);width:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--circle{border-radius:50%}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--square{border-radius:0}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--triangle{animation:none;background:#0000;border-bottom:8px solid #e8edf5;border-left:4px solid #e8edf5;border-right:4px solid #e8edf5;height:0;width:0}.chart-skeleton .chart-skeleton-plot--scatter3d{align-items:center;display:flex;justify-content:center;padding:12px}.chart-skeleton .chart-skeleton-plot--scatter3d .chart-skeleton-scatter3d{height:100%;max-height:100%;width:100%}.chart-skeleton .chart-skeleton-bubble-area{flex:1;min-height:0;min-width:0;position:relative}.chart-skeleton .chart-skeleton-bubble-area .chart-skeleton-bubble{border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:flex-end;max-width:48px;min-width:16px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop .chart-skeleton-lollipop-head{border-radius:50%;flex-shrink:0;height:12px;width:12px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop .chart-skeleton-lollipop-stem{flex-shrink:1;min-height:4px;width:2px}.chart-skeleton .chart-skeleton-plot--bar{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bars{flex-direction:column;gap:10px;justify-content:space-around;padding:4px 0 0 4px}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bar--bar{border-radius:999px;height:14px;max-width:100%;min-width:40px}.chart-skeleton .chart-skeleton-plot--line{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-wave{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-path--1{opacity:.85}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-path--2{opacity:.65}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-dots{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-dot{background:#e8edf5;border-radius:50%;height:8px;opacity:.85;position:absolute;transform:translate(-50%,-50%);width:8px}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-shimmer-defs{height:0;position:absolute;width:0}.chart-skeleton .chart-skeleton-plot--circular{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-circle{border-radius:50%;flex-shrink:0;height:180px;width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut{border-radius:50%;flex-shrink:0;height:180px;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut--semi{border-radius:180px 180px 0 0;height:90px;-webkit-mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px))}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.chart-skeleton .chart-skeleton-plot--venn{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circles{align-items:center;display:flex;height:160px;justify-content:center;position:relative;width:220px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle{border-radius:50%;opacity:.85;position:absolute}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle--left{left:30px;top:10px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle--right{right:-9px;top:9px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@keyframes expandAnim{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes collapseAnim{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
2
2
  import { jsx, Fragment, jsxs } from "react/jsx-runtime";
3
3
  import React__default, { useState, useRef, useEffect, useMemo } from "react";
4
4
  import Highcharts from "highcharts/esm/highcharts.js";
@@ -104,7 +104,8 @@ const Chart = ({
104
104
  isEmpty = false,
105
105
  isLoading = false,
106
106
  shimmerDirection = "auto",
107
- topSubHeader = null
107
+ topSubHeader = null,
108
+ denseSkeleton = false
108
109
  }) => {
109
110
  var _a;
110
111
  const { t } = useTranslation();
@@ -237,10 +238,15 @@ const Chart = ({
237
238
  return fallback;
238
239
  }
239
240
  }
241
+ const showRightYAxis = useMemo(() => {
242
+ if (yAxisTitleRight || Object.keys(yAxisRightOptions || {}).length > 0) return true;
243
+ const series = seriesOptions ?? seriesData;
244
+ return Array.isArray(series) && series.some((item) => typeof (item == null ? void 0 : item.yAxis) === "number" && item.yAxis > 0);
245
+ }, [yAxisTitleRight, yAxisRightOptions, seriesOptions, seriesData]);
240
246
  const graphData = useMemo(
241
247
  () => ({
242
248
  chart: {
243
- type: graphType,
249
+ type: graphType === "lollipop" ? "line" : graphType,
244
250
  scrollablePlotArea: {
245
251
  minWidth: showScrollX ? (xAxisCategories == null ? void 0 : xAxisCategories.length) * 80 : void 0,
246
252
  opacity: 1,
@@ -311,10 +317,10 @@ const Chart = ({
311
317
  ...yAxisOptions || {},
312
318
  ...yAxisLeftOptions || {}
313
319
  },
314
- ...yAxisTitleRight ? [
320
+ ...showRightYAxis ? [
315
321
  {
316
322
  title: {
317
- text: yAxisTitleRight,
323
+ text: yAxisTitleRight ?? null,
318
324
  x: 12,
319
325
  align: "middle",
320
326
  margin: 16
@@ -496,6 +502,8 @@ const Chart = ({
496
502
  yAxisOptions,
497
503
  yAxisLeftOptions,
498
504
  yAxisRightOptions,
505
+ yAxisTitleRight,
506
+ showRightYAxis,
499
507
  zAxisOptions,
500
508
  tooltipOptions,
501
509
  plotOptionsOptions,
@@ -615,7 +623,9 @@ const Chart = ({
615
623
  isLoading ? /* @__PURE__ */ jsx(
616
624
  ChartSkeleton,
617
625
  {
626
+ dense: denseSkeleton,
618
627
  graphType,
628
+ hasDualAxis: showRightYAxis,
619
629
  height,
620
630
  shimmerDirection
621
631
  }
@@ -631,7 +641,7 @@ const Chart = ({
631
641
  },
632
642
  safeStringify(graphData, "graph") + isExpanded
633
643
  ),
634
- customLegend && /* @__PURE__ */ jsx(
644
+ !isLoading && customLegend && /* @__PURE__ */ jsx(
635
645
  "div",
636
646
  {
637
647
  className: "chart-custom-legend",
package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts CHANGED
@@ -1,21 +1,44 @@
1
- import { ReactNode, CSSProperties, Ref } from 'react';
2
- import { ButtonProps } from '../Button/Button.types';
1
+ import { ReactNode } from 'react';
2
+ import { BaseComponentProps } from '../../types';
3
+ import { InjectedLayoutProps } from '../DynamicLayout';
4
+ import { StepperStep } from '../Stepper/Stepper.types';
3
5
 
4
- export interface CreateItemFlowProps {
6
+ export interface CreateItemFlowProps extends BaseComponentProps {
7
+ /** Current step (1-based) */
8
+ step?: number;
9
+ totalSteps?: number;
10
+ /** Width of the left panel (e.g. "375px") */
5
11
  leftPanelWidth?: string | number;
6
- leftPanelContent?: ReactNode;
7
- leftPanelImage?: ReactNode;
8
- rightContent?: ReactNode;
9
- title?: string;
10
- description?: string;
11
- prevButtonProps?: Partial<ButtonProps>;
12
- extraButtonProp?: ReactNode;
13
- nextButtonProps?: Partial<ButtonProps>;
14
- customCSS?: CSSProperties;
15
- className?: string;
12
+ /** Headings for each step section in the right content */
13
+ headings?: string[];
14
+ /** One React node per step (matched with headings by index) */
15
+ children?: ReactNode | ReactNode[];
16
+ onCancel?: () => void;
17
+ onNext?: () => void;
18
+ onPrev?: () => void;
19
+ onStepClick?: (step: number) => void;
20
+ /** Stepper variant: default (MUI) or progress */
21
+ stepperVariant?: 'default' | 'progress' | 'mui';
22
+ leftPanelTitle?: string;
23
+ leftPanelDescription?: string;
24
+ /** Custom left panel image (overrides default) */
25
+ leftPanelImage?: ReactNode | null;
26
+ /** Custom actions (overrides default Prev/Next buttons) */
27
+ actionsChildren?: ReactNode | null;
28
+ showStepper?: boolean;
16
29
  }
17
- export interface RightContentPanelProps {
18
- contentRef?: Ref<HTMLDivElement>;
19
- children?: ReactNode;
30
+ export interface RightContentPanelProps extends Partial<InjectedLayoutProps> {
31
+ showStepper: boolean;
32
+ steps: StepperStep[];
33
+ step: number;
34
+ stepperVariant: 'default' | 'progress' | 'mui';
35
+ onStepClick?: (step: number) => void;
36
+ headings: string[];
37
+ children?: ReactNode | ReactNode[];
38
+ actionsChildren?: ReactNode | null;
39
+ onCancel?: () => void;
40
+ onPrev?: () => void;
41
+ onNext?: () => void;
42
+ totalSteps: number;
20
43
  }
21
44
  //# sourceMappingURL=CreateItemFlow.types.d.ts.map
package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CreateItemFlow.types.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/CreateItemFlow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
1
+ {"version":3,"file":"CreateItemFlow.types.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/CreateItemFlow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;IAC7D,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iDAAiD;IACjD,cAAc,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kDAAkD;IAClD,cAAc,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAClC,2DAA2D;IAC3D,eAAe,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,sBAAuB,SAAQ,OAAO,CAAC,mBAAmB,CAAC;IAC1E,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB"}
package/dist/components/CreateItemFlow/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  import { CreateItemFlowProps } from './CreateItemFlow.types';
3
3
 
4
- export declare const CreateItemFlow: React.MemoExoticComponent<({ leftPanelWidth, leftPanelContent, leftPanelImage, rightContent, title, description, prevButtonProps, extraButtonProp, nextButtonProps, customCSS, className, }: CreateItemFlowProps) => import("react/jsx-runtime").JSX.Element>;
4
+ export type { CreateItemFlowProps } from './CreateItemFlow.types';
5
+ export declare const CreateItemFlow: React.NamedExoticComponent<CreateItemFlowProps>;
5
6
  //# sourceMappingURL=index.d.ts.map
package/dist/components/CreateItemFlow/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAOpC,OAAO,EAAE,KAAK,mBAAmB,EAA+B,MAAM,wBAAwB,CAAC;AAC/F,OAAO,8BAA8B,CAAC;AAgGtC,eAAO,MAAM,cAAc,+LAnDxB,mBAAmB,6CAmDqC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAM7C,OAAO,KAAK,EAAE,mBAAmB,EAA0B,MAAM,wBAAwB,CAAC;AAC1F,OAAO,8BAA8B,CAAC;AAItC,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAuFlE,eAAO,MAAM,cAAc,iDA+DzB,CAAC"}
package/dist/components/CreateItemFlow/index.js CHANGED
@@ -1,19 +1,25 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.content-wrapper{flex:1;min-height:100%}.form-section{width:100%}.form-section .form-section-title{color:#0d152c;font-size:16px;font-weight:600;margin-bottom:12px}.form-section .form-filter-block{background:#f7f9fd;border-radius:8px;margin-top:20px;padding:12px}.form-section .form-filter-block .form-filter-title{color:#0d152c;font-size:14px;font-weight:600;margin-bottom:16px}.form-section .form-filter-block .form-filter-fields{display:flex;flex-wrap:wrap;gap:24px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import React__default, { memo } from "react";
4
- import default_1 from "../../node_modules/@mui/icons-material/ChevronLeft.js";
5
- import default_1$1 from "../../node_modules/@mui/icons-material/ChevronRight.js";
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".field .field-label{color:#666;font-size:14px;margin-bottom:8px}.form-section .field{margin-bottom:24px}.form-section .field:last-child{margin-bottom:0}.left-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.left-panel-content .left-panel-title h1{margin-bottom:16px}.right-content .ia-stepper.progress .progress-steps{margin-bottom:32px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
2
+ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
+ import React__default, { memo, useMemo } from "react";
6
4
  import { getAssetUrl } from "../../utils/assetBase.js";
7
5
  import { Button } from "../Button/index.js";
8
6
  import { DynamicLayout } from "../DynamicLayout/index.js";
7
+ import { Stepper } from "../Stepper/index.js";
9
8
 
10
9
  import { useTranslation } from "../../i18n/useTranslation.js";
11
- const createFlowImage = getAssetUrl("icons/create-item-flow-img.webp");
12
- const LeftPanelContent = ({ leftPanelContent, leftPanelImage }) => {
10
+ const createFlowImage = getAssetUrl("icons/createFlowImage.svg");
11
+ function LeftPanelContent({
12
+ leftPanelTitle,
13
+ leftPanelDescription,
14
+ leftPanelImage
15
+ }) {
13
16
  const { t } = useTranslation();
14
17
  return /* @__PURE__ */ jsxs("div", { className: "left-panel-content", children: [
15
- leftPanelContent,
16
- leftPanelImage ? leftPanelImage : /* @__PURE__ */ jsx(
18
+ /* @__PURE__ */ jsxs("div", { className: "left-panel-title", children: [
19
+ /* @__PURE__ */ jsx("h1", { children: leftPanelTitle }),
20
+ /* @__PURE__ */ jsx("p", { children: leftPanelDescription })
21
+ ] }),
22
+ leftPanelImage ?? /* @__PURE__ */ jsx(
17
23
  "img",
18
24
  {
19
25
  alt: t("createItemFlow.imageAlt"),
@@ -22,72 +28,116 @@ const LeftPanelContent = ({ leftPanelContent, leftPanelImage }) => {
22
28
  }
23
29
  )
24
30
  ] });
25
- };
26
- const RightContentPanel = ({ contentRef, children }) => /* @__PURE__ */ jsx("div", { ref: contentRef, className: "content-wrapper", children });
27
- const CreateItemFlowComponent = ({
31
+ }
32
+ function RightContentPanel({
33
+ showStepper,
34
+ steps,
35
+ step,
36
+ stepperVariant,
37
+ onStepClick,
38
+ headings,
39
+ children,
40
+ contentRef,
41
+ hasScroll,
42
+ actionsChildren,
43
+ onCancel,
44
+ onPrev,
45
+ onNext,
46
+ totalSteps
47
+ }) {
48
+ const { t } = useTranslation();
49
+ const childArray = React__default.Children.toArray(children ?? []);
50
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
51
+ showStepper && /* @__PURE__ */ jsx(
52
+ Stepper,
53
+ {
54
+ activeStep: step - 1,
55
+ handleStep: (index) => onStepClick == null ? void 0 : onStepClick(index + 1),
56
+ orientation: "horizontal",
57
+ steps,
58
+ variant: stepperVariant
59
+ }
60
+ ),
61
+ /* @__PURE__ */ jsx(
62
+ "div",
63
+ {
64
+ ref: contentRef,
65
+ className: `content-wrapper ${hasScroll === false ? "no-scroll" : ""}`,
66
+ children: headings.map((heading, index) => /* @__PURE__ */ jsxs("div", { className: "heading", children: [
67
+ /* @__PURE__ */ jsx("h2", { children: heading }),
68
+ childArray[index]
69
+ ] }, index))
70
+ }
71
+ ),
72
+ actionsChildren != null ? /* @__PURE__ */ jsx("div", { className: "actions", children: actionsChildren }) : /* @__PURE__ */ jsxs("div", { className: "actions", children: [
73
+ step === 1 ? /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onCancel, children: t("common.cancel") }) : /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onPrev, children: t("common.previous") }),
74
+ /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onNext, children: step === totalSteps ? t("common.submit") : t("common.next") })
75
+ ] })
76
+ ] });
77
+ }
78
+ const CreateItemFlow = memo(function CreateItemFlow2({
79
+ step = 1,
80
+ totalSteps = 3,
28
81
  leftPanelWidth,
29
- leftPanelContent = null,
82
+ headings = [],
83
+ children,
84
+ onCancel,
85
+ onNext,
86
+ onPrev,
87
+ onStepClick,
88
+ stepperVariant = "progress",
89
+ leftPanelTitle,
90
+ leftPanelDescription = "",
30
91
  leftPanelImage = null,
31
- rightContent,
32
- title,
33
- description = "",
34
- prevButtonProps = {},
35
- extraButtonProp,
36
- nextButtonProps = {},
37
- customCSS,
38
- className
39
- }) => {
92
+ actionsChildren = null,
93
+ showStepper = true
94
+ }) {
40
95
  const { t } = useTranslation();
41
- const {
42
- children: prevLabel = t("createItemFlow.back"),
43
- icon: prevIcon,
44
- ...restPrevProps
45
- } = prevButtonProps;
46
- const {
47
- children: nextLabel = t("createItemFlow.next"),
48
- icon: nextIcon,
49
- ...restNextProps
50
- } = nextButtonProps;
51
- const resolvedTitle = title ?? t("createItemFlow.defaultTitle");
96
+ const resolvedLeftPanelTitle = leftPanelTitle ?? t("createItemFlow.defaultTitle");
97
+ const steps = useMemo(
98
+ () => Array.from({ length: totalSteps }, (_, idx) => ({
99
+ label: t("createItemFlow.stepLabel", { number: idx + 1 }),
100
+ description: t("createItemFlow.stepDescription", {
101
+ number: idx + 1,
102
+ total: totalSteps
103
+ })
104
+ })),
105
+ [totalSteps, t]
106
+ );
107
+ const rightContent = /* @__PURE__ */ jsx(
108
+ RightContentPanel,
109
+ {
110
+ actionsChildren,
111
+ headings,
112
+ showStepper,
113
+ step,
114
+ stepperVariant,
115
+ steps,
116
+ totalSteps,
117
+ onCancel,
118
+ onNext,
119
+ onPrev,
120
+ onStepClick,
121
+ children
122
+ }
123
+ );
52
124
  return /* @__PURE__ */ jsx(
53
125
  DynamicLayout,
54
126
  {
55
- className,
56
- description,
57
- footer: /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
58
- /* @__PURE__ */ jsx(
59
- Button,
60
- {
61
- icon: "icon" in prevButtonProps ? prevIcon : /* @__PURE__ */ jsx(default_1, {}),
62
- variant: restPrevProps.variant ?? "tertiary",
63
- ...restPrevProps,
64
- children: prevLabel
65
- }
66
- ),
67
- /* @__PURE__ */ jsxs("div", { className: "footer-right-group", children: [
68
- extraButtonProp,
69
- /* @__PURE__ */ jsx(
70
- Button,
71
- {
72
- icon: "icon" in nextButtonProps ? nextIcon : /* @__PURE__ */ jsx(default_1$1, {}),
73
- iconPlacement: nextButtonProps.iconPlacement ?? "right",
74
- variant: restNextProps.variant ?? "primary",
75
- ...restNextProps,
76
- children: nextLabel
77
- }
78
- )
79
- ] })
80
- ] }),
81
- leftPanel: /* @__PURE__ */ jsx(LeftPanelContent, { leftPanelContent, leftPanelImage }),
127
+ leftPanel: /* @__PURE__ */ jsx(
128
+ LeftPanelContent,
129
+ {
130
+ leftPanelDescription,
131
+ leftPanelImage,
132
+ leftPanelTitle: resolvedLeftPanelTitle
133
+ }
134
+ ),
82
135
  leftPanelWidth,
83
- rightContent: /* @__PURE__ */ jsx(RightContentPanel, { children: rightContent }),
84
- style: customCSS,
85
- title: resolvedTitle
136
+ rightContent,
137
+ showStepper
86
138
  }
87
139
  );
88
- };
89
- const CreateItemFlow = memo(CreateItemFlowComponent);
90
- CreateItemFlow.displayName = "CreateItemFlow";
140
+ });
91
141
  export {
92
142
  CreateItemFlow
93
143
  };
package/dist/components/DatePicker/datePickerDropdown.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"datePickerDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/datePickerDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,wBAAwB,CAAC;AAIhC,OAAO,qCAAqC,CAAC;AAE7C,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,SAAS,EACT,UAAU,EACV,eAA6E,EAC7E,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,OAAO,EACP,OAAO,EACP,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,SAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,GAAG,aAAa,EACjB,EAAE,uBAAuB,2CAsQzB"}
1
+ {"version":3,"file":"datePickerDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/datePickerDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,wBAAwB,CAAC;AAIhC,OAAO,qCAAqC,CAAC;AAE7C,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,SAAS,EACT,UAAU,EACV,eAA6E,EAC7E,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,OAAO,EACP,OAAO,EACP,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,SAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,GAAG,aAAa,EACjB,EAAE,uBAAuB,2CA8QzB"}
package/dist/components/DatePicker/datePickerDropdown.js CHANGED
@@ -147,6 +147,7 @@ function DatePickerDropdown({
147
147
  [showWeekNumbers]
148
148
  );
149
149
  const currentDate = selectedDate ? moment(selectedDate) : null;
150
+ const isPrimaryButtonDisabled = currentDate === null || !currentDate.isValid() || minDate != null && currentDate.isBefore(minDate, "day") || maxDate != null && currentDate.isAfter(maxDate, "day") || Boolean(isOutsideRange == null ? void 0 : isOutsideRange(currentDate));
150
151
  const renderCalendar = () => /* @__PURE__ */ jsx(
151
152
  DayPickerSingleDateController,
152
153
  {
@@ -189,6 +190,8 @@ function DatePickerDropdown({
189
190
  hidePrimaryButton,
190
191
  hideSecondaryButton,
191
192
  hideTertiaryButton,
193
+ isPrimaryButtonDisabled,
194
+ isTertiaryButtonDisabled: currentDate === null,
192
195
  primaryButtonProps,
193
196
  secondaryButtonProps,
194
197
  setFocused,
package/dist/components/DatePicker/datePickerFooter.d.ts CHANGED
@@ -4,6 +4,8 @@ export interface DatePickerFooterProps {
4
4
  tertiaryButtonProps?: Record<string, unknown>;
5
5
  secondaryButtonProps?: Record<string, unknown>;
6
6
  primaryButtonProps?: Record<string, unknown>;
7
+ isPrimaryButtonDisabled?: boolean;
8
+ isTertiaryButtonDisabled?: boolean;
7
9
  setSelectedDate?: (date: Moment | null) => void;
8
10
  setFocused: (focused: boolean) => void;
9
11
  onTertiaryButtonClick?: () => void;
@@ -14,5 +16,5 @@ export interface DatePickerFooterProps {
14
16
  hideSecondaryButton?: boolean;
15
17
  hidePrimaryButton?: boolean;
16
18
  }
17
- export declare function DatePickerFooter({ tertiaryButtonProps, secondaryButtonProps, primaryButtonProps, setSelectedDate, setFocused, onTertiaryButtonClick, onSecondaryButtonClick, onPrimaryButtonClick, setIsOpen, hideTertiaryButton, hideSecondaryButton, hidePrimaryButton, }: DatePickerFooterProps): import("react/jsx-runtime").JSX.Element;
19
+ export declare function DatePickerFooter({ tertiaryButtonProps, secondaryButtonProps, primaryButtonProps, isPrimaryButtonDisabled, isTertiaryButtonDisabled, setSelectedDate, setFocused, onTertiaryButtonClick, onSecondaryButtonClick, onPrimaryButtonClick, setIsOpen, hideTertiaryButton, hideSecondaryButton, hidePrimaryButton, }: DatePickerFooterProps): import("react/jsx-runtime").JSX.Element;
18
20
  //# sourceMappingURL=datePickerFooter.d.ts.map
package/dist/components/DatePicker/datePickerFooter.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"datePickerFooter.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/datePickerFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAErC,MAAM,WAAW,qBAAqB;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,GAClB,EAAE,qBAAqB,2CA4CvB"}
1
+ {"version":3,"file":"datePickerFooter.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/datePickerFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAErC,MAAM,WAAW,qBAAqB;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,uBAA8B,EAC9B,wBAA+B,EAC/B,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,GAClB,EAAE,qBAAqB,2CAwDvB"}
package/dist/components/DatePicker/datePickerFooter.js CHANGED
@@ -5,6 +5,8 @@ function DatePickerFooter({
5
5
  tertiaryButtonProps,
6
6
  secondaryButtonProps,
7
7
  primaryButtonProps,
8
+ isPrimaryButtonDisabled = true,
9
+ isTertiaryButtonDisabled = true,
8
10
  setSelectedDate,
9
11
  setFocused,
10
12
  onTertiaryButtonClick,
@@ -36,9 +38,29 @@ function DatePickerFooter({
36
38
  {
37
39
  className: `datePicker-buttons-container ${allButtonsHidden ? "datePicker-buttons-container--hidden" : ""}`,
38
40
  children: [
39
- !hideTertiaryButton && /* @__PURE__ */ jsx(Button, { size: "small", variant: "url", onClick: handleClear, ...tertiaryButtonProps, children: t("common.clear") }),
41
+ !hideTertiaryButton && /* @__PURE__ */ jsx(
42
+ Button,
43
+ {
44
+ size: "small",
45
+ variant: "url",
46
+ onClick: handleClear,
47
+ ...tertiaryButtonProps,
48
+ disabled: isTertiaryButtonDisabled || (tertiaryButtonProps == null ? void 0 : tertiaryButtonProps.disabled) === true,
49
+ children: t("common.clear")
50
+ }
51
+ ),
40
52
  !hideSecondaryButton && /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", onClick: handleCancel, ...secondaryButtonProps, children: t("common.cancel") }),
41
- !hidePrimaryButton && /* @__PURE__ */ jsx(Button, { size: "small", variant: "primary", onClick: handleApply, ...primaryButtonProps, children: t("common.apply") })
53
+ !hidePrimaryButton && /* @__PURE__ */ jsx(
54
+ Button,
55
+ {
56
+ size: "small",
57
+ variant: "primary",
58
+ onClick: handleApply,
59
+ ...primaryButtonProps,
60
+ disabled: isPrimaryButtonDisabled || (primaryButtonProps == null ? void 0 : primaryButtonProps.disabled) === true,
61
+ children: t("common.apply")
62
+ }
63
+ )
42
64
  ]
43
65
  }
44
66
  );
package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare function DateRangePickerDropdown({ dropDownContainerRef, withPortal, portalContainer, containerRef, onDatesChange, onFocusChange, focusedInput, startDate, endDate, showWeekNumbers, selectedRange, setStartDateOffset, setEndDateOffset, selectedDaysNumber, handleResetDates, handleCancelDates, onSecondaryButtonClick, tertiaryButtonProps, handleApplyDates, primaryButtonProps, showRangeSelector, handleRangeSelectorChange, showMonthYearSelect, customYears, customWeekNumberData, suppressClickOnWeekNumber, setIsOpen, startDateOffset, endDateOffset, hasInputErrors, portalClassName, ...args }: any): import("react/jsx-runtime").JSX.Element;
1
+ export declare function DateRangePickerDropdown({ dropDownContainerRef, withPortal, portalContainer, containerRef, onDatesChange, onFocusChange, focusedInput, startDate, endDate, showWeekNumbers, selectedRange, setStartDateOffset, setEndDateOffset, selectedDaysNumber, handleResetDates, handleCancelDates, onSecondaryButtonClick, tertiaryButtonProps, handleApplyDates, primaryButtonProps, showRangeSelector, handleRangeSelectorChange, showMonthYearSelect, customYears, customWeekNumberData, suppressClickOnWeekNumber, setIsOpen, startDateOffset, endDateOffset, hasInputErrors, isOutsideRange, minDate, maxDate, portalClassName, ...args }: any): import("react/jsx-runtime").JSX.Element | null;
2
2
  //# sourceMappingURL=dateRangePickerDropdown.d.ts.map
package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dateRangePickerDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerDropdown.tsx"],"names":[],"mappings":"AAUA,wBAAgB,uBAAuB,CAAC,EACtC,oBAAoB,EACpB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,mBAAmB,EACnB,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACT,eAAe,EACf,aAAa,EACb,cAAc,EACd,eAAe,EACf,GAAG,IAAI,EACR,EAAE,GAAG,2CAkSL"}
1
+ {"version":3,"file":"dateRangePickerDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerDropdown.tsx"],"names":[],"mappings":"AASA,wBAAgB,uBAAuB,CAAC,EACtC,oBAAoB,EACpB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,mBAAmB,EACnB,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACT,eAAe,EACf,aAAa,EACb,cAAc,EACd,cAAc,EACd,OAAO,EACP,OAAO,EACP,eAAe,EACf,GAAG,IAAI,EACR,EAAE,GAAG,kDAiUL"}