@shohojdhara/atomix 0.4.6 → 0.4.8

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 (61) hide show
  1. package/dist/atomix.css +61 -56
  2. package/dist/atomix.css.map +1 -1
  3. package/dist/atomix.min.css +4 -4
  4. package/dist/atomix.min.css.map +1 -1
  5. package/dist/charts.d.ts +93 -109
  6. package/dist/charts.js +141 -233
  7. package/dist/charts.js.map +1 -1
  8. package/dist/core.js +51 -46
  9. package/dist/core.js.map +1 -1
  10. package/dist/forms.js +51 -46
  11. package/dist/forms.js.map +1 -1
  12. package/dist/heavy.js +51 -46
  13. package/dist/heavy.js.map +1 -1
  14. package/dist/index.d.ts +6 -22
  15. package/dist/index.esm.js +141 -234
  16. package/dist/index.esm.js.map +1 -1
  17. package/dist/index.js +144 -237
  18. package/dist/index.js.map +1 -1
  19. package/dist/index.min.js +1 -1
  20. package/dist/index.min.js.map +1 -1
  21. package/package.json +1 -1
  22. package/scripts/atomix-cli.js +40 -1875
  23. package/scripts/cli/commands/build-theme.js +112 -0
  24. package/scripts/cli/commands/generate.js +97 -0
  25. package/scripts/cli/commands/init.js +46 -0
  26. package/scripts/cli/internal/compiler.js +114 -0
  27. package/scripts/cli/internal/filesystem.js +58 -0
  28. package/scripts/cli/internal/generator.js +110 -0
  29. package/scripts/cli/internal/wizard.js +61 -0
  30. package/scripts/cli/utils/error.js +47 -0
  31. package/scripts/cli/utils/helpers.js +43 -0
  32. package/scripts/cli/utils/logger.js +75 -0
  33. package/scripts/cli/utils/validation.js +71 -0
  34. package/src/components/AtomixGlass/AtomixGlass.test.tsx +37 -3
  35. package/src/components/AtomixGlass/AtomixGlass.tsx +41 -29
  36. package/src/components/AtomixGlass/AtomixGlassContainer.tsx +4 -19
  37. package/src/components/AtomixGlass/__snapshots__/AtomixGlass.test.tsx.snap +216 -0
  38. package/src/components/Chart/BubbleChart.tsx +6 -2
  39. package/src/components/Chart/Chart.stories.tsx +108 -96
  40. package/src/components/Chart/ChartToolbar.tsx +6 -4
  41. package/src/components/Chart/ChartTooltip.tsx +5 -4
  42. package/src/components/Chart/GaugeChart.tsx +20 -12
  43. package/src/components/Chart/HeatmapChart.tsx +53 -23
  44. package/src/components/Chart/TreemapChart.tsx +44 -15
  45. package/src/components/Chart/index.ts +0 -2
  46. package/src/components/Chart/types.ts +4 -4
  47. package/src/components/index.ts +0 -1
  48. package/src/lib/composables/useAtomixGlass.ts +4 -1
  49. package/src/lib/composables/useAtomixGlassStyles.ts +9 -7
  50. package/src/lib/constants/components.ts +7 -7
  51. package/src/styles/01-settings/_settings.chart.scss +13 -13
  52. package/src/styles/06-components/_components.atomix-glass.scss +17 -21
  53. package/src/styles/06-components/_components.chart.scss +23 -5
  54. package/src/styles/06-components/_components.edge-panel.scss +1 -5
  55. package/src/styles/06-components/_components.modal.scss +1 -4
  56. package/src/styles/06-components/_components.navbar.scss +1 -1
  57. package/src/styles/06-components/_components.tooltip.scss +9 -5
  58. package/scripts/cli/component-generator.js +0 -564
  59. package/scripts/cli/interactive-init.js +0 -357
  60. package/scripts/cli/utils.js +0 -359
  61. package/src/components/Chart/AnimatedChart.tsx +0 -230
