@enonic/ui 1.2.1 → 1.4.0

package/dist/types/providers/index.d.ts

@@ -7,6 +7,7 @@ export * from './date-picker-provider';
 export * from './dialog-provider';
 export * from './focus-container-provider';
 export * from './grid-list-provider';
+export * from './i18n-provider';
 export * from './id-provider';
 export * from './listbox-provider';
 export * from './menu-provider';
@@ -18,6 +19,7 @@ export * from './search-field-provider';
 export * from './selector-provider';
 export * from './stepper-provider';
 export * from './tab-provider';
+export * from './tag-provider';
 export * from './time-picker-provider';
 export * from './toast-provider';
 export * from './toggle-group-provider';

package/dist/types/providers/tag-provider.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement, ReactNode } from 'react';
+export type TagContextValue = {
+    disabled: boolean;
+};
+export type TagProviderProps = {
+    value: TagContextValue;
+    children?: ReactNode;
+};
+export declare const TagProvider: {
+    ({ value, children }: TagProviderProps): ReactElement;
+    displayName: string;
+};
+export declare const useTag: () => TagContextValue;

package/dist/types/providers/tree-list-provider.d.ts

@@ -9,7 +9,7 @@ export type TreeListContextValue = {
     selection: ReadonlySet<string>;
     toggleSelection: (id: string) => void;
     selectOnly: (id: string) => void;
-    selectRange: (fromId: string, toId: string) => void;
+    selectRange: (fromId: string, toId: string, additive?: boolean) => void;
     clearSelection: () => void;
     selectAll: () => void;
     selectionMode: SelectionMode;

package/dist/types/providers/virtualized-tree-list-provider.d.ts

@@ -7,6 +7,7 @@ export type VirtualizedTreeListContextValue = {
     setActiveIndex: (index: number | null) => void;
     selection: ReadonlySet<string>;
     toggleSelection: (id: string, index: number) => void;
+    rangeSelectFromAnchor: (index: number) => boolean;
     selectionMode: 'single' | 'multiple' | 'none';
     isFocused: boolean;
     keyboardActive: boolean;

package/dist/types/types/i18n.d.ts

@@ -0,0 +1,15 @@
+export type PhraseValue = string | number;
+/** A flat map of phrase key to text with `{0}`-style positional placeholders. */
+export type Phrases = Readonly<Record<string, string>>;
+export type TranslateOptions = {
+    /** The library's own English for the key, placeholders already filled. A miss returns it untouched. */
+    defaultValue: string;
+    /** The raw values, for the application's own template. A hit formats once, with these. */
+    values?: readonly PhraseValue[];
+};
+/**
+ * What an application hands `I18nProvider` to render the library's labels in its own words.
+ * Answers the application's text for `key`, or `defaultValue` when it has none — never an empty
+ * string and never the key, since most of these labels are `aria-label`s.
+ */
+export type Translate = (key: string, options: TranslateOptions) => string;

package/dist/types/types/index.d.ts

@@ -1,3 +1,4 @@
+export type * from './i18n';
 export type * from './lucide';
 /**
  * Controls how users can interact with a list/tree item.

package/dist/types/utils/phrase.d.ts

@@ -0,0 +1,7 @@
+import { Phrases, PhraseValue } from '../types';
+/** Fills `{0}`-style placeholders by position. One with no value stays as written. */
+export declare const formatPhrase: (template: string, values: readonly PhraseValue[]) => string;
+type UnionToIntersection<U> = (U extends unknown ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
+/** One map from the components' fragments. A key two fragments both declare is an error, not the last spread. */
+export declare const mergePhrases: <const T extends readonly Phrases[]>(fragments: T) => Readonly<UnionToIntersection<T[number]>>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enonic/ui",
-  "version": "1.2.1",
+  "version": "1.4.0",
   "description": "Enonic UI Component Library",
   "author": "Enonic",
   "license": "Apache-2.0",
@@ -58,12 +58,12 @@
   "dependencies": {
     "class-variance-authority": "~0.7.1",
     "clsx": "~2.1.1",
+    "focus-trap-react": "^12.0.3",
     "lucide-react": "^1.16.0",
-    "tailwind-merge": "~3.6.0"
+    "tailwind-merge": "~3.7.0"
   },
   "peerDependencies": {
     "@radix-ui/react-slot": "^1.2.0",
-    "focus-trap-react": "^12.0.0",
     "preact": ">=10.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -71,9 +71,6 @@
     "tw-animate-css": "^1.4.0"
   },
   "peerDependenciesMeta": {
-    "focus-trap-react": {
-      "optional": true
-    },
     "preact": {
       "optional": true
     },
@@ -93,7 +90,7 @@
   "devDependencies": {
     "@preact/preset-vite": "~2.10.6",
     "@radix-ui/react-slot": "^1.3.3",
-    "@size-limit/preset-small-lib": "~13.0.3",
+    "@size-limit/preset-small-lib": "~14.1.0",
     "@storybook/addon-a11y": "~10.6.0",
     "@storybook/addon-docs": "~10.6.0",
     "@storybook/addon-themes": "~10.6.0",
@@ -101,25 +98,26 @@
     "@storybook/test-runner": "^0.24.4",
     "@tailwindcss/vite": "~4.3.3",
     "@types/node": "~26.4.1",
-    "@types/react": "~19.2.18",
-    "@types/react-dom": "~19.2.7",
+    "@types/react": "~19.3.0",
+    "@types/react-dom": "~19.3.0",
     "@typescript/typescript6": "~6.0.2",
-    "focus-trap-react": "^12.0.3",
     "http-server": "^14.1.1",
-    "lucide-preact": "~1.40.0",
+    "lucide-preact": "~1.48.0",
     "playwright": "^1.62.1",
+    "publint": "^0.3.24",
+    "react-doctor": "0.9.14",
     "react-virtuoso": "^4.18.11",
     "rollup-plugin-visualizer": "~7.1.1",
-    "size-limit": "~13.0.3",
+    "size-limit": "~14.1.0",
     "storybook": "~10.6.0",
     "tailwindcss": "~4.3.3",
     "terser": "~5.51.2",
     "tw-animate-css": "^1.4.0",
     "typescript": "~7.0.2",
-    "vite": "npm:@voidzero-dev/vite-plus-core@^0.3.0",
+    "vite": "npm:@voidzero-dev/vite-plus-core@^1.0.0",
     "vite-plugin-dts": "~5.1.0",
     "vite-plugin-environment": "~1.1.3",
-    "vite-plus": "^0.3.0",
+    "vite-plus": "^1.0.0",
     "wait-on": "^9.1.0"
   },
   "engines": {
@@ -129,14 +127,21 @@
   "size-limit": [
     {
       "path": "dist/enonic-ui.es.js",
+      "ignore": [
+        "focus-trap-react"
+      ],
       "limit": "60 KB"
     },
     {
       "path": "dist/enonic-ui.cjs",
+      "ignore": [
+        "focus-trap-react"
+      ],
       "limit": "60 KB"
     },
     {
       "path": "dist/styles/style.css",
+      "rolldown": false,
       "limit": "15 KB"
     },
     {
@@ -144,8 +149,10 @@
       "limit": "20 KB"
     },
     {
+      "name": "dist/styles/preset.css (unminified)",
       "path": "dist/styles/preset.css",
-      "limit": "2 KB"
+      "rolldown": false,
+      "limit": "2.25 KB"
     }
   ],
   "scripts": {
@@ -164,7 +171,9 @@
     "lint:fix": "vp lint --fix",
     "format": "vp fmt",
     "format:check": "vp fmt --check",
+    "check:react": "react-doctor --no-telemetry",
     "test": "exit 0",
+    "check:package": "node scripts/package-smoke.mjs",
     "test:ci": "exit 0",
     "test:storybook": "test-storybook --includeTags interactions-smoke",
     "release:dry": "pnpm publish --dry-run --no-git-checks",