@proounce/shared-common 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,16 @@
+GC360 Proprietary Software License
+
+Copyright (c) 2026 Proounce. All rights reserved.
+
+This software and its associated documentation are proprietary and
+confidential. Use, reproduction, modification, distribution, publication, or
+disclosure is permitted only with prior written authorization from Proounce and
+only in accordance with the applicable agreement governing the authorized
+user or organization.
+
+Access to this package does not grant any ownership interest or any license
+except the limited rights expressly provided by such an agreement.
+
+THE SOFTWARE IS PROVIDED UNDER THE TERMS OF THE APPLICABLE AGREEMENT. EXCEPT
+AS EXPRESSLY PROVIDED IN THAT AGREEMENT, NO WARRANTIES OR CONDITIONS, EXPRESS
+OR IMPLIED, ARE GRANTED.

package/README.md

@@ -1,3 +1,431 @@
-# Temporary Holding Version
+# @proounce/shared-common
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Reusable, API-free React components for GC360 front-end applications. The
+library extracts and modernizes presentation components from
+`prj241001_fe_shared-base-components` while removing application state, API,
+router, and shared-utility coupling.
+
+## Requirements
+
+- Node.js 20 or newer
+- React 18 (`^18.2.0`), matching the GC360 single-spa applications
+- Material UI 5 and Emotion 11
+- MUI X Date Pickers 5 and Day.js for date inputs
+- FusionCharts only when using the chart entry point
+
+## Installation
+
+```sh
+npm install @proounce/shared-common
+```
+
+npm reports any peer dependencies that are not already installed by the host
+application.
+
+This is a public npm package and can be downloaded without membership in the
+`proounce` organization. It remains covered by the repository's proprietary
+license; public availability does not grant rights beyond that license.
+
+## Component imports
+
+Import components and TypeScript types from the package root:
+
+```tsx
+import {
+  ActionIcon,
+  AdvancedDropDownList,
+  DataTable,
+  SearchInput,
+  SharedButton,
+  type DataTableColumn,
+  type DropDownOption,
+} from "@proounce/shared-common";
+```
+
+The root entry point is safe to import in Node and server-rendered applications.
+
+## Buttons and actions
+
+`ActionIcon` and `ActionIconButton` support the action purposes carried over
+from the legacy shared-base package.
+
+```tsx
+import { ActionIcon, ActionIconButton } from "@proounce/shared-common";
+
+export function RowActions() {
+  return (
+    <>
+      <ActionIcon purpose="edit" title="Edit record" onClick={() => {}} />
+      <ActionIconButton
+        purpose="download"
+        title="Download report"
+        onClick={() => {}}
+      />
+    </>
+  );
+}
+```
+
+All 270 unique purposes from the legacy `action-icon-data` and
+`action-icon-button-data` files are represented in `ActionIconData`.
+
+## Dropdowns
+
+Dropdown options use an `id` for the submitted value and `value` for the
+visible label. Change events retain the legacy `{ target: { name, value } }`
+shape to simplify migration.
+
+```tsx
+import {
+  AdvancedDropDownList,
+  type DropDownOption,
+} from "@proounce/shared-common";
+
+const options: DropDownOption<number>[] = [
+  { id: 1, value: "First option" },
+  { id: 2, value: "Second option" },
+];
+
+export function Example() {
+  return (
+    <AdvancedDropDownList
+      id="selection"
+      label="Selection"
+      value={1}
+      options={options}
+      onChange={(event) => console.log(event.target.value)}
+    />
+  );
+}
+```
+
+Supported dropdown exports include:
+
+- `AdvancedDropDownList` and `MuiAdvancedDropDownList`
+- `StyledAdvanceDropDownList`
+- `GenericAdvanceDropDownList` and `GenericAdvancedSelect`
+- `DropDownList` and `DropDownWithMessage`
+- `MultiSelectDropDownList`
+- `GroupedMultiSelectDropDown` and `MuiGroupedMultiSelectDropDown`
+- `FloatingAdvanceDropDownList` and `FloatingMultiSelectDropDownList`
+- `DropDownListWithImage` for options with a visual identifier
+- `EmailSuggestionInput`, `EmailSuggestionMuiTextBox`, and
+  `EmailSuggestionTextBox` for free-form recipient chips
+
+## Tables
+
+`DataTable` provides stable client-side sorting, pagination, loading skeletons,
+custom cell rendering, row actions, and typed columns.
+
+```tsx
+import { DataTable, type DataTableColumn } from "@proounce/shared-common";
+
+interface Person {
+  id: number;
+  name: string;
+  status: string;
+}
+
+const columns: DataTableColumn<Person>[] = [
+  { field: "name", header: "Name" },
+  { field: "status", header: "Status", sortable: false },
+];
+
+export function PeopleTable({ rows }: { rows: Person[] }) {
+  return <DataTable rows={rows} columns={columns} getRowKey={(row) => row.id} />;
+}
+```
+
+Legacy columns using `title` instead of `header` are also accepted. Styled
+table cells, rows, and skeleton table bodies are exported separately. This
+includes `StyledTableCell`, `StyledBorderedTableCell`,
+`StyledLinesBorderedTableCell`, `StickyTableCell`, `StickyFooterTableCell`,
+`HighlightedTableCell`, `TableCellWithInfo`, `StyledTableSortLabel`, and their
+documented legacy aliases.
+
+Legacy common-table contracts are available as real typed wrappers rather than
+name-only aliases:
+
+- `CommonTable` and `CustomTable`
+- `CommonSearchTable`
+- `PaginationTable` for controlled/server pagination
+- `CommonSelectionTable`
+- `CommonSelectionValidateTable`
+- `CommonSelectionStickyTable` and `CustomStickyTable`
+- `GenericCustomTable` for the shared generic selection/action modes
+
+These wrappers accept the legacy `data`, `columns`, `title`, `sorting`,
+`render(row)`, `primaryColId`, `selected`, and `setSelected` properties while
+remaining API-free. New code can use `DataTable` directly.
+
+The former generic table's nested columns are flattened to accessible leaf
+headers. Its highly specialized column-configuration dialog and calculated
+business totals are not silently emulated; applications should compose those
+features through table actions and column renderers.
+
+## Styled surfaces
+
+Reusable styled surfaces include `StyledCard`, `StyledKpiCard`,
+`CustomAccordion`, `CustomAccordionSummary`, `CustomAccordionDetails`,
+`StyledTabs`, `StyledTab`, `StyledReadOnlyTextField`, and the styled table
+primitives. All styling is theme-aware and applications can override it with
+MUI theme configuration or `sx` properties.
+
+## Standalone feedback and form components
+
+The root entry point also includes standalone components missed by the first
+migration pass:
+
+- `StatusDialog`, `ProcessingModal`, `SuccessModal`, `ErrorModal`, and
+  `WarningModal`
+- `ErrorPage` plus router-independent 401, 403, 404, menu-not-found, and 500
+  presets
+- `AccessError`, `AccessLoader`, `ExpandableComment`/`CommentExpand`, and status
+  blinkers
+- `FormulaIcon`, `FormulaInfoIcon`/`FormulaInfoWithIcon`, and
+  `NameDescriptionPopover`/`NameDescPopover`
+- `BlueHeaderText`, `BoldText`, `ContentWrapper`, `QuestionTextWrapper`,
+  `PercentageInput`, `TextInput`, `TextInputWithLabel`,
+  `TextInputWithLabelIcon`, and `CurrencyInputWithLabelIcon`
+- `OptionSelectorWithLabel`, `OptionMultiSelectorWithLabel`,
+  `MandatoryIndicatorWithText`, and `RequestModalGridItem`
+- `CustomDropZone`, `MainSelector`, `TeslaStyleScrollIndicator`, and
+  `SelectWithTable`
+- `DocumentationCard`, `AppHelp`, `CardComponent`,
+  `CardComponentWithActions`, and `OperationsInfo`
+- `CustomTransition`, `DialogAction`, and `useDisplayOrder`
+
+These are modern replacements rather than byte-for-byte copies. They use MUI
+theme tokens and semantic controls instead of Tailwind classes, clickable
+`div` elements, or unmanaged portals.
+
+## Charts
+
+FusionCharts is isolated in a browser-only entry point so importing the main
+package does not evaluate browser globals during server rendering.
+
+```tsx
+import {
+  CommonChart,
+  ColumnChart,
+  DoughnutChart,
+  FusionChart,
+  LineChart,
+} from "@proounce/shared-common/charts/fusion";
+
+<ColumnChart
+  height={320}
+  dataSource={{
+    chart: { caption: "Requests" },
+    data: [{ label: "Open", value: "12" }],
+  }}
+/>;
+```
+
+For the legacy common-chart contract, pass display metadata and chart items
+directly. Consumers do not need to construct the full FusionCharts data source:
+
+```tsx
+<CommonChart
+  type="column2d"
+  title="Requests by status"
+  xAxisName="Status"
+  yAxisName="Requests"
+  items={[
+    { label: "Open", value: 12 },
+    { label: "Closed", value: 28 },
+  ]}
+  showTypeSelector
+  showDataTable
+/>
+```
+
+The chart entry point exports:
+
+- `FusionChart` for raw FusionCharts `dataSource` configuration
+- `CommonChart` for the shared `title`, axes and `items` contract
+- `BarChart`, `ColumnChart`/`ChartColumn2D`, and `DoughnutChart`, accepting
+  either the legacy common contract or a raw `dataSource`
+- `LineChart`, `AreaChart`, and `PieChart`
+- `GenericChart`, `GenericChartCDMS`, `FusionDefaultCharts`,
+  `FusionDefaultChartsPF`, and `FusionDefaultChartsPH` compatibility exports
+
+`CommonChart` can expose a native HTML data table as the chart alternative and
+can provide an accessible chart-type selector. Map and congressional-map
+packages are not loaded by this common entry point because their FusionCharts
+map definitions are large and geography-specific.
+
+Chart data and the optional FusionCharts license key are supplied by the host
+application. The component never requests them from an API.
+
+## Icons
+
+Icons use dedicated entry points:
+
+```tsx
+import {
+  AddIcon,
+  EditOutlinedIcon,
+} from "@proounce/shared-common/icons/mui";
+import { Download, Search } from "@proounce/shared-common/icons/lucide";
+```
+
+The MUI entry point exports only the registry required by shared and action
+components, plus selected legacy `*Icon` aliases. The Lucide entry point
+contains a curated UI/action set. Neither entry point wildcard-exports its
+underlying icon library.
+
+Icons rendered internally by a shared component need no import in the
+consuming application. Import an icon only when the application renders that
+icon itself, using the curated `icons/mui` or `icons/lucide` subpath.
+
+## AG Grid
+
+AG Grid is an optional browser-oriented entry point and is not included when
+applications import the package root:
+
+```sh
+npm install ag-grid-react ag-grid-community
+```
+
+```tsx
+import {
+  CustomGridHeaderCellWithInfo,
+  CustomGridTable,
+  type ColDef,
+} from "@proounce/shared-common/grids/ag-grid";
+
+interface Person {
+  id: string;
+  name: string;
+}
+
+const columns: ColDef<Person>[] = [
+  { field: "name", headerName: "Name" },
+];
+
+<CustomGridTable
+  ariaLabel="People"
+  data={[{ id: "1", name: "Ada" }]}
+  columns={columns}
+  getRowId={({ data }) => data.id}
+  enableSelection
+  onSelect={(rows) => console.log(rows)}
+/>;
+```
+
+The wrapper targets the platform's AG Grid 34 line and supplies community
+modules directly to the grid. It supports pinned totals, loading state,
+optional pagination, typed column definitions and keyboard-accessible multi-row
+selection. `CustomGridHeaderCellWithInfo`
+provides sortable headers with accessible information and formula actions.
+Applications should always provide `getRowId` when rows can be reordered or
+updated.
+
+## Main component groups
+
+- Actions, buttons, and icon buttons
+- Text, search, select, date, textarea, and checkbox inputs
+- Single, multiple, grouped, floating, and searchable dropdowns
+- Data tables and styled table primitives
+- Labels, read-only values, and mandatory indicators
+- Tooltips, alerts, loading spinners, and skeletons
+- Tabs, tab panels, toggle buttons, and switches
+- Confirmation dialogs
+- FusionCharts wrappers and presets
+- File input, empty/error states, skip links and live regions
+- Status dialogs, error-page presets, expandable comments and formula details
+
+## Legacy compatibility
+
+Common legacy names are retained where the new component has an equivalent:
+
+- `Button` and `StyledButton` map to `SharedButton`
+- `IconButton` maps to `SharedIconButton`
+- `TextField` and `StyledTextField` map to `SharedTextField`
+- `DatePicker` and `NormalDatePicker` map to `DateInput`
+- `CommonTable` and `CustomTable` are typed wrappers around the modern table
+  primitives and retain their legacy column contract
+
+Application-bound screens, review/reporting workflows, user app bars, Redux
+hooks, and components importing `@gc360/shared-utilities` are intentionally not
+included.
+
+The package also does not re-export generic MUI components, `dayjs`, adapters,
+or styling functions. Applications should import those from their owning
+packages. This prevents version ambiguity and keeps the public API focused on
+components maintained here.
+
+## Local development
+
+```sh
+npm ci
+npm run check
+npm pack --dry-run
+```
+
+| Command | Purpose |
+| --- | --- |
+| `npm run typecheck` | Run strict TypeScript validation |
+| `npm run build` | Generate ESM, CommonJS, and declaration files |
+| `npm run check` | Type-check, run accessibility tests, and build |
+| `npm pack --dry-run` | Inspect the npm package contents |
+
+Generated files are written to `dist/` and should not be edited manually.
+
+## Accessibility
+
+Components are designed as WCAG 2.2-ready foundations: controls have accessible
+names, shared buttons meet a 40px minimum target, MUI widgets retain keyboard
+and focus behavior, form errors are textual, table rows support keyboard
+activation, tabs can be explicitly linked to panels, and dialogs use MUI focus
+management. Representative components are checked with axe-core in `npm test`;
+the current suite covers 15 component and interaction scenarios.
+
+Form controls also support `backupName` for legacy call sites that do not pass a
+visible label, `name`, or `id`:
+
+```tsx
+<SharedTextField backupName="Budget amount" />
+<AdvancedDropDownList backupName="Funding source" options={options} />
+```
+
+Accessible names are resolved in this order: associated visible label,
+explicit `aria-label`, human-readable `name`, human-readable caller-provided
+`id`, then `backupName`. Internal `useId()` values provide unique DOM identity
+but are never exposed as the control's accessible name. A visible label remains
+the preferred choice; backup names protect legacy and dynamically composed
+screens from producing unnamed controls.
+
+Automated checks cannot establish conformance for an application. Consumers
+must test their theme contrast, content, responsive layouts, focus order,
+validation flows, charts, and end-to-end journeys with keyboard and assistive
+technology.
+
+See [the component audit](docs/COMPONENT_AUDIT.md) for migration coverage,
+intentional exclusions, and compatibility decisions.
+
+## Jenkins publishing
+
+The included `Jenkinsfile` performs these stages:
+
+1. Checkout the repository.
+2. Optionally apply a patch, minor, or major version bump.
+3. Install dependencies with `npm ci`.
+4. Type-check, build, and inspect the npm package.
+5. Request manual approval when publishing is enabled.
+6. Publish the public scoped package to npm.
+
+Configure a Jenkins secret-text credential named `npm-token` using a token
+owned by an authorized publisher. That npm user must have permission to publish
+packages in the `proounce` organization. Publishing is disabled by default;
+enable the `PUBLISH_TO_NPM` parameter for a release build.
+The pipeline removes its temporary npm authentication file after completion.
+The package is published with public visibility. Installation does not require
+an npm organization membership or authentication token.
+
+## Design boundary
+
+This package must remain presentation-focused. Shared components receive data,
+callbacks, loading state, and errors through props. Do not add direct `fetch`,
+Axios, Redux store, router, or application-service dependencies.

