@glyphjs/components 0.7.1 → 0.9.1
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/index.cjs +302 -158
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +39 -3
- package/dist/index.d.ts +39 -3
- package/dist/index.js +299 -161
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
package/dist/index.d.cts
CHANGED
|
@@ -551,7 +551,7 @@ interface RatingItem$1 {
|
|
|
551
551
|
label: string;
|
|
552
552
|
value: number;
|
|
553
553
|
max?: number;
|
|
554
|
-
description?: string;
|
|
554
|
+
description?: string | InlineNode[];
|
|
555
555
|
}
|
|
556
556
|
type InfographicItem = StatItem | FactItem | ProgressItem | TextItem | PieItem | DividerItem | RatingItem$1;
|
|
557
557
|
interface InfographicSection {
|
|
@@ -748,6 +748,42 @@ declare function Annotate({ data, block, onInteraction, }: GlyphComponentProps<A
|
|
|
748
748
|
|
|
749
749
|
declare const annotateDefinition: GlyphComponentDefinition<AnnotateData>;
|
|
750
750
|
|
|
751
|
-
|
|
751
|
+
interface ColumnsData {
|
|
752
|
+
children: string[];
|
|
753
|
+
ratio?: number[];
|
|
754
|
+
gap?: string;
|
|
755
|
+
}
|
|
756
|
+
declare function Columns({ data, block, layout, container, }: GlyphComponentProps<ColumnsData>): ReactElement;
|
|
757
|
+
|
|
758
|
+
declare const columnsDefinition: GlyphComponentDefinition<ColumnsData>;
|
|
759
|
+
|
|
760
|
+
interface RowsData {
|
|
761
|
+
children: string[];
|
|
762
|
+
ratio?: number[];
|
|
763
|
+
gap?: string;
|
|
764
|
+
}
|
|
765
|
+
/**
|
|
766
|
+
* Stacks children vertically in a CSS grid.
|
|
767
|
+
*
|
|
768
|
+
* When used as a cell inside a ui:columns layout, the grid cell stretches
|
|
769
|
+
* to the full column height, and ratio fr units distribute that height
|
|
770
|
+
* between children. Without an explicit height constraint (e.g. standalone
|
|
771
|
+
* usage), children are auto-sized and ratio has no visual effect.
|
|
772
|
+
*/
|
|
773
|
+
declare function Rows({ data, block, layout, container, }: GlyphComponentProps<RowsData>): ReactElement;
|
|
774
|
+
|
|
775
|
+
declare const rowsDefinition: GlyphComponentDefinition<RowsData>;
|
|
776
|
+
|
|
777
|
+
type PanelStyle = 'card' | 'bordered' | 'elevated' | 'ghost';
|
|
778
|
+
interface PanelData {
|
|
779
|
+
child: string;
|
|
780
|
+
style?: PanelStyle;
|
|
781
|
+
padding?: string;
|
|
782
|
+
}
|
|
783
|
+
declare function Panel({ data, block, layout, container, }: GlyphComponentProps<PanelData>): ReactElement;
|
|
784
|
+
|
|
785
|
+
declare const panelDefinition: GlyphComponentDefinition<PanelData>;
|
|
786
|
+
|
|
787
|
+
declare const allComponentDefinitions: readonly [_glyphjs_types.GlyphComponentDefinition<CalloutData>, _glyphjs_types.GlyphComponentDefinition<unknown>, _glyphjs_types.GlyphComponentDefinition<StepsData>, _glyphjs_types.GlyphComponentDefinition<TableData>, _glyphjs_types.GlyphComponentDefinition<TabsData>, _glyphjs_types.GlyphComponentDefinition<TimelineData>, _glyphjs_types.GlyphComponentDefinition<GraphData>, _glyphjs_types.GlyphComponentDefinition<RelationData>, _glyphjs_types.GlyphComponentDefinition<KpiData>, _glyphjs_types.GlyphComponentDefinition<AccordionData>, _glyphjs_types.GlyphComponentDefinition<ComparisonData>, _glyphjs_types.GlyphComponentDefinition<CodeDiffData>, _glyphjs_types.GlyphComponentDefinition<FlowchartData>, _glyphjs_types.GlyphComponentDefinition<FileTreeData>, _glyphjs_types.GlyphComponentDefinition<SequenceData>, _glyphjs_types.GlyphComponentDefinition<ArchitectureData>, _glyphjs_types.GlyphComponentDefinition<MindMapData>, _glyphjs_types.GlyphComponentDefinition<EquationData>, _glyphjs_types.GlyphComponentDefinition<QuizData>, _glyphjs_types.GlyphComponentDefinition<CardData>, _glyphjs_types.GlyphComponentDefinition<InfographicData>, _glyphjs_types.GlyphComponentDefinition<PollData>, _glyphjs_types.GlyphComponentDefinition<RatingData>, _glyphjs_types.GlyphComponentDefinition<RankerData>, _glyphjs_types.GlyphComponentDefinition<SliderData>, _glyphjs_types.GlyphComponentDefinition<MatrixData>, _glyphjs_types.GlyphComponentDefinition<FormData>, _glyphjs_types.GlyphComponentDefinition<KanbanData>, _glyphjs_types.GlyphComponentDefinition<AnnotateData>, _glyphjs_types.GlyphComponentDefinition<ColumnsData>, _glyphjs_types.GlyphComponentDefinition<RowsData>, _glyphjs_types.GlyphComponentDefinition<PanelData>];
|
|
752
788
|
|
|
753
|
-
export { Accordion, type AccordionData, type AccordionSection, Annotate, type AnnotateData, type AnnotateLabel, type Annotation, Architecture, type ArchitectureData, type ArchitectureLayout, Callout, type CalloutData, Card, type CardAction, type CardData, type CardItem, Chart, CodeDiff, type CodeDiffData, Comparison, type ComparisonData, type ComparisonFeature, type ComparisonOption, type DiffLine, type DiffLineKind, type DividerItem, Equation, type EquationData, type EquationStep, FileTree, type FileTreeData, Flowchart, type FlowchartData, Form, type FormData, type FormField, Graph, type GraphData, Infographic, type InfographicData, type InfographicItem, type InfographicSection, Kanban, type KanbanCard, type KanbanColumn, type KanbanData, Kpi, type KpiData, type KpiMetric, type LayoutResult, Matrix, type MatrixColumn, type MatrixData, type MatrixRow, MindMap, type MindMapData, type PieItem, type PieSlice, Poll, type PollData, type PositionedArchEdge, type PositionedArchNode, type PositionedEdge, type PositionedNode, type PositionedZone, Quiz, type QuizData, type QuizQuestion, Ranker, type RankerData, type RankerItemData, Rating, type RatingData, type RatingItem$1 as RatingItem, type RatingItem as RatingScaleItem, Relation, type RelationData, Sequence, type SequenceData, Slider, type SliderData, type SliderParameter, Steps, type StepsData, Table, type TableData, Tabs, type TabsData, Timeline, type TimelineData, accordionDefinition, allComponentDefinitions, annotateDefinition, architectureDefinition, calloutDefinition, cardDefinition, chartDefinition, codeDiffDefinition, comparisonDefinition, computeArchitectureLayout, computeDagreLayout, computeDiff, computeForceLayout, equationDefinition, fileTreeDefinition, flowchartDefinition, formDefinition, graphDefinition, infographicDefinition, kanbanDefinition, kpiDefinition, matrixDefinition, mindMapDefinition, pollDefinition, quizDefinition, rankerDefinition, ratingDefinition, relationDefinition, sequenceDefinition, sliderDefinition, stepsDefinition, tableDefinition, tabsDefinition, timelineDefinition };
|
|
789
|
+
export { Accordion, type AccordionData, type AccordionSection, Annotate, type AnnotateData, type AnnotateLabel, type Annotation, Architecture, type ArchitectureData, type ArchitectureLayout, Callout, type CalloutData, Card, type CardAction, type CardData, type CardItem, Chart, CodeDiff, type CodeDiffData, Columns, type ColumnsData, Comparison, type ComparisonData, type ComparisonFeature, type ComparisonOption, type DiffLine, type DiffLineKind, type DividerItem, Equation, type EquationData, type EquationStep, FileTree, type FileTreeData, Flowchart, type FlowchartData, Form, type FormData, type FormField, Graph, type GraphData, Infographic, type InfographicData, type InfographicItem, type InfographicSection, Kanban, type KanbanCard, type KanbanColumn, type KanbanData, Kpi, type KpiData, type KpiMetric, type LayoutResult, Matrix, type MatrixColumn, type MatrixData, type MatrixRow, MindMap, type MindMapData, Panel, type PanelData, type PieItem, type PieSlice, Poll, type PollData, type PositionedArchEdge, type PositionedArchNode, type PositionedEdge, type PositionedNode, type PositionedZone, Quiz, type QuizData, type QuizQuestion, Ranker, type RankerData, type RankerItemData, Rating, type RatingData, type RatingItem$1 as RatingItem, type RatingItem as RatingScaleItem, Relation, type RelationData, Rows, type RowsData, Sequence, type SequenceData, Slider, type SliderData, type SliderParameter, Steps, type StepsData, Table, type TableData, Tabs, type TabsData, Timeline, type TimelineData, accordionDefinition, allComponentDefinitions, annotateDefinition, architectureDefinition, calloutDefinition, cardDefinition, chartDefinition, codeDiffDefinition, columnsDefinition, comparisonDefinition, computeArchitectureLayout, computeDagreLayout, computeDiff, computeForceLayout, equationDefinition, fileTreeDefinition, flowchartDefinition, formDefinition, graphDefinition, infographicDefinition, kanbanDefinition, kpiDefinition, matrixDefinition, mindMapDefinition, panelDefinition, pollDefinition, quizDefinition, rankerDefinition, ratingDefinition, relationDefinition, rowsDefinition, sequenceDefinition, sliderDefinition, stepsDefinition, tableDefinition, tabsDefinition, timelineDefinition };
|
package/dist/index.d.ts
CHANGED
|
@@ -551,7 +551,7 @@ interface RatingItem$1 {
|
|
|
551
551
|
label: string;
|
|
552
552
|
value: number;
|
|
553
553
|
max?: number;
|
|
554
|
-
description?: string;
|
|
554
|
+
description?: string | InlineNode[];
|
|
555
555
|
}
|
|
556
556
|
type InfographicItem = StatItem | FactItem | ProgressItem | TextItem | PieItem | DividerItem | RatingItem$1;
|
|
557
557
|
interface InfographicSection {
|
|
@@ -748,6 +748,42 @@ declare function Annotate({ data, block, onInteraction, }: GlyphComponentProps<A
|
|
|
748
748
|
|
|
749
749
|
declare const annotateDefinition: GlyphComponentDefinition<AnnotateData>;
|
|
750
750
|
|
|
751
|
-
|
|
751
|
+
interface ColumnsData {
|
|
752
|
+
children: string[];
|
|
753
|
+
ratio?: number[];
|
|
754
|
+
gap?: string;
|
|
755
|
+
}
|
|
756
|
+
declare function Columns({ data, block, layout, container, }: GlyphComponentProps<ColumnsData>): ReactElement;
|
|
757
|
+
|
|
758
|
+
declare const columnsDefinition: GlyphComponentDefinition<ColumnsData>;
|
|
759
|
+
|
|
760
|
+
interface RowsData {
|
|
761
|
+
children: string[];
|
|
762
|
+
ratio?: number[];
|
|
763
|
+
gap?: string;
|
|
764
|
+
}
|
|
765
|
+
/**
|
|
766
|
+
* Stacks children vertically in a CSS grid.
|
|
767
|
+
*
|
|
768
|
+
* When used as a cell inside a ui:columns layout, the grid cell stretches
|
|
769
|
+
* to the full column height, and ratio fr units distribute that height
|
|
770
|
+
* between children. Without an explicit height constraint (e.g. standalone
|
|
771
|
+
* usage), children are auto-sized and ratio has no visual effect.
|
|
772
|
+
*/
|
|
773
|
+
declare function Rows({ data, block, layout, container, }: GlyphComponentProps<RowsData>): ReactElement;
|
|
774
|
+
|
|
775
|
+
declare const rowsDefinition: GlyphComponentDefinition<RowsData>;
|
|
776
|
+
|
|
777
|
+
type PanelStyle = 'card' | 'bordered' | 'elevated' | 'ghost';
|
|
778
|
+
interface PanelData {
|
|
779
|
+
child: string;
|
|
780
|
+
style?: PanelStyle;
|
|
781
|
+
padding?: string;
|
|
782
|
+
}
|
|
783
|
+
declare function Panel({ data, block, layout, container, }: GlyphComponentProps<PanelData>): ReactElement;
|
|
784
|
+
|
|
785
|
+
declare const panelDefinition: GlyphComponentDefinition<PanelData>;
|
|
786
|
+
|
|
787
|
+
declare const allComponentDefinitions: readonly [_glyphjs_types.GlyphComponentDefinition<CalloutData>, _glyphjs_types.GlyphComponentDefinition<unknown>, _glyphjs_types.GlyphComponentDefinition<StepsData>, _glyphjs_types.GlyphComponentDefinition<TableData>, _glyphjs_types.GlyphComponentDefinition<TabsData>, _glyphjs_types.GlyphComponentDefinition<TimelineData>, _glyphjs_types.GlyphComponentDefinition<GraphData>, _glyphjs_types.GlyphComponentDefinition<RelationData>, _glyphjs_types.GlyphComponentDefinition<KpiData>, _glyphjs_types.GlyphComponentDefinition<AccordionData>, _glyphjs_types.GlyphComponentDefinition<ComparisonData>, _glyphjs_types.GlyphComponentDefinition<CodeDiffData>, _glyphjs_types.GlyphComponentDefinition<FlowchartData>, _glyphjs_types.GlyphComponentDefinition<FileTreeData>, _glyphjs_types.GlyphComponentDefinition<SequenceData>, _glyphjs_types.GlyphComponentDefinition<ArchitectureData>, _glyphjs_types.GlyphComponentDefinition<MindMapData>, _glyphjs_types.GlyphComponentDefinition<EquationData>, _glyphjs_types.GlyphComponentDefinition<QuizData>, _glyphjs_types.GlyphComponentDefinition<CardData>, _glyphjs_types.GlyphComponentDefinition<InfographicData>, _glyphjs_types.GlyphComponentDefinition<PollData>, _glyphjs_types.GlyphComponentDefinition<RatingData>, _glyphjs_types.GlyphComponentDefinition<RankerData>, _glyphjs_types.GlyphComponentDefinition<SliderData>, _glyphjs_types.GlyphComponentDefinition<MatrixData>, _glyphjs_types.GlyphComponentDefinition<FormData>, _glyphjs_types.GlyphComponentDefinition<KanbanData>, _glyphjs_types.GlyphComponentDefinition<AnnotateData>, _glyphjs_types.GlyphComponentDefinition<ColumnsData>, _glyphjs_types.GlyphComponentDefinition<RowsData>, _glyphjs_types.GlyphComponentDefinition<PanelData>];
|
|
752
788
|
|
|
753
|
-
export { Accordion, type AccordionData, type AccordionSection, Annotate, type AnnotateData, type AnnotateLabel, type Annotation, Architecture, type ArchitectureData, type ArchitectureLayout, Callout, type CalloutData, Card, type CardAction, type CardData, type CardItem, Chart, CodeDiff, type CodeDiffData, Comparison, type ComparisonData, type ComparisonFeature, type ComparisonOption, type DiffLine, type DiffLineKind, type DividerItem, Equation, type EquationData, type EquationStep, FileTree, type FileTreeData, Flowchart, type FlowchartData, Form, type FormData, type FormField, Graph, type GraphData, Infographic, type InfographicData, type InfographicItem, type InfographicSection, Kanban, type KanbanCard, type KanbanColumn, type KanbanData, Kpi, type KpiData, type KpiMetric, type LayoutResult, Matrix, type MatrixColumn, type MatrixData, type MatrixRow, MindMap, type MindMapData, type PieItem, type PieSlice, Poll, type PollData, type PositionedArchEdge, type PositionedArchNode, type PositionedEdge, type PositionedNode, type PositionedZone, Quiz, type QuizData, type QuizQuestion, Ranker, type RankerData, type RankerItemData, Rating, type RatingData, type RatingItem$1 as RatingItem, type RatingItem as RatingScaleItem, Relation, type RelationData, Sequence, type SequenceData, Slider, type SliderData, type SliderParameter, Steps, type StepsData, Table, type TableData, Tabs, type TabsData, Timeline, type TimelineData, accordionDefinition, allComponentDefinitions, annotateDefinition, architectureDefinition, calloutDefinition, cardDefinition, chartDefinition, codeDiffDefinition, comparisonDefinition, computeArchitectureLayout, computeDagreLayout, computeDiff, computeForceLayout, equationDefinition, fileTreeDefinition, flowchartDefinition, formDefinition, graphDefinition, infographicDefinition, kanbanDefinition, kpiDefinition, matrixDefinition, mindMapDefinition, pollDefinition, quizDefinition, rankerDefinition, ratingDefinition, relationDefinition, sequenceDefinition, sliderDefinition, stepsDefinition, tableDefinition, tabsDefinition, timelineDefinition };
|
|
789
|
+
export { Accordion, type AccordionData, type AccordionSection, Annotate, type AnnotateData, type AnnotateLabel, type Annotation, Architecture, type ArchitectureData, type ArchitectureLayout, Callout, type CalloutData, Card, type CardAction, type CardData, type CardItem, Chart, CodeDiff, type CodeDiffData, Columns, type ColumnsData, Comparison, type ComparisonData, type ComparisonFeature, type ComparisonOption, type DiffLine, type DiffLineKind, type DividerItem, Equation, type EquationData, type EquationStep, FileTree, type FileTreeData, Flowchart, type FlowchartData, Form, type FormData, type FormField, Graph, type GraphData, Infographic, type InfographicData, type InfographicItem, type InfographicSection, Kanban, type KanbanCard, type KanbanColumn, type KanbanData, Kpi, type KpiData, type KpiMetric, type LayoutResult, Matrix, type MatrixColumn, type MatrixData, type MatrixRow, MindMap, type MindMapData, Panel, type PanelData, type PieItem, type PieSlice, Poll, type PollData, type PositionedArchEdge, type PositionedArchNode, type PositionedEdge, type PositionedNode, type PositionedZone, Quiz, type QuizData, type QuizQuestion, Ranker, type RankerData, type RankerItemData, Rating, type RatingData, type RatingItem$1 as RatingItem, type RatingItem as RatingScaleItem, Relation, type RelationData, Rows, type RowsData, Sequence, type SequenceData, Slider, type SliderData, type SliderParameter, Steps, type StepsData, Table, type TableData, Tabs, type TabsData, Timeline, type TimelineData, accordionDefinition, allComponentDefinitions, annotateDefinition, architectureDefinition, calloutDefinition, cardDefinition, chartDefinition, codeDiffDefinition, columnsDefinition, comparisonDefinition, computeArchitectureLayout, computeDagreLayout, computeDiff, computeForceLayout, equationDefinition, fileTreeDefinition, flowchartDefinition, formDefinition, graphDefinition, infographicDefinition, kanbanDefinition, kpiDefinition, matrixDefinition, mindMapDefinition, panelDefinition, pollDefinition, quizDefinition, rankerDefinition, ratingDefinition, relationDefinition, rowsDefinition, sequenceDefinition, sliderDefinition, stepsDefinition, tableDefinition, tabsDefinition, timelineDefinition };
|