package/dist/charts.d.ts CHANGED
@@ -475,6 +475,96 @@ interface ChartProps$1 extends BaseComponentProps {
475
475
  'aria-label'?: string;
476
476
  }
477
477
 
478
+ /**
479
+ * Line chart specific options
480
+ */
481
+ interface LineChartOptions {
482
+ /**
483
+ * Whether to show area fill under the line
484
+ */
485
+ showArea?: boolean;
486
+ /**
487
+ * Whether to show data points
488
+ */
489
+ showDataPoints?: boolean;
490
+ /**
491
+ * Whether to use smooth curves
492
+ */
493
+ smooth?: boolean;
494
+ /**
495
+ * Curve tension (0-1)
496
+ */
497
+ tension?: number;
498
+ /**
499
+ * Fill opacity for area charts
500
+ */
501
+ fillOpacity?: number;
502
+ /**
503
+ * Whether to use gradient fills
504
+ */
505
+ useGradient?: boolean;
506
+ /**
507
+ * Gradient direction
508
+ */
509
+ gradientDirection?: 'horizontal' | 'vertical';
510
+ /**
511
+ * Line width in pixels
512
+ */
513
+ lineWidth?: number;
514
+ /**
515
+ * Point radius in pixels
516
+ */
517
+ pointRadius?: number;
518
+ /**
519
+ * Whether to show point labels
520
+ */
521
+ showPointLabels?: boolean;
522
+ /**
523
+ * Whether to enable zoom functionality
524
+ */
525
+ enableZoom?: boolean;
526
+ /**
527
+ * Whether to enable pan functionality
528
+ */
529
+ enablePan?: boolean;
530
+ /**
531
+ * Whether to show crosshair
532
+ */
533
+ showCrosshair?: boolean;
534
+ /**
535
+ * Whether to enable keyboard navigation
536
+ */
537
+ enableKeyboardNavigation?: boolean;
538
+ /**
539
+ * Whether to show trend lines
540
+ */
541
+ showTrendLines?: boolean;
542
+ /**
543
+ * Whether to show moving averages
544
+ */
545
+ showMovingAverages?: boolean;
546
+ /**
547
+ * Moving average periods
548
+ */
549
+ movingAveragePeriods?: number[];
550
+ /**
551
+ * Whether to enable real-time updates
552
+ */
553
+ enableRealTime?: boolean;
554
+ /**
555
+ * Real-time update interval in milliseconds
556
+ */
557
+ realTimeInterval?: number;
558
+ /**
559
+ * Maximum number of data points for performance
560
+ */
561
+ maxDataPoints?: number;
562
+ /**
563
+ * Whether to enable data decimation
564
+ */
565
+ enableDecimation?: boolean;
566
+ }
567
+
478
568
  /**
479
569
  * Chart types - comprehensive list
480
570
  */
@@ -684,7 +774,7 @@ interface ChartProps extends BaseComponentProps {
684
774
  onClick: () => void;
685
775
  disabled?: boolean;
686
776
  active?: boolean;
687
- variant?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';
777
+ variant?: Variant;
688
778
  tooltip?: string;
689
779
  }>;
