@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.
- package/dist/atomix.css +61 -56
- package/dist/atomix.css.map +1 -1
- package/dist/atomix.min.css +4 -4
- package/dist/atomix.min.css.map +1 -1
- package/dist/charts.d.ts +93 -109
- package/dist/charts.js +141 -233
- package/dist/charts.js.map +1 -1
- package/dist/core.js +51 -46
- package/dist/core.js.map +1 -1
- package/dist/forms.js +51 -46
- package/dist/forms.js.map +1 -1
- package/dist/heavy.js +51 -46
- package/dist/heavy.js.map +1 -1
- package/dist/index.d.ts +6 -22
- package/dist/index.esm.js +141 -234
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +144 -237
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/scripts/atomix-cli.js +40 -1875
- package/scripts/cli/commands/build-theme.js +112 -0
- package/scripts/cli/commands/generate.js +97 -0
- package/scripts/cli/commands/init.js +46 -0
- package/scripts/cli/internal/compiler.js +114 -0
- package/scripts/cli/internal/filesystem.js +58 -0
- package/scripts/cli/internal/generator.js +110 -0
- package/scripts/cli/internal/wizard.js +61 -0
- package/scripts/cli/utils/error.js +47 -0
- package/scripts/cli/utils/helpers.js +43 -0
- package/scripts/cli/utils/logger.js +75 -0
- package/scripts/cli/utils/validation.js +71 -0
- package/src/components/AtomixGlass/AtomixGlass.test.tsx +37 -3
- package/src/components/AtomixGlass/AtomixGlass.tsx +41 -29
- package/src/components/AtomixGlass/AtomixGlassContainer.tsx +4 -19
- package/src/components/AtomixGlass/__snapshots__/AtomixGlass.test.tsx.snap +216 -0
- package/src/components/Chart/BubbleChart.tsx +6 -2
- package/src/components/Chart/Chart.stories.tsx +108 -96
- package/src/components/Chart/ChartToolbar.tsx +6 -4
- package/src/components/Chart/ChartTooltip.tsx +5 -4
- package/src/components/Chart/GaugeChart.tsx +20 -12
- package/src/components/Chart/HeatmapChart.tsx +53 -23
- package/src/components/Chart/TreemapChart.tsx +44 -15
- package/src/components/Chart/index.ts +0 -2
- package/src/components/Chart/types.ts +4 -4
- package/src/components/index.ts +0 -1
- package/src/lib/composables/useAtomixGlass.ts +4 -1
- package/src/lib/composables/useAtomixGlassStyles.ts +9 -7
- package/src/lib/constants/components.ts +7 -7
- package/src/styles/01-settings/_settings.chart.scss +13 -13
- package/src/styles/06-components/_components.atomix-glass.scss +17 -21
- package/src/styles/06-components/_components.chart.scss +23 -5
- package/src/styles/06-components/_components.edge-panel.scss +1 -5
- package/src/styles/06-components/_components.modal.scss +1 -4
- package/src/styles/06-components/_components.navbar.scss +1 -1
- package/src/styles/06-components/_components.tooltip.scss +9 -5
- package/scripts/cli/component-generator.js +0 -564
- package/scripts/cli/interactive-init.js +0 -357
- package/scripts/cli/utils.js +0 -359
- 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?:
|
|
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?:
|
|
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 {
|
|
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 };
|