@umodeapporg/ui 0.11.1 → 0.13.0

package/dist/components/UI/DataTable/applyDataTableFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyDataTableFilters.js","sources":["../../../../src/components/UI/DataTable/applyDataTableFilters.ts"],"sourcesContent":["import { countActiveFilters, isFilterValueEmpty } from '@/components/Search/filters';\n\nimport type { IDataTableFiltersConfig, IDataTableRow, TDataTableFilterField, TDataTableFilterValues } from './types';\n\nconst isFieldActive = <T extends IDataTableRow>(\n  field: TDataTableFilterField<T>,\n  values: TDataTableFilterValues,\n): boolean => !isFilterValueEmpty(field, values?.[field.key]);\n\n/**\n * CLIENT-mode filtering driven by the table's filter config. Only active fields\n * that declare a `predicate` narrow the rows. Server-only fields (no\n * `predicate`) are ignored here. `combinator` decides whether a row must pass\n * every active field or at least one.\n */\nexport const applyDataTableFilters = <T extends IDataTableRow>(\n  rows: Array<T>,\n  filters: IDataTableFiltersConfig<T> | undefined,\n  values: TDataTableFilterValues,\n): Array<T> => {\n  if (!filters) return rows;\n\n  const activeFields = (filters.fields ?? []).filter((field) => isFieldActive(field, values) && field.predicate);\n  if (activeFields.length === 0) return rows;\n\n  const matches = (row: T, field: TDataTableFilterField<T>) =>\n    field.predicate ? field.predicate(row, values?.[field.key]) : true;\n\n  if (filters.combinator === 'OR') {\n    return (rows ?? []).filter((row) => activeFields.some((field) => matches(row, field)));\n  }\n\n  return (rows ?? []).filter((row) => activeFields.every((field) => matches(row, field)));\n};\n\n/**\n * SERVER-mode counterpart: collects the backend query params from every active\n * field that declares `toServerParams`. The host merges these into its fetch\n * instead of filtering in memory.\n */\nexport const buildDataTableFilterParams = <T extends IDataTableRow>(\n  filters: IDataTableFiltersConfig<T> | undefined,\n  values: TDataTableFilterValues,\n): Record<string, unknown> => {\n  if (!filters) return {};\n\n  return (filters.fields ?? []).reduce<Record<string, unknown>>((params, field) => {\n    if (!isFieldActive(field, values) || !field.toServerParams) return params;\n\n    return { ...params, ...field.toServerParams(values?.[field.key]) };\n  }, {});\n};\n\n/** Number of active filter fields. Drives the filter button badge count. */\nexport const countActiveDataTableFilters = <T extends IDataTableRow>(\n  filters: IDataTableFiltersConfig<T> | undefined,\n  values: TDataTableFilterValues,\n): number => (filters ? countActiveFilters(filters.fields ?? [], values ?? {}) : 0);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,gBAAgB,CACpB,OACA,WACY,CAAC,mBAAmB,OAAO,SAAS,MAAM,GAAG,CAAC;AAQrD,MAAM,wBAAwB,CACnC,MACA,SACA,WACa;AACb,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,gBAAgB,QAAQ,UAAU,CAAA,GAAI,OAAO,CAAC,UAAU,cAAc,OAAO,MAAM,KAAK,MAAM,SAAS;AAC7G,MAAI,aAAa,WAAW,EAAG,QAAO;AAEtC,QAAM,UAAU,CAAC,KAAQ,UACvB,MAAM,YAAY,MAAM,UAAU,KAAK,SAAS,MAAM,GAAG,CAAC,IAAI;AAEhE,MAAI,QAAQ,eAAe,MAAM;AAC/B,YAAQ,QAAQ,CAAA,GAAI,OAAO,CAAC,QAAQ,aAAa,KAAK,CAAC,UAAU,QAAQ,KAAK,KAAK,CAAC,CAAC;AAAA,EACvF;AAEA,UAAQ,QAAQ,CAAA,GAAI,OAAO,CAAC,QAAQ,aAAa,MAAM,CAAC,UAAU,QAAQ,KAAK,KAAK,CAAC,CAAC;AACxF;AAOO,MAAM,6BAA6B,CACxC,SACA,WAC4B;AAC5B,MAAI,CAAC,QAAS,QAAO,CAAA;AAErB,UAAQ,QAAQ,UAAU,CAAA,GAAI,OAAgC,CAAC,QAAQ,UAAU;AAC/E,QAAI,CAAC,cAAc,OAAO,MAAM,KAAK,CAAC,MAAM,eAAgB,QAAO;AAEnE,WAAO,EAAE,GAAG,QAAQ,GAAG,MAAM,eAAe,SAAS,MAAM,GAAG,CAAC,EAAA;AAAA,EACjE,GAAG,CAAA,CAAE;AACP;AAGO,MAAM,8BAA8B,CACzC,SACA,WACY,UAAU,mBAAmB,QAAQ,UAAU,CAAA,GAAI,UAAU,CAAA,CAAE,IAAI;"}
+{"version":3,"file":"applyDataTableFilters.js","sources":["../../../../src/components/UI/DataTable/applyDataTableFilters.ts"],"sourcesContent":["import { countActiveFilters, isFilterValueEmpty } from '@/components/Search/filters';\n\nimport type { IDataTableFiltersConfig, IDataTableRow, TDataTableFilterField, TDataTableFilterValues } from './types';\n\nconst isFieldActive = <T extends IDataTableRow>(\n  field: TDataTableFilterField<T>,\n  values: TDataTableFilterValues,\n): boolean => !isFilterValueEmpty(field, values?.[field.key]);\n\n/**\n * CLIENT-mode filtering driven by the table's filter config. Only active fields\n * that declare a `predicate` narrow the rows. Server-only fields (no\n * `predicate`) are ignored here. `combinator` decides whether a row must pass\n * every active field or at least one.\n */\nexport const applyDataTableFilters = <T extends IDataTableRow>(\n  rows: Array<T>,\n  filters: IDataTableFiltersConfig<T> | undefined,\n  values: TDataTableFilterValues,\n): Array<T> => {\n  if (!filters) return rows;\n\n  const activeFields = (filters.fields ?? []).filter((field) => isFieldActive(field, values) && field.predicate);\n  if (activeFields.length === 0) return rows;\n\n  const matches = (row: T, field: TDataTableFilterField<T>) =>\n    field.predicate ? field.predicate(row, values?.[field.key]) : true;\n\n  if (filters.combinator === 'OR') {\n    return (rows ?? []).filter((row) => activeFields.some((field) => matches(row, field)));\n  }\n\n  return (rows ?? []).filter((row) => activeFields.every((field) => matches(row, field)));\n};\n\n/**\n * SERVER-mode counterpart: collects the backend query params from every active\n * field that declares `toServerParams`. The host merges these into its fetch\n * instead of filtering in memory.\n */\nexport const buildDataTableFilterParams = <T extends IDataTableRow>(\n  filters: IDataTableFiltersConfig<T> | undefined,\n  values: TDataTableFilterValues,\n): Record<string, unknown> => {\n  if (!filters) return {};\n\n  return (filters.fields ?? []).reduce<Record<string, unknown>>((params, field) => {\n    if (!isFieldActive(field, values) || !field.toServerParams) return params;\n\n    return { ...params, ...field.toServerParams(values?.[field.key]) };\n  }, {});\n};\n\n/** Number of active filter fields. Drives the filter button badge count. */\nexport const countActiveDataTableFilters = <T extends IDataTableRow>(\n  filters: IDataTableFiltersConfig<T> | undefined,\n  values: TDataTableFilterValues,\n): number => (filters ? countActiveFilters(filters.fields ?? [], values ?? {}) : 0);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,gBAAgB,CACpB,OACA,WACY,CAAC,mBAAmB,OAAO,SAAS,MAAM,GAAG,CAAC;AAQrD,MAAM,wBAAwB,CACnC,MACA,SACA,WACa;AACb,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,gBAAgB,QAAQ,UAAU,CAAA,GAAI,OAAO,CAAC,UAAU,cAAc,OAAO,MAAM,KAAK,MAAM,SAAS;AAC7G,MAAI,aAAa,WAAW,EAAG,QAAO;AAEtC,QAAM,UAAU,CAAC,KAAQ,UACvB,MAAM,YAAY,MAAM,UAAU,KAAK,SAAS,MAAM,GAAG,CAAC,IAAI;AAEhE,MAAI,QAAQ,eAAe,MAAM;AAC/B,YAAQ,QAAQ,CAAA,GAAI,OAAO,CAAC,QAAQ,aAAa,KAAK,CAAC,UAAU,QAAQ,KAAK,KAAK,CAAC,CAAC;AAAA,EACvF;AAEA,UAAQ,QAAQ,CAAA,GAAI,OAAO,CAAC,QAAQ,aAAa,MAAM,CAAC,UAAU,QAAQ,KAAK,KAAK,CAAC,CAAC;AACxF;AAOO,MAAM,6BAA6B,CACxC,SACA,WAC4B;AAC5B,MAAI,CAAC,QAAS,QAAO,CAAA;AAErB,UAAQ,QAAQ,UAAU,CAAA,GAAI,OAAgC,CAAC,QAAQ,UAAU;AAC/E,QAAI,CAAC,cAAc,OAAO,MAAM,KAAK,CAAC,MAAM,eAAgB,QAAO;AAEnE,WAAO,EAAE,GAAG,QAAQ,GAAG,MAAM,eAAe,SAAS,MAAM,GAAG,CAAC,EAAA;AAAA,EACjE,GAAG,CAAA,CAAE;AACP;AAGO,MAAM,8BAA8B,CACzC,SACA,WACY,UAAU,mBAAmB,QAAQ,UAAU,CAAA,GAAI,UAAU,CAAA,CAAE,IAAI;"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { default as ControlledButton } from './components/Form/ControlledButton';
+export { default as ControlledButton, getButtonClassName } from './components/Form/ControlledButton';
 export { default as ControlledCheckbox } from './components/Form/ControlledCheckbox';
 export { default as ControlledDialog } from './components/Form/ControlledDialog';
 export { default as ControlledDrawer } from './components/Form/ControlledDrawer';
@@ -12,6 +12,7 @@ export { default as ControlledTextarea } from './components/Form/ControlledTexta
 export { default as ControlledViewToggle } from './components/Form/ControlledViewToggle';
 export { default as ControlledBreadcrumb } from './components/Navigation/ControlledBreadcrumb';
 export { default as ErrorPage } from './components/Navigation/ErrorPage';
+export { default as LinkButton } from './components/Navigation/LinkButton';
 export { default as PageTitle } from './components/Navigation/PageTitle';
 export * from './components/Navigation/PageTitleNavigationContext';
 export * from './components/Navigation/UiNavigationContext';

package/dist/index.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "./components/Form/ControlledButton.js";
+import { default as default2, getButtonClassName } from "./components/Form/ControlledButton.js";
 import { default as default3 } from "./components/Form/ControlledCheckbox.js";
 import { default as default4 } from "./components/Form/ControlledDialog.js";
 import { default as default5 } from "./components/Form/ControlledDrawer.js";
@@ -12,34 +12,35 @@ import { default as default11 } from "./components/Form/ControlledTextarea.js";
 import { default as default12 } from "./components/Form/ControlledViewToggle.js";
 import { default as default13 } from "./components/Navigation/ControlledBreadcrumb.js";
 import { default as default14 } from "./components/Navigation/ErrorPage.js";
-import { default as default15 } from "./components/Navigation/PageTitle.js";
+import { default as default15 } from "./components/Navigation/LinkButton.js";
+import { default as default16 } from "./components/Navigation/PageTitle.js";
 import { PageTitleNavigationProvider, usePageTitleNavigation } from "./components/Navigation/PageTitleNavigationContext.js";
 import { UiNavigationProvider, useUiNavigation } from "./components/Navigation/UiNavigationContext.js";
-import { default as default16 } from "./components/Search/UnifiedSearchBar.js";
-import { default as default17 } from "./components/Shell/AppShell.js";
-import { default as default18 } from "./components/Shell/LanguageToggle.js";
+import { default as default17 } from "./components/Search/UnifiedSearchBar.js";
+import { default as default18 } from "./components/Shell/AppShell.js";
+import { default as default19 } from "./components/Shell/LanguageToggle.js";
 import { resolveSidebarItemId } from "./components/Shell/SidebarMenu.js";
-import { default as default19 } from "./components/Shell/ThemeToggle.js";
+import { default as default20 } from "./components/Shell/ThemeToggle.js";
 import { UiAccessProvider, useUiAccess } from "./components/UI/access/UiAccessContext.js";
-import { default as default20 } from "./components/UI/BaseDataCard.js";
-import { default as default21 } from "./components/UI/Chips/OutlinedChip.js";
-import { default as default22 } from "./components/UI/Colors.js";
-import { default as default23 } from "./components/UI/ColorSwatch.js";
-import { default as default24 } from "./components/UI/ControlledAccordion.js";
-import { default as default25 } from "./components/UI/ControlledCollapse.js";
-import { default as default26 } from "./components/UI/ControlledMenu.js";
-import { default as default27 } from "./components/UI/ControlledPopover.js";
-import { default as default28 } from "./components/UI/ControlledProgress.js";
-import { default as default29 } from "./components/UI/ControlledSlider.js";
-import { default as default30 } from "./components/UI/ControlledTooltip.js";
-import { default as default31 } from "./components/UI/CustomBadge.js";
-import { default as default32 } from "./components/UI/CustomCard.js";
-import { default as default33 } from "./components/UI/InformationCard.js";
-import { default as default34 } from "./components/UI/LoadingSpinner.js";
+import { default as default21 } from "./components/UI/BaseDataCard.js";
+import { default as default22 } from "./components/UI/Chips/OutlinedChip.js";
+import { default as default23 } from "./components/UI/Colors.js";
+import { default as default24 } from "./components/UI/ColorSwatch.js";
+import { default as default25 } from "./components/UI/ControlledAccordion.js";
+import { default as default26 } from "./components/UI/ControlledCollapse.js";
+import { default as default27 } from "./components/UI/ControlledMenu.js";
+import { default as default28 } from "./components/UI/ControlledPopover.js";
+import { default as default29 } from "./components/UI/ControlledProgress.js";
+import { default as default30 } from "./components/UI/ControlledSlider.js";
+import { default as default31 } from "./components/UI/ControlledTooltip.js";
+import { default as default32 } from "./components/UI/CustomBadge.js";
+import { default as default33 } from "./components/UI/CustomCard.js";
+import { default as default34 } from "./components/UI/InformationCard.js";
+import { default as default35 } from "./components/UI/LoadingSpinner.js";
 import { MaterialSymbol, combineClasses } from "./components/UI/MaterialSymbol/index.js";
-import { default as default35 } from "./components/UI/NoDataFound/index.js";
-import { default as default36 } from "./components/UI/SkeletonLoading.js";
-import { default as default37 } from "./components/UI/UserMenu.js";
+import { default as default36 } from "./components/UI/NoDataFound/index.js";
+import { default as default37 } from "./components/UI/SkeletonLoading.js";
+import { default as default38 } from "./components/UI/UserMenu.js";
 import { composeRefs } from "./helpers/composeRefs.js";
 import { isPressOnLayeredSurface } from "./helpers/layeredSurfaces.js";
 import { readThemeToken, useThemeChartTokens } from "./helpers/themeTokens.js";
@@ -56,49 +57,50 @@ import { uiLocales } from "./locales/index.js";
 import { collapseVariants, createDrawerVariants, dialogVariants, fadeVariants, floatingVariants, scrimVariants, tooltipVariants } from "./motion/motionPresets.js";
 import { MOTION_OFFSET_PX, enterTransition, exitTransition, motionDuration, motionEase } from "./motion/motionTokens.js";
 export {
-  default17 as AppShell,
+  default18 as AppShell,
   BREAKPOINTS,
-  default20 as BaseDataCard,
-  default23 as ColorSwatch,
-  default22 as Colors,
-  default24 as ControlledAccordion,
+  default21 as BaseDataCard,
+  default24 as ColorSwatch,
+  default23 as Colors,
+  default25 as ControlledAccordion,
   default13 as ControlledBreadcrumb,
   default2 as ControlledButton,
   default3 as ControlledCheckbox,
-  default25 as ControlledCollapse,
+  default26 as ControlledCollapse,
   default4 as ControlledDialog,
   default5 as ControlledDrawer,
   default6 as ControlledImage,
   default7 as ControlledInput,
-  default26 as ControlledMenu,
-  default27 as ControlledPopover,
-  default28 as ControlledProgress,
+  default27 as ControlledMenu,
+  default28 as ControlledPopover,
+  default29 as ControlledProgress,
   default8 as ControlledRadio,
   ControlledSelect,
-  default29 as ControlledSlider,
+  default30 as ControlledSlider,
   default9 as ControlledSwitch,
   default10 as ControlledTabs,
   default11 as ControlledTextarea,
-  default30 as ControlledTooltip,
+  default31 as ControlledTooltip,
   default12 as ControlledViewToggle,
-  default31 as CustomBadge,
-  default32 as CustomCard,
+  default32 as CustomBadge,
+  default33 as CustomCard,
   default14 as ErrorPage,
-  default33 as InformationCard,
-  default34 as LoadingSpinner,
+  default34 as InformationCard,
+  default15 as LinkButton,
+  default35 as LoadingSpinner,
   MOTION_OFFSET_PX,
   MaterialSymbol,
-  default35 as NoDataFound,
-  default21 as OutlinedChip,
-  default15 as PageTitle,
+  default36 as NoDataFound,
+  default22 as OutlinedChip,
+  default16 as PageTitle,
   PageTitleNavigationProvider,
-  default18 as ShellLanguageToggle,
-  default19 as ShellThemeToggle,
-  default36 as SkeletonLoading,
+  default19 as ShellLanguageToggle,
+  default20 as ShellThemeToggle,
+  default37 as SkeletonLoading,
   UiAccessProvider,
   UiNavigationProvider,
-  default16 as UnifiedSearchBar,
-  default37 as UserMenu,
+  default17 as UnifiedSearchBar,
+  default38 as UserMenu,
   collapseVariants,
   combineClasses,
   composeRefs,
@@ -110,6 +112,7 @@ export {
   exitTransition,
   fadeVariants,
   floatingVariants,
+  getButtonClassName,
   isPressOnLayeredSurface,
   motionDuration,
   motionEase,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umodeapporg/ui",
-  "version": "0.11.1",
+  "version": "0.13.0",
   "license": "UNLICENSED",
   "type": "module",
   "sideEffects": [
@@ -80,6 +80,7 @@
     "typecheck": "tsc -p tsconfig.json",
     "build": "npm run typecheck && vite build",
     "lint": "eslint \"src/**/*.{ts,tsx}\" --report-unused-disable-directives --max-warnings 0",
+    "test": "vitest run",
     "format": "prettier --write .",
     "lint:fix": "npm run format && npm run lint -- --fix",
     "audit:theme": "node scripts/theme-audit.mjs",
@@ -177,6 +178,10 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@tanstack/react-table": "^8.21.3",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
     "@types/node": "^24.13.3",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
@@ -195,6 +200,7 @@
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "fast-glob": "^3.3.2",
     "i18next": "^26.1.0",
+    "jsdom": "^26.1.0",
     "konva": "^9.3.22",
     "motion": "^13.1.0",
     "postcss": "^8.4.40",
@@ -216,7 +222,8 @@
     "tailwindcss": "^3.4.7",
     "typescript": "^5.2.2",
     "vite": "^6.3.2",
-    "vite-plugin-dts": "^4.5.4"
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.7"
   },
   "repository": {
     "type": "git",