690
780
  /**
@@ -700,7 +790,7 @@ interface ChartProps extends BaseComponentProps {
700
790
  onClick: () => void;
701
791
  disabled?: boolean;
702
792
  active?: boolean;
703
- variant?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';
793
+ variant?: Variant;
704
794
  tooltip?: string;
705
795
  }>;
706
796
  separator?: boolean;
@@ -791,112 +881,6 @@ interface ChartRenderContentParams {
791
881
  config?: ChartConfig;
792
882
  }
793
883
 
794
- interface AnimatedChartProps extends Omit<ChartProps, 'type'> {
795
- chartType?: 'line' | 'bar' | 'area';
796
- animationConfig?: {
797
- duration?: number;
798
- easing?: 'ease-out' | 'bounce';
799
- };
800
- particleEffects?: {
801
- enabled: boolean;
802
- count: number;
803
- colors: string[];
804
- speed: number;
805
- size: number;
806
- };
807
- }
808
- declare const AnimatedChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<AnimatedChartProps & react.RefAttributes<HTMLDivElement>>>;
809
-
810
- /**
811
- * Line chart specific options
812
- */
813
- interface LineChartOptions {
814
- /**
815
- * Whether to show area fill under the line
816
- */
817
- showArea?: boolean;
818
- /**
819
- * Whether to show data points
820
- */
821
- showDataPoints?: boolean;
822
- /**
823
- * Whether to use smooth curves
824
- */
825
- smooth?: boolean;
826
- /**
827
- * Curve tension (0-1)
828
- */
829
- tension?: number;
830
- /**
831
- * Fill opacity for area charts
832
- */
833
- fillOpacity?: number;
834
- /**
835
- * Whether to use gradient fills
836
- */
837
- useGradient?: boolean;
838
- /**
839
- * Gradient direction
840
- */
841
- gradientDirection?: 'horizontal' | 'vertical';
842
- /**
843
- * Line width in pixels
844
- */
845
- lineWidth?: number;
846
- /**
847
- * Point radius in pixels
848
- */
849
- pointRadius?: number;
850
- /**
851
- * Whether to show point labels
852
- */
853
- showPointLabels?: boolean;
854
- /**
855
- * Whether to enable zoom functionality
856
- */
857
- enableZoom?: boolean;
858
- /**
859
- * Whether to enable pan functionality
860
- */
861
- enablePan?: boolean;
862
- /**
863
- * Whether to show crosshair
864
- */
865
- showCrosshair?: boolean;
866
- /**
867
- * Whether to enable keyboard navigation
868
- */
869
- enableKeyboardNavigation?: boolean;
870
- /**
871
- * Whether to show trend lines
872
- */
873
- showTrendLines?: boolean;
874
- /**
875
- * Whether to show moving averages
876
- */
877
- showMovingAverages?: boolean;
878
- /**
879
- * Moving average periods
880
- */
881
- movingAveragePeriods?: number[];
882
- /**
883
- * Whether to enable real-time updates
884
- */
885
- enableRealTime?: boolean;
886
- /**
887
- * Real-time update interval in milliseconds
888
- */
889
- realTimeInterval?: number;
890
- /**
891
- * Maximum number of data points for performance
892
- */
893
- maxDataPoints?: number;
894
- /**
895
- * Whether to enable data decimation
896
- */
897
- enableDecimation?: boolean;
898
- }
899
-
900
884
  interface LineChartProps extends Omit<ChartProps, 'type'> {
901
885
  /**
902
886
  * Line chart specific options
@@ -1918,5 +1902,5 @@ interface WaterfallChartProps extends Omit<ChartProps$1, 'type' | 'datasets'> {
1918
1902
  }
1919
1903
  declare const WaterfallChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<WaterfallChartProps & react.RefAttributes<HTMLDivElement>>>;
1920
1904
 
1921
- export { AnimatedChart, AreaChart, BarChart, BubbleChart, CandlestickChart, Chart, ChartRenderer, DonutChart, FunnelChart, GaugeChart, HeatmapChart, LineChart, MultiAxisChart, PieChart, RadarChart, ScatterChart, TreemapChart, WaterfallChart };
1905
+ export { AreaChart, BarChart, BubbleChart, CandlestickChart, Chart, ChartRenderer, DonutChart, FunnelChart, GaugeChart, HeatmapChart, LineChart, MultiAxisChart, PieChart, RadarChart, ScatterChart, TreemapChart, WaterfallChart };
1922
1906
  export type { AreaChartProps, BarChartProps, BubbleChartProps, BubbleDataPoint, CandlestickChartProps, CandlestickDataPoint, ChartProps$1 as ChartProps, DonutChartProps, FunnelChartProps, FunnelDataPoint, GaugeChartProps, HeatmapChartProps, HeatmapDataPoint, LineChartProps, MultiAxisChartProps, PieChartProps, RadarChartProps, ScatterChartProps, ScatterDataPoint, TreemapChartProps, TreemapDataPoint, TreemapNode, WaterfallChartProps, WaterfallDataPoint };