package/dist/charts/fusion.cjs

@@ -0,0 +1,252 @@
+'use strict';
+
+var FusionCharts = require('fusioncharts');
+var charts = require('fusioncharts/fusioncharts.charts.js');
+var ReactFusioncharts = require('react-fusioncharts');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var MenuItem = require('@mui/material/MenuItem');
+var Stack = require('@mui/material/Stack');
+var TextField = require('@mui/material/TextField');
+var Typography = require('@mui/material/Typography');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var FusionCharts__default = /*#__PURE__*/_interopDefault(FusionCharts);
+var charts__default = /*#__PURE__*/_interopDefault(charts);
+var ReactFusioncharts__default = /*#__PURE__*/_interopDefault(ReactFusioncharts);
+var MenuItem__default = /*#__PURE__*/_interopDefault(MenuItem);
+var Stack__default = /*#__PURE__*/_interopDefault(Stack);
+var TextField__default = /*#__PURE__*/_interopDefault(TextField);
+var Typography__default = /*#__PURE__*/_interopDefault(Typography);
+
+// src/charts/FusionChart.tsx
+var fusionRegistered = false;
+function FusionChart({
+  type,
+  dataSource,
+  width = "100%",
+  height = 400,
+  events,
+  licenseKey,
+  loadingFallback = null,
+  "aria-label": ariaLabel = "Chart"
+}) {
+  const [registered, setRegistered] = react.useState(fusionRegistered);
+  const [licenseReady, setLicenseReady] = react.useState(!licenseKey);
+  react.useEffect(() => {
+    if (!fusionRegistered) {
+      ReactFusioncharts__default.default.fcRoot(FusionCharts__default.default, charts__default.default);
+      fusionRegistered = true;
+    }
+    setRegistered(true);
+  }, []);
+  react.useEffect(() => {
+    let active = true;
+    if (!licenseKey) {
+      setLicenseReady(true);
+      return void 0;
+    }
+    setLicenseReady(false);
+    void Promise.resolve(licenseKey).then((key) => {
+      const options = FusionCharts__default.default.options;
+      options.license({ key, creditLabel: false });
+      if (active) setLicenseReady(true);
+    });
+    return () => {
+      active = false;
+    };
+  }, [licenseKey]);
+  if (!registered || !licenseReady) return loadingFallback;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "img", "aria-label": ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx(
+    ReactFusioncharts__default.default,
+    {
+      type,
+      width,
+      height,
+      dataFormat: "json",
+      dataSource,
+      ...events ? { events } : {}
+    }
+  ) });
+}
+function FusionBarChart(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(FusionChart, { type: "bar2d", ...props });
+}
+function FusionColumnChart(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(FusionChart, { type: "column2d", ...props });
+}
+function FusionDoughnutChart(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(FusionChart, { type: "doughnut2d", ...props });
+}
+var GenericChart = FusionChart;
+var FusionDefaultCharts = FusionChart;
+var GenericChartCDMS = FusionChart;
+var FusionDefaultChartsPF = FusionChart;
+var FusionDefaultChartsPH = FusionChart;
+var DEFAULT_CHART_TYPES = [
+  { value: "column2d", label: "Column" },
+  { value: "bar2d", label: "Bar" },
+  { value: "line", label: "Line" },
+  { value: "area2d", label: "Area" },
+  { value: "pie2d", label: "Pie" },
+  { value: "doughnut2d", label: "Doughnut" }
+];
+function CommonChart({
+  type = "column2d",
+  title,
+  caption,
+  subCaption,
+  xAxisName,
+  yAxisName,
+  items,
+  chartOptions,
+  selectableTypes = DEFAULT_CHART_TYPES,
+  showTypeSelector = false,
+  selectorLabel = "Chart type",
+  description,
+  showDataTable = false,
+  dataTableLabel = "View chart data",
+  onTypeChange,
+  "aria-label": ariaLabel,
+  ...chartProps
+}) {
+  const [selectedType, setSelectedType] = react.useState(null);
+  const activeType = selectedType ?? type;
+  const dataSource = react.useMemo(
+    () => ({
+      chart: {
+        caption: caption ?? (typeof title === "string" ? title : void 0),
+        subCaption,
+        xAxisName,
+        yAxisName,
+        baseFont: "Inter, sans-serif",
+        baseFontSize: "13",
+        showBorder: "0",
+        showCanvasBorder: "0",
+        usePlotGradientColor: "0",
+        showPlotBorder: "0",
+        showShadow: "0",
+        showLegend: "1",
+        legendPosition: "bottom",
+        labelDisplay: "rotate",
+        slantLabels: "1",
+        maxColWidth: "15",
+        maxBarHeight: "15",
+        animation: "1",
+        ...chartOptions
+      },
+      data: [...items]
+    }),
+    [caption, chartOptions, items, subCaption, title, xAxisName, yAxisName]
+  );
+  const accessibleName = ariaLabel ?? caption ?? (typeof title === "string" ? title : "Chart");
+  return /* @__PURE__ */ jsxRuntime.jsxs(Stack__default.default, { component: "section", spacing: 1.5, "aria-label": accessibleName, children: [
+    title || showTypeSelector ? /* @__PURE__ */ jsxRuntime.jsxs(
+      Stack__default.default,
+      {
+        direction: { xs: "column", sm: "row" },
+        alignItems: { xs: "stretch", sm: "center" },
+        justifyContent: "space-between",
+        gap: 1,
+        children: [
+          title ? /* @__PURE__ */ jsxRuntime.jsx(Typography__default.default, { component: "h2", variant: "h6", children: title }) : null,
+          showTypeSelector ? /* @__PURE__ */ jsxRuntime.jsx(
+            TextField__default.default,
+            {
+              select: true,
+              size: "small",
+              label: selectorLabel,
+              value: activeType,
+              onChange: (event) => {
+                setSelectedType(event.target.value);
+                onTypeChange?.(event.target.value);
+              },
+              sx: { minWidth: 160 },
+              children: selectableTypes.map((option) => /* @__PURE__ */ jsxRuntime.jsx(MenuItem__default.default, { value: option.value, children: option.label }, option.value))
+            }
+          ) : null
+        ]
+      }
+    ) : null,
+    description ? /* @__PURE__ */ jsxRuntime.jsx(Typography__default.default, { color: "text.secondary", children: description }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      FusionChart,
+      {
+        type: activeType,
+        dataSource,
+        "aria-label": accessibleName,
+        ...chartProps
+      }
+    ),
+    showDataTable ? /* @__PURE__ */ jsxRuntime.jsxs("details", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("summary", { children: dataTableLabel }),
+      /* @__PURE__ */ jsxRuntime.jsxs("table", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("caption", { children: accessibleName }),
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", children: "Label" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", children: "Value" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "row", children: item.label }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { children: item.displayValue ?? item.value })
+        ] }, item.label)) })
+      ] })
+    ] }) : null
+  ] });
+}
+function CommonBarChart(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CommonChart, { type: "bar2d", ...props });
+}
+function CommonColumnChart(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CommonChart, { type: "column2d", ...props });
+}
+function LineChart(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CommonChart, { type: "line", ...props });
+}
+function AreaChart(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CommonChart, { type: "area2d", ...props });
+}
+function PieChart(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CommonChart, { type: "pie2d", ...props });
+}
+function CommonDoughnutChart(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CommonChart, { type: "doughnut2d", ...props });
+}
+function isRawPreset(props) {
+  return "dataSource" in props;
+}
+function BarChart(props) {
+  return isRawPreset(props) ? /* @__PURE__ */ jsxRuntime.jsx(FusionChart, { type: "bar2d", ...props }) : /* @__PURE__ */ jsxRuntime.jsx(CommonBarChart, { ...props });
+}
+function ColumnChart(props) {
+  return isRawPreset(props) ? /* @__PURE__ */ jsxRuntime.jsx(FusionChart, { type: "column2d", ...props }) : /* @__PURE__ */ jsxRuntime.jsx(CommonColumnChart, { ...props });
+}
+var ChartColumn2D = ColumnChart;
+function DoughnutChart(props) {
+  return isRawPreset(props) ? /* @__PURE__ */ jsxRuntime.jsx(FusionChart, { type: "doughnut2d", ...props }) : /* @__PURE__ */ jsxRuntime.jsx(CommonDoughnutChart, { ...props });
+}
+
+exports.AreaChart = AreaChart;
+exports.BarChart = BarChart;
+exports.ChartColumn2D = ChartColumn2D;
+exports.ColumnChart = ColumnChart;
+exports.CommonBarChart = CommonBarChart;
+exports.CommonChart = CommonChart;
+exports.CommonColumnChart = CommonColumnChart;
+exports.CommonDoughnutChart = CommonDoughnutChart;
+exports.DEFAULT_CHART_TYPES = DEFAULT_CHART_TYPES;
+exports.DoughnutChart = DoughnutChart;
+exports.FusionBarChart = FusionBarChart;
+exports.FusionChart = FusionChart;
+exports.FusionColumnChart = FusionColumnChart;
+exports.FusionDefaultCharts = FusionDefaultCharts;
+exports.FusionDefaultChartsPF = FusionDefaultChartsPF;
+exports.FusionDefaultChartsPH = FusionDefaultChartsPH;
+exports.FusionDoughnutChart = FusionDoughnutChart;
+exports.GenericChart = GenericChart;
+exports.GenericChartCDMS = GenericChartCDMS;
+exports.LineChart = LineChart;
+exports.PieChart = PieChart;
+//# sourceMappingURL=fusion.cjs.map
+//# sourceMappingURL=fusion.cjs.map