@nice2dev/ui-bi 1.1.9 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,144 @@
 # @nice2dev/ui-bi
 
+## 1.2.0
+
+### Minor Changes
+
+- 3a4939d: 1.2.0 — the API cleanup announced for this version, dictionaries per language by default, and
+  three new controls. **Breaking:** every removal has a replacement, listed name by name in
+  `documentation/omniverk/OMNIVERK_UPGRADE_1.2.0.md`.
+
+  **Removed (breaking).** All 118 `@deprecated` names: the aliases without the `Nice` prefix in
+  `ui-audio`, `ui-graphics` and `ui-3d`; `NiceBarcodeGenerator` (→ `NiceBarcode`), `NiceFloorPlanCanvas`
+  (→ `NiceSpatialEditor` in `@nice2dev/ui-buildings`), the v2 props and types of `NiceTopNav`,
+  `NiceProgress.showLabel`, `NiceCountryPicker.showDialCode` / `showFlag`, `type` on
+  `NiceDateTimePicker` / `NiceDateRangeBox` (→ `dateFormatPreset`); `ZoneOccupancy` in
+  `ui-buildings` and `events`, the `SmartHome*` types; the icon variant `flat` (→ `cutout`) and
+  `NiceIconEditor` (→ `NiceVectorEditor`); `NiceSizeLegacy`; the `snapGrid` module of `ui-diagrams` (→
+  `@nice2dev/spatial-core`); the opt-in stylesheet `@nice2dev/ui/css/legacy-bg-text-aliases.css`, which
+  formed an alias cycle with `style.css`. Props that were accepted and never read — 19 on
+  `NiceModuleGrid`, and more on `NiceAutocomplete`, `NiceTaskInbox`, `NiceConsentBanner`, the
+  building and communication controls, four `ui-audio` panels and `NiceStreamDashboard` — are gone
+  from the types. `NiceResourceAllocation` in `ui-erp` is `NiceCapacityPlanner` (the one in `ui`
+  keeps its name); `NiceGenericPlayerStageVisualizer` (→ `NiceStageVisualizer`) and
+  `NiceCubeBrowserProps` are removed. The `@nice2dev/ui/overlays` entry calls its modal, drawer,
+  bottom sheet and context menu `NiceOverlayModal`, `NiceOverlayDrawer`, `NiceOverlayBottomSheet` and
+  `NiceOverlayContextMenu`: the old names belonged to different components of `@nice2dev/ui`.
+
+  **Dictionaries per language.** `NiceI18nProvider` loads only the language in use, with `import()`
+  (it was `NiceI18nLazyProvider` in 1.1.10, which stays as the same component); the controls show their
+  built-in English until it arrives — `await loadNiceDictionary(lang)` before the first render to start
+  in the language. Nothing on the main entry of `@nice2dev/i18n` imports a dictionary any more:
+  `NICE_I18N_DICTIONARIES`, `createTranslator`, `NICE_I18N_VARIANTS` / `resolvePlVariant` and the
+  translation tooling moved to the new entry `@nice2dev/i18n/all`, and `@nice2dev/ui-core` no longer
+  re-exports the dictionary map. `@nice2dev/ui` with what it bundles: 1283 kB → 952 kB gzip loaded up
+  front. The `ui-audio` controls read the app's `NiceI18nProvider` now; their own provider overrides it.
+
+  **New controls.** `NiceRecurrenceEditor`, `NiceStopwatch`, `NiceCountdownTimer` (`@nice2dev/ui`) and
+  `NicePasswordGenerator` (`@nice2dev/auth`), plus `recurrenceDates()` and `generatePassword()`.
+  `NiceScheduler` honours a weekly rule's `byDay`, which it ignored.
+
+  **Visible changes.** The palette meets WCAG AA for text on every fill: darker fills in the light
+  theme, dark text on the fills of the dark theme (new `--nice-text-on-success` / `-error` / `-info` /
+  `-accent` / `-warning`; `NiceThemeText` takes `onSuccess`, `onError`, `onInfo`, `onWarning`). Mobile
+  and platform panels follow the app theme instead of `prefers-color-scheme`. Swipes in
+  `NiceSwipeActions`, `NiceTouchTable` and `NiceMobileCalendar` work with a mouse and a pen. The
+  `ui-forms` editors have the intended spacing (it was four times too large). `NiceMAM`,
+  `NiceTranscoder`, `NiceVideoAnnotator` and `NiceStreamDashboard` use `nice-`-prefixed BEM classes.
+
+  **Fixes.** Controls that invented results ask the host instead: `NiceIntegrationHub`,
+  `NiceMLStudio` (`onExperimentRun` may return metrics), `NiceRemoteManagement`
+  (`onCaptureScreenshot`), `NicePoseDetector` (`detector`), `NiceBatchScannerProvider`,
+  `NiceCacheStrategies`; `NiceLowCodeStudio` accepts dropped components. Controls that did nothing
+  work or say why they are off: `NiceStreamDashboard` adds sources, sends chat and runs the chosen
+  transition (new `onAddPlatform`, `onSendChatMessage`, `onTransition`, `onScreenshot`,
+  `onOpenAudioMixer`, `onOpenSettings`; `receiveChatMessage` feeds incoming chat), `NiceMLStudio`
+  downloads through `onModelDownload`, `NiceETLBuilder` saves through `onSave` (its Save button had
+  no handler), `NiceTranscoder` makes jobs of picked and dropped files, `NiceAutomationEditor` offers
+  the trigger types its model has. Texts of about fifty components go
+  through `t()` in six languages, among them the AI data grid, chart and form builders, the ML
+  studio, the report designer, the song picker, `NiceProtocolConfig`, `NiceETLBuilder` and
+  `NiceInlineHelp` — every key the controls pass to `t()` now has a dictionary entry, so none of
+  them stays English under another language; `NiceDataGridAI` sorts on a query in any language, not
+  only in English. `NiceWindow`, `NiceConsole`, `NiceFileManager` and `NiceGitManager` no longer
+  crash when `accessMode` switches to or from `'hidden'`. Ids come from `createId()` (`@nice2dev/ui-core`), so nothing throws
+  outside a secure context as `crypto.randomUUID()` did on plain http. `ui-3d` runs on three r183
+  without its deprecation warnings. `NiceRemoteManagement` calls the handlers of the latest render.
+  The AI hint popover and the `ui-platform` panels follow the app theme, not the system's or a
+  `.dark` class on the host. `NiceCommandPalette` has styles and its search filters;
+  `NiceTimeoutFeedback` starts its clock; `NiceOfflineBanner` takes `online`; Monaco's workers in
+  `NiceCodeEditor` load; the `ui-audio` panels that used Bootstrap classes use Nice controls; colours
+  that reached a canvas as `var(…)` (karaoke lanes and notes) are resolved first.
+
+## 1.1.10
+
+### Patch Changes
+
+- The package description on npm shows a dash instead of the mis-encoded "—".
+- 1.1.10 — the additive part of OmniVerk's 1.2.0 list: ui-audio builds without optional packages, one
+  i18n context, dictionaries per language, data props optional. No breaking changes.
+
+  **`@nice2dev/ui-audio` no longer breaks the consumer's build.** It imported `react-bootstrap`,
+  `recharts`, `react-window`, `react-youtube` and `pitchy` statically while declaring none of them
+  (only optional entries in `peerDependenciesMeta`), so a Vite app without them failed with "failed to
+  resolve import". Loading them with `import()` is no way out: Vite 8 (Rolldown) resolves dynamic
+  imports at build time and fails the same way, which made `hls.js` and `phaser` mandatory too.
+  `react-bootstrap`, `recharts`, `react-window` and `phaser` are now gone from the code
+  (`NiceBarFillEditor` uses Nice controls, `NiceVocalPerformanceReport` uses `NiceChart` /
+  `NicePieChart`, the karaoke editor list uses `NiceVirtualScroller`, `NiceKaraokePhaserRenderer`
+  renders with the DOM and keeps its name); `pitchy`, `react-youtube` and `hls.js` are regular
+  `dependencies`. Found on the way: in live mode the vocal performance report subtracted UltraStar note
+  numbers from MIDI pitch, so every singer got thousands of cents of deviation and 0 % accuracy — it now
+  compares pitch within the octave, as the scoring does; `NiceBarFillEditor` put a colour into a
+  percentage slider.
+
+  **Every package declares what its bundle imports.** A new CI gate checks every `import`, `import()`
+  and `require()` in the published `dist` against `dependencies` and non-optional `peerDependencies`.
+  To reach zero: `@nice2dev/licensing` no longer has `require('webpack')` in its main bundle (the webpack
+  plugin uses `compiler.webpack`; webpack 4 gets a warning instead of feature flags) and `react` is a
+  required peer; `@nice2dev/erp-adapter` lists `@microsoft/signalr` in `dependencies` (still loaded on
+  first use); `@nice2dev/icons-cursor` declares its `react-dom` peer; `@nice2dev/ui-printing` treats
+  `@nice2dev/ui` as a required peer.
+
+  **One copy of each package, one i18n context.** `@nice2dev/ui` carried its own copy of
+  `@nice2dev/ui-core` and `@nice2dev/i18n`, and `ui-forms`, `ui-api`, `ui-bi`, `ui-designers`, `ui-math`
+  and `ui-video` each carried a copy of all of `@nice2dev/ui` (about 4.4 MB each). Every copy had its own
+  React contexts: a `NiceI18nProvider` imported from `@nice2dev/i18n` did not reach the controls of
+  `@nice2dev/ui`, which kept their English defaults and `lang` `'en'`, and the dictionaries ended up in
+  an app several times. These packages now import `@nice2dev/*` instead (`ui-forms` 4.4 MB → 82 kB).
+  Keep every `@nice2dev/*` package on the same version.
+
+  **Dictionaries per language.** `NiceI18nLazyProvider` takes the same props as `NiceI18nProvider`
+  (`t`, `lang`, `overrides`, plus `fallback` and `onError`) but loads only the active language's
+  dictionary, with `import()`; until it arrives the controls show their built-in English (or
+  `fallback`), and with `t` nothing is loaded at all. Also `loadNiceDictionary(lang)`, to start in a
+  language without a flash of English, and `getLoadedNiceDictionary(lang)`. Exported from
+  `@nice2dev/i18n`, `@nice2dev/ui-core` and `@nice2dev/ui`; in the `i18n` build every language is its own
+  file. `NiceI18nProvider` and `NICE_I18N_DICTIONARIES` are unchanged and still bring all 30 dictionaries.
+  `NiceTestWrapper` (ui-core) and `NiceShowcase` (ui) use the lazy provider now, so they no longer pull
+  every dictionary into the apps that bundle them.
+
+  **Data props are optional.** These controls threw a `TypeError` without data and now render empty:
+  `NiceTreeView.nodes`, `NiceAccordion.items`, `NiceCascadeSelect.options`, `NiceAutocomplete.options`,
+  `NiceAuditLog.entries`, `NiceDocumentVersionList.versions`, `NicePermissionMatrix.roles` / `actions`,
+  `WizardStep.content`, `NiceDiagramViewer.document`, `NiceOrgChartVisualizer.data`,
+  `NiceSpatialViewer.document`, and in `@nice2dev/events` the lists of `NiceGiftRegistry`,
+  `NiceParticipantList`, `NiceExpenseSplit`, `NiceSeatingChart`, `NiceMediaCollage` and `NiceEventMedia`.
+  `NiceMap` without `center` centres on its markers (the whole world without markers), `NiceCountdown`
+  without `targetDate` shows zero and never calls `onComplete`, `NiceChat` without `onSend` is read-only
+  (no input), and `NiceInvitationDesigner` gains `defaultTemplate`. A CI ratchet counts the required
+  array props that remain.
+
+  **Smaller fixes.** `NicePieChart` draws a 100 % slice as a full circle instead of nothing. In
+  development `NiceThemeProvider` warns when `--nice-primary` / `--nice-color-primary` (or another linked
+  pair) resolves to nothing on `:root` — usually an alias cycle in the app's CSS; the theming guides say
+  which side to set. `@nice2dev/game-engine` exports `createAnimationClip`, `AnimatorController` and
+  `createAnimatorController` (two modules exported each name, so `export *` dropped all three); the other
+  implementations are `StateMachineAnimatorController`, `createStateMachineAnimatorController`,
+  `createTimelineAnimationClip` and `createRetargetingAnimationClip`.
+
+  Nothing was renamed or removed.
+
 ## 1.1.9
 
 ### Patch Changes

package/dist/NiceETLBuilder.d.ts

@@ -3,5 +3,5 @@ import { NiceETLBuilderProps } from './types';
 /**
  * NiceETLBuilder - Visual ETL Pipeline Builder
  */
-export declare function NiceETLBuilder({ pipeline: initialPipeline, dataSources, onChange, onRun, onSchedule, className, tutorial, }: NiceETLBuilderProps): React.ReactElement;
+export declare function NiceETLBuilder({ pipeline: initialPipeline, dataSources, onChange, onRun, onSchedule, onSave, className, tutorial, }: NiceETLBuilderProps): React.ReactElement;
 export default NiceETLBuilder;

package/dist/index.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CiIML9tH.cjs");exports.NiceETLBuilder=e.NiceETLBuilder;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("@nice2dev/ui"),f=require("@nice2dev/ui-core"),m=require("react"),q=[{target:".nice-etl-builder",titleKey:"tutorial.etlBuilder.intro.title",title:"ETL builder",contentKey:"tutorial.etlBuilder.intro.content",content:"Wire sources → transformations → destinations into a pipeline, switch the views, then run it and save the configuration.",placement:"auto"}],K={id:"",name:"New Pipeline",sources:[],transformations:[],destinations:[],version:1},E=o=>/^[a-z][a-z0-9-]*$/.test(o)?e.jsx(g.NiceIcon,{name:o,size:16}):o,w=[{type:"filter",key:"etlBuilder.transform.filter",label:"Filter",icon:"filter"},{type:"map",key:"etlBuilder.transform.map",label:"Map",icon:"shuffle"},{type:"aggregate",key:"etlBuilder.transform.aggregate",label:"Aggregate",icon:"∑"},{type:"join",key:"etlBuilder.transform.join",label:"Join",icon:"link"},{type:"union",key:"etlBuilder.transform.union",label:"Union",icon:"∪"},{type:"sort",key:"etlBuilder.transform.sort",label:"Sort",icon:"sort"},{type:"deduplicate",key:"etlBuilder.transform.deduplicate",label:"Deduplicate",icon:"copy"},{type:"pivot",key:"etlBuilder.transform.pivot",label:"Pivot",icon:"expand"},{type:"unpivot",key:"etlBuilder.transform.unpivot",label:"Unpivot",icon:"collapse"},{type:"split",key:"etlBuilder.transform.split",label:"Split",icon:"scissors"},{type:"merge",key:"etlBuilder.transform.merge",label:"Merge",icon:"git-branch"},{type:"lookup",key:"etlBuilder.transform.lookup",label:"Lookup",icon:"book"},{type:"derive",key:"etlBuilder.transform.derive",label:"Derive Column",icon:"plus"},{type:"validate",key:"etlBuilder.transform.validate",label:"Validate",icon:"check"},{type:"cleanse",key:"etlBuilder.transform.cleanse",label:"Cleanse",icon:"wand"},{type:"custom",key:"etlBuilder.transform.custom",label:"Custom",icon:"ƒ"}];function V({pipeline:o,dataSources:l=[],onChange:d,onRun:t,onSchedule:h,onSave:n,className:j="",tutorial:a}){const{t:c}=f.useNiceTranslation(),[p,I]=m.useState(()=>o||{...K,id:f.createId(),name:c("etlBuilder.newPipeline","New Pipeline")}),[u,_]=m.useState(null),[v,L]=m.useState("design"),[B,T]=m.useState(!1),[P,A]=m.useState([]),[y,N]=m.useState(null),F=m.useRef(null),b=m.useCallback(i=>{I(s=>{const r=i(s);return d==null||d(r),r})},[d]),S=m.useCallback(i=>{var r;const s={id:f.createId(),type:i.type,name:i.name,config:i.config,schema:(r=i.schema)==null?void 0:r.tables[0]};b(x=>({...x,sources:[...x.sources,s]}))},[b]),D=m.useCallback((i,s)=>{const r={id:f.createId(),type:i,name:(()=>{const x=w.find(H=>H.type===i);return x?c(x.key,x.label):i})(),input:[],output:f.createId(),config:Y(i)};b(x=>({...x,transformations:[...x.transformations,r]})),_({type:"transformation",id:r.id})},[b,c]),z=m.useCallback(()=>{const i={id:f.createId(),type:"database",name:c("etlBuilder.newDestination","New Destination"),config:{},writeMode:"append"};b(s=>({...s,destinations:[...s.destinations,i]})),_({type:"destination",id:i.id})},[b,c]),k=m.useCallback((i,s)=>{b(r=>{switch(i){case"source":return{...r,sources:r.sources.filter(x=>x.id!==s)};case"transformation":return{...r,transformations:r.transformations.filter(x=>x.id!==s)};case"destination":return{...r,destinations:r.destinations.filter(x=>x.id!==s)};default:return r}}),_(null)},[b]),R=m.useCallback(async()=>{if(t){T(!0);try{const i=await t(p);A(s=>[i,...s].slice(0,50))}finally{T(!1)}}},[p,t]),U=m.useCallback(i=>{b(s=>({...s,schedule:i})),h==null||h(p,i)},[p,b,h]),M=m.useCallback(i=>{if(i.preventDefault(),!!y){if(y.startsWith("transform:")){const s=y.replace("transform:","");D(s)}N(null)}},[y,D]),$=()=>{if(!u)return null;switch(u.type){case"source":return p.sources.find(i=>i.id===u.id);case"transformation":return p.transformations.find(i=>i.id===u.id);case"destination":return p.destinations.find(i=>i.id===u.id);default:return null}},O=v==="design"?e.jsxs("div",{className:"nice-etl-builder__palette",children:[e.jsx("h4",{children:c("etlBuilder.sources","Sources")}),l.map(i=>e.jsxs("div",{className:"nice-etl-builder__palette-item",onClick:()=>S(i),children:[e.jsx("span",{className:"nice-etl-builder__palette-icon",children:e.jsx(g.NiceIcon,{name:"database",size:14})}),e.jsx("span",{children:i.name})]},i.id)),e.jsxs("button",{onClick:()=>S({id:"",name:c("etlBuilder.newSource","New Source"),type:"database",config:{}}),children:[e.jsx(g.NiceIcon,{name:"plus",size:14})," ",c("etlBuilder.addSource","Add Source")]}),e.jsx("h4",{children:c("etlBuilder.transformations","Transformations")}),w.map(i=>e.jsxs("div",{className:"nice-etl-builder__palette-item",draggable:!0,onDragStart:()=>N(`transform:${i.type}`),onDragEnd:()=>N(null),children:[e.jsx("span",{className:"nice-etl-builder__palette-icon",children:E(i.icon)}),e.jsx("span",{children:c(i.key,i.label)})]},i.type)),e.jsx("h4",{children:c("etlBuilder.destinations","Destinations")}),e.jsxs("button",{onClick:z,children:[e.jsx(g.NiceIcon,{name:"plus",size:14})," ",c("etlBuilder.addDestination","Add Destination")]})]}):void 0,W=u&&v==="design"?e.jsx(J,{nodeType:u.type,node:$()??null,dataSources:l,onChange:i=>{b(s=>{switch(u.type){case"source":return{...s,sources:s.sources.map(r=>r.id===u.id?{...r,...i}:r)};case"transformation":return{...s,transformations:s.transformations.map(r=>r.id===u.id?{...r,...i}:r)};case"destination":return{...s,destinations:s.destinations.map(r=>r.id===u.id?{...r,...i}:r)};default:return s}})},onClose:()=>_(null)}):void 0;return e.jsxs(g.NiceAppShell,{flush:!0,className:`nice-etl-builder ${j}`,height:"100%",style:{minHeight:600},sidebar:O,rightSidebar:W,toolbar:e.jsxs("div",{className:"nice-etl-builder__toolbar",children:[e.jsx("input",{type:"text",value:p.name,onChange:i=>b(s=>({...s,name:i.target.value})),className:"nice-etl-builder__name-input"}),e.jsx("div",{className:"nice-etl-builder__tabs",children:["design","code","schedule","history"].map(i=>e.jsx("button",{className:`nice-etl-builder__tab ${v===i?"nice-etl-builder__tab--active":""}`,onClick:()=>L(i),children:c(`etlBuilder.tab.${i}`,i.charAt(0).toUpperCase()+i.slice(1))},i))}),e.jsxs("div",{className:"nice-etl-builder__actions",children:[e.jsxs("button",{onClick:R,disabled:B||!t,title:t?void 0:c("etlBuilder.runNotSetUp","Running pipelines is not set up"),className:"nice-etl-builder__run-btn",children:[e.jsx(g.NiceIcon,{name:B?"clock":"play",size:14})," ",B?c("etlBuilder.running","Running..."):c("etlBuilder.run","Run")]}),e.jsxs("button",{onClick:()=>n==null?void 0:n(p),disabled:!n,title:n?void 0:c("etlBuilder.saveNotSetUp","Saving pipelines is not set up"),className:"nice-etl-builder__save-btn",children:[e.jsx(g.NiceIcon,{name:"save",size:14})," ",c("save","Save")]}),e.jsx(f.NiceTutorialButton,{steps:f.resolveTutorial(a,q)})]})]}),children:[v==="design"&&e.jsx("div",{ref:F,className:"nice-etl-builder__canvas",onDragOver:i=>i.preventDefault(),onDrop:M,onClick:()=>_(null),children:e.jsxs("div",{className:"nice-etl-builder__flow",children:[e.jsxs("div",{className:"nice-etl-builder__column",children:[e.jsx("h5",{children:c("etlBuilder.sources","Sources")}),p.sources.map(i=>e.jsx(C,{node:i,nodeType:"source",icon:"database",isSelected:(u==null?void 0:u.id)===i.id,onSelect:()=>_({type:"source",id:i.id}),onDelete:()=>k("source",i.id)},i.id))]}),e.jsx("div",{className:"nice-etl-builder__arrow","aria-hidden":"true",children:e.jsx(g.NiceIcon,{name:"arrow-right",size:16})}),e.jsxs("div",{className:"nice-etl-builder__column nice-etl-builder__column--transforms",children:[e.jsx("h5",{children:c("etlBuilder.transformations","Transformations")}),p.transformations.map(i=>{const s=w.find(r=>r.type===i.type);return e.jsx(C,{node:i,nodeType:"transformation",icon:(s==null?void 0:s.icon)||"shuffle",isSelected:(u==null?void 0:u.id)===i.id,onSelect:()=>_({type:"transformation",id:i.id}),onDelete:()=>k("transformation",i.id)},i.id)}),p.transformations.length===0&&e.jsx("div",{className:"nice-etl-builder__empty-column",children:c("etlBuilder.dragTransformationsHere","Drag transformations here")})]}),e.jsx("div",{className:"nice-etl-builder__arrow","aria-hidden":"true",children:e.jsx(g.NiceIcon,{name:"arrow-right",size:16})}),e.jsxs("div",{className:"nice-etl-builder__column",children:[e.jsx("h5",{children:c("etlBuilder.destinations","Destinations")}),p.destinations.map(i=>e.jsx(C,{node:i,nodeType:"destination",icon:"download",isSelected:(u==null?void 0:u.id)===i.id,onSelect:()=>_({type:"destination",id:i.id}),onDelete:()=>k("destination",i.id)},i.id))]})]})}),v==="code"&&e.jsx("div",{className:"nice-etl-builder__code-view",children:e.jsx("pre",{children:JSON.stringify(p,null,2)})}),v==="schedule"&&e.jsx(G,{schedule:p.schedule,monitoring:p.monitoring,onChange:U}),v==="history"&&e.jsx(Q,{runs:P})]})}function Y(o){switch(o){case"filter":return{condition:""};case"map":return{mappings:[]};case"aggregate":return{groupBy:[],aggregations:[]};case"join":return{joinType:"inner",leftKey:"",rightKey:""};case"union":return{inputs:[]};case"sort":return{columns:[],directions:[]};case"deduplicate":return{columns:[],keepFirst:!0};case"pivot":return{pivotColumn:"",valueColumn:"",aggregation:"sum"};case"unpivot":return{columns:[],nameColumn:"name",valueColumn:"value"};case"derive":return{name:"",expression:""};case"validate":return{rules:[]};case"cleanse":return{operations:[]};case"custom":return{code:`// Custom transformation
+return data;`};default:return{}}}function C({node:o,nodeType:l,icon:d,isSelected:t,onSelect:h,onDelete:n}){return e.jsxs("div",{className:`nice-etl-builder__node nice-etl-builder__node--${l} ${t?"nice-etl-builder__node--selected":""}`,onClick:j=>{j.stopPropagation(),h()},children:[e.jsx("span",{className:"nice-etl-builder__node-icon",children:E(d)}),e.jsx("span",{className:"nice-etl-builder__node-name",children:o.name}),e.jsx("button",{className:"nice-etl-builder__node-delete",onClick:j=>{j.stopPropagation(),n()},children:"×"})]})}function J({nodeType:o,node:l,dataSources:d,onChange:t,onClose:h}){var j;const{t:n}=f.useNiceTranslation();return l?e.jsxs("div",{className:"nice-etl-builder__properties",children:[e.jsxs("div",{className:"nice-etl-builder__properties-header",children:[e.jsxs("h4",{children:[o.charAt(0).toUpperCase()+o.slice(1)," Properties"]}),e.jsx("button",{onClick:h,children:"×"})]}),e.jsxs("div",{className:"nice-etl-builder__properties-content",children:[e.jsxs("div",{className:"nice-etl-builder__field",children:[e.jsx("label",{children:n("etlBuilder.name","Name")}),e.jsx("input",{type:"text",value:l.name,onChange:a=>t({name:a.target.value})})]}),o==="source"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"nice-etl-builder__field",children:[e.jsx("label",{children:n("etlBuilder.type","Type")}),e.jsxs("select",{value:l.type,onChange:a=>t({type:a.target.value}),children:[e.jsx("option",{value:"database",children:n("etlBuilder.database","Database")}),e.jsx("option",{value:"api",children:"API"}),e.jsx("option",{value:"file",children:n("etlBuilder.file","File")}),e.jsx("option",{value:"stream",children:n("etlBuilder.stream","Stream")})]})]}),e.jsx("div",{className:"nice-etl-builder__field",children:e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",checked:((j=l.incremental)==null?void 0:j.enabled)||!1,onChange:a=>{var c;return t({incremental:{...l.incremental,enabled:a.target.checked,column:((c=l.incremental)==null?void 0:c.column)||""}})}}),n("etlBuilder.incrementalLoad","Incremental Load")]})})]}),o==="transformation"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"nice-etl-builder__field",children:[e.jsx("label",{children:n("etlBuilder.type","Type")}),e.jsx("span",{children:l.type})]}),l.type==="filter"&&e.jsxs("div",{className:"nice-etl-builder__field",children:[e.jsx("label",{children:n("etlBuilder.condition","Condition")}),e.jsx("textarea",{value:String(l.config.condition||""),onChange:a=>t({config:{...l.config,condition:a.target.value}}),placeholder:n("etlBuilder.conditionPlaceholder","e.g., age > 18 AND status = 'active'"),rows:3})]}),l.type==="derive"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"nice-etl-builder__field",children:[e.jsx("label",{children:n("etlBuilder.columnName","Column Name")}),e.jsx("input",{type:"text",value:String(l.config.name||""),onChange:a=>t({config:{...l.config,name:a.target.value}})})]}),e.jsxs("div",{className:"nice-etl-builder__field",children:[e.jsx("label",{children:n("etlBuilder.expression","Expression")}),e.jsx("input",{type:"text",value:String(l.config.expression||""),onChange:a=>t({config:{...l.config,expression:a.target.value}}),placeholder:n("etlBuilder.expressionPlaceholder","e.g., price * quantity")})]})]}),l.type==="custom"&&e.jsxs("div",{className:"nice-etl-builder__field",children:[e.jsx("label",{children:n("etlBuilder.code","Code")}),e.jsx("textarea",{value:String(l.config.code||""),onChange:a=>t({config:{...l.config,code:a.target.value}}),rows:10,className:"nice-etl-builder__code-input"})]})]}),o==="destination"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"nice-etl-builder__field",children:[e.jsx("label",{children:n("etlBuilder.type","Type")}),e.jsxs("select",{value:l.type,onChange:a=>t({type:a.target.value}),children:[e.jsx("option",{value:"database",children:n("etlBuilder.database","Database")}),e.jsx("option",{value:"file",children:n("etlBuilder.file","File")}),e.jsx("option",{value:"api",children:"API"}),e.jsx("option",{value:"warehouse",children:n("etlBuilder.dataWarehouse","Data Warehouse")})]})]}),e.jsxs("div",{className:"nice-etl-builder__field",children:[e.jsx("label",{children:n("etlBuilder.writeMode","Write Mode")}),e.jsxs("select",{value:l.writeMode,onChange:a=>t({writeMode:a.target.value}),children:[e.jsx("option",{value:"append",children:n("etlBuilder.append","Append")}),e.jsx("option",{value:"overwrite",children:n("etlBuilder.overwrite","Overwrite")}),e.jsx("option",{value:"upsert",children:n("etlBuilder.upsert","Upsert")}),e.jsx("option",{value:"merge",children:n("etlBuilder.merge","Merge")})]})]})]})]})]}):e.jsx(e.Fragment,{})}function G({schedule:o,monitoring:l,onChange:d}){const{t}=f.useNiceTranslation(),[h,n]=m.useState(o||{enabled:!1});return e.jsxs("div",{className:"nice-etl-builder__schedule-editor",children:[e.jsx("h4",{children:t("etlBuilder.scheduleConfiguration","Schedule Configuration")}),e.jsx("div",{className:"nice-etl-builder__field",children:e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",checked:h.enabled,onChange:j=>{const a={...h,enabled:j.target.checked};n(a),d(a)}}),t("etlBuilder.enableScheduledExecution","Enable scheduled execution")]})}),h.enabled&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"nice-etl-builder__field",children:[e.jsx("label",{children:t("etlBuilder.cronExpression","Cron Expression")}),e.jsx("input",{type:"text",value:h.cron||"",onChange:j=>{const a={...h,cron:j.target.value};n(a)},placeholder:t("etlBuilder.cronPlaceholder","0 * * * * (every hour)")}),e.jsx("small",{children:t("etlBuilder.cronFormat","Format: minute hour day month weekday")})]}),e.jsxs("div",{className:"nice-etl-builder__field",children:[e.jsx("label",{children:t("etlBuilder.timezone","Timezone")}),e.jsxs("select",{value:h.timezone||"UTC",onChange:j=>{const a={...h,timezone:j.target.value};n(a)},children:[e.jsx("option",{value:"UTC",children:"UTC"}),e.jsx("option",{value:"America/New_York",children:t("etlBuilder.easternTime","Eastern Time")}),e.jsx("option",{value:"America/Chicago",children:t("etlBuilder.centralTime","Central Time")}),e.jsx("option",{value:"America/Los_Angeles",children:t("etlBuilder.pacificTime","Pacific Time")}),e.jsx("option",{value:"Europe/London",children:t("etlBuilder.london","London")}),e.jsx("option",{value:"Europe/Warsaw",children:t("etlBuilder.warsaw","Warsaw")})]})]}),e.jsx("button",{onClick:()=>d(h),children:t("etlBuilder.saveSchedule","Save Schedule")})]}),e.jsx("h4",{children:t("etlBuilder.monitoring","Monitoring")}),e.jsx("div",{className:"nice-etl-builder__field",children:e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",checked:(l==null?void 0:l.alertOnFailure)||!1,disabled:!0}),t("etlBuilder.alertOnFailure","Alert on failure")]})}),e.jsxs("div",{className:"nice-etl-builder__field",children:[e.jsx("label",{children:t("etlBuilder.logLevel","Log Level")}),e.jsxs("select",{value:(l==null?void 0:l.logLevel)||"info",disabled:!0,children:[e.jsx("option",{value:"error",children:t("etlBuilder.error","Error")}),e.jsx("option",{value:"warn",children:t("etlBuilder.warning","Warning")}),e.jsx("option",{value:"info",children:t("etlBuilder.info","Info")}),e.jsx("option",{value:"debug",children:t("etlBuilder.debug","Debug")})]})]})]})}function Q({runs:o}){const{t:l}=f.useNiceTranslation();return e.jsxs("div",{className:"nice-etl-builder__history-view",children:[e.jsx("h4",{children:l("etlBuilder.runHistory","Run History")}),o.length===0?e.jsx("div",{className:"nice-etl-builder__no-history",children:l("etlBuilder.noRunsYet","No runs yet")}):e.jsxs("table",{className:"nice-etl-builder__history-table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:l("etlBuilder.status","Status")}),e.jsx("th",{children:l("etlBuilder.startTime","Start Time")}),e.jsx("th",{children:l("etlBuilder.duration","Duration")}),e.jsx("th",{children:l("etlBuilder.rows","Rows")}),e.jsx("th",{children:l("etlBuilder.errors","Errors")})]})}),e.jsx("tbody",{children:o.map(d=>e.jsxs("tr",{className:`nice-etl-builder__run nice-etl-builder__run--${d.status}`,children:[e.jsx("td",{children:e.jsxs("span",{className:`nice-etl-builder__status nice-etl-builder__status--${d.status}`,children:[e.jsx(g.NiceIcon,{name:d.status==="success"?"check":d.status==="failed"?"close":"clock",size:12}),d.status]})}),e.jsx("td",{children:d.startTime.toLocaleString()}),e.jsx("td",{children:d.endTime?`${Math.round((d.endTime.getTime()-d.startTime.getTime())/1e3)}s`:"-"}),e.jsxs("td",{children:[d.rowsProcessed.toLocaleString()," / ",d.rowsWritten.toLocaleString()]}),e.jsx("td",{children:d.errors.length})]},d.id))})]})]})}exports.NiceETLBuilder=V;

package/dist/index.d.ts

@@ -3,4 +3,4 @@
  * Nice2Dev Business Intelligence
  */
 export { NiceETLBuilder } from './NiceETLBuilder';
-export type { DataSource, DataSourceConfig, DataSchema, TableSchema, ColumnSchema, Relationship, Report, ReportQuery, QueryJoin, QueryColumn, QueryCondition, ReportLayout, ReportElement, ReportElementType, DataBinding, ElementStyle, ReportParameter, ReportFilter, ReportSorting, ReportGrouping, CalculatedField, ReportFormatting, ConditionalFormat, DrillDownConfig, DrillDownLevel, Dashboard, DashboardLayout, DashboardWidget, WidgetType, GridPosition, WidgetConfig, ChartType, ChartSeries, ChartAxis, LegendConfig, TableColumn, MapConfig, WidgetInteraction, DashboardFilter, DashboardTheme, SharingConfig, SharedUser, ETLPipeline, ETLSource, ETLTransformation, ETLTransformationType, ETLDestination, ETLSchedule, ETLMonitoring, ETLRun, ETLError, Cube, CubeDimension, CubeMeasure, CubeHierarchy, NiceETLBuilderProps, NiceCubeBrowserProps, } from './types';
+export type { DataSource, DataSourceConfig, DataSchema, TableSchema, ColumnSchema, Relationship, Report, ReportQuery, QueryJoin, QueryColumn, QueryCondition, ReportLayout, ReportElement, ReportElementType, DataBinding, ElementStyle, ReportParameter, ReportFilter, ReportSorting, ReportGrouping, CalculatedField, ReportFormatting, ConditionalFormat, DrillDownConfig, DrillDownLevel, Dashboard, DashboardLayout, DashboardWidget, WidgetType, GridPosition, WidgetConfig, ChartType, ChartSeries, ChartAxis, LegendConfig, TableColumn, MapConfig, WidgetInteraction, DashboardFilter, DashboardTheme, SharingConfig, SharedUser, ETLPipeline, ETLSource, ETLTransformation, ETLTransformationType, ETLDestination, ETLSchedule, ETLMonitoring, ETLRun, ETLError, Cube, CubeDimension, CubeMeasure, CubeHierarchy, NiceETLBuilderProps, } from './types';

package/dist/index.mjs

@@ -1,4 +1,758 @@
-import { N as i } from "./index-BbAnSU3F.js";
+import { jsxs as l, jsx as e, Fragment as k } from "react/jsx-runtime";
+import { NiceIcon as g, NiceAppShell as q } from "@nice2dev/ui";
+import { useNiceTranslation as C, createId as w, NiceTutorialButton as G, resolveTutorial as Q } from "@nice2dev/ui-core";
+import { useState as N, useRef as X, useCallback as y } from "react";
+const Z = [
+  {
+    target: ".nice-etl-builder",
+    titleKey: "tutorial.etlBuilder.intro.title",
+    title: "ETL builder",
+    contentKey: "tutorial.etlBuilder.intro.content",
+    content: "Wire sources → transformations → destinations into a pipeline, switch the views, then run it and save the configuration.",
+    placement: "auto"
+  }
+], ee = {
+  id: "",
+  name: "New Pipeline",
+  sources: [],
+  transformations: [],
+  destinations: [],
+  version: 1
+}, R = (u) => /^[a-z][a-z0-9-]*$/.test(u) ? /* @__PURE__ */ e(g, { name: u, size: 16 }) : u, E = [
+  { type: "filter", key: "etlBuilder.transform.filter", label: "Filter", icon: "filter" },
+  { type: "map", key: "etlBuilder.transform.map", label: "Map", icon: "shuffle" },
+  { type: "aggregate", key: "etlBuilder.transform.aggregate", label: "Aggregate", icon: "∑" },
+  { type: "join", key: "etlBuilder.transform.join", label: "Join", icon: "link" },
+  { type: "union", key: "etlBuilder.transform.union", label: "Union", icon: "∪" },
+  { type: "sort", key: "etlBuilder.transform.sort", label: "Sort", icon: "sort" },
+  {
+    type: "deduplicate",
+    key: "etlBuilder.transform.deduplicate",
+    label: "Deduplicate",
+    icon: "copy"
+  },
+  { type: "pivot", key: "etlBuilder.transform.pivot", label: "Pivot", icon: "expand" },
+  { type: "unpivot", key: "etlBuilder.transform.unpivot", label: "Unpivot", icon: "collapse" },
+  { type: "split", key: "etlBuilder.transform.split", label: "Split", icon: "scissors" },
+  { type: "merge", key: "etlBuilder.transform.merge", label: "Merge", icon: "git-branch" },
+  { type: "lookup", key: "etlBuilder.transform.lookup", label: "Lookup", icon: "book" },
+  { type: "derive", key: "etlBuilder.transform.derive", label: "Derive Column", icon: "plus" },
+  { type: "validate", key: "etlBuilder.transform.validate", label: "Validate", icon: "check" },
+  { type: "cleanse", key: "etlBuilder.transform.cleanse", label: "Cleanse", icon: "wand" },
+  { type: "custom", key: "etlBuilder.transform.custom", label: "Custom", icon: "ƒ" }
+];
+function se({
+  pipeline: u,
+  dataSources: t = [],
+  onChange: o,
+  onRun: n,
+  onSchedule: h,
+  onSave: r,
+  className: f = "",
+  tutorial: c
+}) {
+  const { t: s } = C(), [m, U] = N(
+    () => u || {
+      ...ee,
+      id: w(),
+      name: s("etlBuilder.newPipeline", "New Pipeline")
+    }
+  ), [p, v] = N(null), [B, F] = N("design"), [S, P] = N(!1), [M, I] = N([]), [T, D] = N(null), $ = X(null), _ = y(
+    (i) => {
+      U((a) => {
+        const d = i(a);
+        return o == null || o(d), d;
+      });
+    },
+    [o]
+  ), A = y(
+    (i) => {
+      var d;
+      const a = {
+        id: w(),
+        type: i.type,
+        name: i.name,
+        config: i.config,
+        schema: (d = i.schema) == null ? void 0 : d.tables[0]
+      };
+      _((b) => ({
+        ...b,
+        sources: [...b.sources, a]
+      }));
+    },
+    [_]
+  ), z = y(
+    (i, a) => {
+      const d = {
+        id: w(),
+        type: i,
+        name: (() => {
+          const b = E.find((J) => J.type === i);
+          return b ? s(b.key, b.label) : i;
+        })(),
+        input: [],
+        output: w(),
+        config: ie(i)
+      };
+      _((b) => ({
+        ...b,
+        transformations: [...b.transformations, d]
+      })), v({ type: "transformation", id: d.id });
+    },
+    [_, s]
+  ), W = y(() => {
+    const i = {
+      id: w(),
+      type: "database",
+      name: s("etlBuilder.newDestination", "New Destination"),
+      config: {},
+      writeMode: "append"
+    };
+    _((a) => ({
+      ...a,
+      destinations: [...a.destinations, i]
+    })), v({ type: "destination", id: i.id });
+  }, [_, s]), x = y(
+    (i, a) => {
+      _((d) => {
+        switch (i) {
+          case "source":
+            return { ...d, sources: d.sources.filter((b) => b.id !== a) };
+          case "transformation":
+            return {
+              ...d,
+              transformations: d.transformations.filter((b) => b.id !== a)
+            };
+          case "destination":
+            return { ...d, destinations: d.destinations.filter((b) => b.id !== a) };
+          default:
+            return d;
+        }
+      }), v(null);
+    },
+    [_]
+  ), O = y(async () => {
+    if (n) {
+      P(!0);
+      try {
+        const i = await n(m);
+        I((a) => [i, ...a].slice(0, 50));
+      } finally {
+        P(!1);
+      }
+    }
+  }, [m, n]), H = y(
+    (i) => {
+      _((a) => ({ ...a, schedule: i })), h == null || h(m, i);
+    },
+    [m, _, h]
+  ), j = y(
+    (i) => {
+      if (i.preventDefault(), !!T) {
+        if (T.startsWith("transform:")) {
+          const a = T.replace("transform:", "");
+          z(a);
+        }
+        D(null);
+      }
+    },
+    [T, z]
+  ), K = () => {
+    if (!p)
+      return null;
+    switch (p.type) {
+      case "source":
+        return m.sources.find((i) => i.id === p.id);
+      case "transformation":
+        return m.transformations.find((i) => i.id === p.id);
+      case "destination":
+        return m.destinations.find((i) => i.id === p.id);
+      default:
+        return null;
+    }
+  }, V = B === "design" ? /* @__PURE__ */ l("div", { className: "nice-etl-builder__palette", children: [
+    /* @__PURE__ */ e("h4", { children: s("etlBuilder.sources", "Sources") }),
+    t.map((i) => /* @__PURE__ */ l("div", { className: "nice-etl-builder__palette-item", onClick: () => A(i), children: [
+      /* @__PURE__ */ e("span", { className: "nice-etl-builder__palette-icon", children: /* @__PURE__ */ e(g, { name: "database", size: 14 }) }),
+      /* @__PURE__ */ e("span", { children: i.name })
+    ] }, i.id)),
+    /* @__PURE__ */ l(
+      "button",
+      {
+        onClick: () => A({
+          id: "",
+          name: s("etlBuilder.newSource", "New Source"),
+          type: "database",
+          config: {}
+        }),
+        children: [
+          /* @__PURE__ */ e(g, { name: "plus", size: 14 }),
+          " ",
+          s("etlBuilder.addSource", "Add Source")
+        ]
+      }
+    ),
+    /* @__PURE__ */ e("h4", { children: s("etlBuilder.transformations", "Transformations") }),
+    E.map((i) => /* @__PURE__ */ l(
+      "div",
+      {
+        className: "nice-etl-builder__palette-item",
+        draggable: !0,
+        onDragStart: () => D(`transform:${i.type}`),
+        onDragEnd: () => D(null),
+        children: [
+          /* @__PURE__ */ e("span", { className: "nice-etl-builder__palette-icon", children: R(i.icon) }),
+          /* @__PURE__ */ e("span", { children: s(i.key, i.label) })
+        ]
+      },
+      i.type
+    )),
+    /* @__PURE__ */ e("h4", { children: s("etlBuilder.destinations", "Destinations") }),
+    /* @__PURE__ */ l("button", { onClick: W, children: [
+      /* @__PURE__ */ e(g, { name: "plus", size: 14 }),
+      " ",
+      s("etlBuilder.addDestination", "Add Destination")
+    ] })
+  ] }) : void 0, Y = p && B === "design" ? /* @__PURE__ */ e(
+    le,
+    {
+      nodeType: p.type,
+      node: K() ?? null,
+      dataSources: t,
+      onChange: (i) => {
+        _((a) => {
+          switch (p.type) {
+            case "source":
+              return {
+                ...a,
+                sources: a.sources.map(
+                  (d) => d.id === p.id ? { ...d, ...i } : d
+                )
+              };
+            case "transformation":
+              return {
+                ...a,
+                transformations: a.transformations.map(
+                  (d) => d.id === p.id ? { ...d, ...i } : d
+                )
+              };
+            case "destination":
+              return {
+                ...a,
+                destinations: a.destinations.map(
+                  (d) => d.id === p.id ? { ...d, ...i } : d
+                )
+              };
+            default:
+              return a;
+          }
+        });
+      },
+      onClose: () => v(null)
+    }
+  ) : void 0;
+  return /* @__PURE__ */ l(
+    q,
+    {
+      flush: !0,
+      className: `nice-etl-builder ${f}`,
+      height: "100%",
+      style: { minHeight: 600 },
+      sidebar: V,
+      rightSidebar: Y,
+      toolbar: /* @__PURE__ */ l("div", { className: "nice-etl-builder__toolbar", children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: m.name,
+            onChange: (i) => _((a) => ({ ...a, name: i.target.value })),
+            className: "nice-etl-builder__name-input"
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "nice-etl-builder__tabs", children: ["design", "code", "schedule", "history"].map((i) => /* @__PURE__ */ e(
+          "button",
+          {
+            className: `nice-etl-builder__tab ${B === i ? "nice-etl-builder__tab--active" : ""}`,
+            onClick: () => F(i),
+            children: s(`etlBuilder.tab.${i}`, i.charAt(0).toUpperCase() + i.slice(1))
+          },
+          i
+        )) }),
+        /* @__PURE__ */ l("div", { className: "nice-etl-builder__actions", children: [
+          /* @__PURE__ */ l(
+            "button",
+            {
+              onClick: O,
+              disabled: S || !n,
+              title: n ? void 0 : s("etlBuilder.runNotSetUp", "Running pipelines is not set up"),
+              className: "nice-etl-builder__run-btn",
+              children: [
+                /* @__PURE__ */ e(g, { name: S ? "clock" : "play", size: 14 }),
+                " ",
+                S ? s("etlBuilder.running", "Running...") : s("etlBuilder.run", "Run")
+              ]
+            }
+          ),
+          /* @__PURE__ */ l(
+            "button",
+            {
+              onClick: () => r == null ? void 0 : r(m),
+              disabled: !r,
+              title: r ? void 0 : s("etlBuilder.saveNotSetUp", "Saving pipelines is not set up"),
+              className: "nice-etl-builder__save-btn",
+              children: [
+                /* @__PURE__ */ e(g, { name: "save", size: 14 }),
+                " ",
+                s("save", "Save")
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(G, { steps: Q(c, Z) })
+        ] })
+      ] }),
+      children: [
+        B === "design" && /* @__PURE__ */ e(
+          "div",
+          {
+            ref: $,
+            className: "nice-etl-builder__canvas",
+            onDragOver: (i) => i.preventDefault(),
+            onDrop: j,
+            onClick: () => v(null),
+            children: /* @__PURE__ */ l("div", { className: "nice-etl-builder__flow", children: [
+              /* @__PURE__ */ l("div", { className: "nice-etl-builder__column", children: [
+                /* @__PURE__ */ e("h5", { children: s("etlBuilder.sources", "Sources") }),
+                m.sources.map((i) => /* @__PURE__ */ e(
+                  L,
+                  {
+                    node: i,
+                    nodeType: "source",
+                    icon: "database",
+                    isSelected: (p == null ? void 0 : p.id) === i.id,
+                    onSelect: () => v({ type: "source", id: i.id }),
+                    onDelete: () => x("source", i.id)
+                  },
+                  i.id
+                ))
+              ] }),
+              /* @__PURE__ */ e("div", { className: "nice-etl-builder__arrow", "aria-hidden": "true", children: /* @__PURE__ */ e(g, { name: "arrow-right", size: 16 }) }),
+              /* @__PURE__ */ l("div", { className: "nice-etl-builder__column nice-etl-builder__column--transforms", children: [
+                /* @__PURE__ */ e("h5", { children: s("etlBuilder.transformations", "Transformations") }),
+                m.transformations.map((i) => {
+                  const a = E.find((d) => d.type === i.type);
+                  return /* @__PURE__ */ e(
+                    L,
+                    {
+                      node: i,
+                      nodeType: "transformation",
+                      icon: (a == null ? void 0 : a.icon) || "shuffle",
+                      isSelected: (p == null ? void 0 : p.id) === i.id,
+                      onSelect: () => v({ type: "transformation", id: i.id }),
+                      onDelete: () => x("transformation", i.id)
+                    },
+                    i.id
+                  );
+                }),
+                m.transformations.length === 0 && /* @__PURE__ */ e("div", { className: "nice-etl-builder__empty-column", children: s("etlBuilder.dragTransformationsHere", "Drag transformations here") })
+              ] }),
+              /* @__PURE__ */ e("div", { className: "nice-etl-builder__arrow", "aria-hidden": "true", children: /* @__PURE__ */ e(g, { name: "arrow-right", size: 16 }) }),
+              /* @__PURE__ */ l("div", { className: "nice-etl-builder__column", children: [
+                /* @__PURE__ */ e("h5", { children: s("etlBuilder.destinations", "Destinations") }),
+                m.destinations.map((i) => /* @__PURE__ */ e(
+                  L,
+                  {
+                    node: i,
+                    nodeType: "destination",
+                    icon: "download",
+                    isSelected: (p == null ? void 0 : p.id) === i.id,
+                    onSelect: () => v({ type: "destination", id: i.id }),
+                    onDelete: () => x("destination", i.id)
+                  },
+                  i.id
+                ))
+              ] })
+            ] })
+          }
+        ),
+        B === "code" && /* @__PURE__ */ e("div", { className: "nice-etl-builder__code-view", children: /* @__PURE__ */ e("pre", { children: JSON.stringify(m, null, 2) }) }),
+        B === "schedule" && /* @__PURE__ */ e(
+          te,
+          {
+            schedule: m.schedule,
+            monitoring: m.monitoring,
+            onChange: H
+          }
+        ),
+        B === "history" && /* @__PURE__ */ e(ne, { runs: M })
+      ]
+    }
+  );
+}
+function ie(u) {
+  switch (u) {
+    case "filter":
+      return { condition: "" };
+    case "map":
+      return { mappings: [] };
+    case "aggregate":
+      return { groupBy: [], aggregations: [] };
+    case "join":
+      return { joinType: "inner", leftKey: "", rightKey: "" };
+    case "union":
+      return { inputs: [] };
+    case "sort":
+      return { columns: [], directions: [] };
+    case "deduplicate":
+      return { columns: [], keepFirst: !0 };
+    case "pivot":
+      return { pivotColumn: "", valueColumn: "", aggregation: "sum" };
+    case "unpivot":
+      return { columns: [], nameColumn: "name", valueColumn: "value" };
+    case "derive":
+      return { name: "", expression: "" };
+    case "validate":
+      return { rules: [] };
+    case "cleanse":
+      return { operations: [] };
+    case "custom":
+      return { code: `// Custom transformation
+return data;` };
+    default:
+      return {};
+  }
+}
+function L({
+  node: u,
+  nodeType: t,
+  icon: o,
+  isSelected: n,
+  onSelect: h,
+  onDelete: r
+}) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: `nice-etl-builder__node nice-etl-builder__node--${t} ${n ? "nice-etl-builder__node--selected" : ""}`,
+      onClick: (f) => {
+        f.stopPropagation(), h();
+      },
+      children: [
+        /* @__PURE__ */ e("span", { className: "nice-etl-builder__node-icon", children: R(o) }),
+        /* @__PURE__ */ e("span", { className: "nice-etl-builder__node-name", children: u.name }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: "nice-etl-builder__node-delete",
+            onClick: (f) => {
+              f.stopPropagation(), r();
+            },
+            children: "×"
+          }
+        )
+      ]
+    }
+  );
+}
+function le({
+  nodeType: u,
+  node: t,
+  dataSources: o,
+  onChange: n,
+  onClose: h
+}) {
+  var f;
+  const { t: r } = C();
+  return t ? /* @__PURE__ */ l("div", { className: "nice-etl-builder__properties", children: [
+    /* @__PURE__ */ l("div", { className: "nice-etl-builder__properties-header", children: [
+      /* @__PURE__ */ l("h4", { children: [
+        u.charAt(0).toUpperCase() + u.slice(1),
+        " Properties"
+      ] }),
+      /* @__PURE__ */ e("button", { onClick: h, children: "×" })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "nice-etl-builder__properties-content", children: [
+      /* @__PURE__ */ l("div", { className: "nice-etl-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: r("etlBuilder.name", "Name") }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: t.name,
+            onChange: (c) => n({ name: c.target.value })
+          }
+        )
+      ] }),
+      u === "source" && /* @__PURE__ */ l(k, { children: [
+        /* @__PURE__ */ l("div", { className: "nice-etl-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: r("etlBuilder.type", "Type") }),
+          /* @__PURE__ */ l(
+            "select",
+            {
+              value: t.type,
+              onChange: (c) => n({ type: c.target.value }),
+              children: [
+                /* @__PURE__ */ e("option", { value: "database", children: r("etlBuilder.database", "Database") }),
+                /* @__PURE__ */ e("option", { value: "api", children: "API" }),
+                /* @__PURE__ */ e("option", { value: "file", children: r("etlBuilder.file", "File") }),
+                /* @__PURE__ */ e("option", { value: "stream", children: r("etlBuilder.stream", "Stream") })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ l("label", { children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "checkbox",
+              checked: ((f = t.incremental) == null ? void 0 : f.enabled) || !1,
+              onChange: (c) => {
+                var s;
+                return n({
+                  incremental: {
+                    ...t.incremental,
+                    enabled: c.target.checked,
+                    column: ((s = t.incremental) == null ? void 0 : s.column) || ""
+                  }
+                });
+              }
+            }
+          ),
+          r("etlBuilder.incrementalLoad", "Incremental Load")
+        ] }) })
+      ] }),
+      u === "transformation" && /* @__PURE__ */ l(k, { children: [
+        /* @__PURE__ */ l("div", { className: "nice-etl-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: r("etlBuilder.type", "Type") }),
+          /* @__PURE__ */ e("span", { children: t.type })
+        ] }),
+        t.type === "filter" && /* @__PURE__ */ l("div", { className: "nice-etl-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: r("etlBuilder.condition", "Condition") }),
+          /* @__PURE__ */ e(
+            "textarea",
+            {
+              value: String(t.config.condition || ""),
+              onChange: (c) => n({
+                config: { ...t.config, condition: c.target.value }
+              }),
+              placeholder: r(
+                "etlBuilder.conditionPlaceholder",
+                "e.g., age > 18 AND status = 'active'"
+              ),
+              rows: 3
+            }
+          )
+        ] }),
+        t.type === "derive" && /* @__PURE__ */ l(k, { children: [
+          /* @__PURE__ */ l("div", { className: "nice-etl-builder__field", children: [
+            /* @__PURE__ */ e("label", { children: r("etlBuilder.columnName", "Column Name") }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                value: String(t.config.name || ""),
+                onChange: (c) => n({
+                  config: { ...t.config, name: c.target.value }
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l("div", { className: "nice-etl-builder__field", children: [
+            /* @__PURE__ */ e("label", { children: r("etlBuilder.expression", "Expression") }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                value: String(t.config.expression || ""),
+                onChange: (c) => n({
+                  config: {
+                    ...t.config,
+                    expression: c.target.value
+                  }
+                }),
+                placeholder: r("etlBuilder.expressionPlaceholder", "e.g., price * quantity")
+              }
+            )
+          ] })
+        ] }),
+        t.type === "custom" && /* @__PURE__ */ l("div", { className: "nice-etl-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: r("etlBuilder.code", "Code") }),
+          /* @__PURE__ */ e(
+            "textarea",
+            {
+              value: String(t.config.code || ""),
+              onChange: (c) => n({
+                config: { ...t.config, code: c.target.value }
+              }),
+              rows: 10,
+              className: "nice-etl-builder__code-input"
+            }
+          )
+        ] })
+      ] }),
+      u === "destination" && /* @__PURE__ */ l(k, { children: [
+        /* @__PURE__ */ l("div", { className: "nice-etl-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: r("etlBuilder.type", "Type") }),
+          /* @__PURE__ */ l(
+            "select",
+            {
+              value: t.type,
+              onChange: (c) => n({ type: c.target.value }),
+              children: [
+                /* @__PURE__ */ e("option", { value: "database", children: r("etlBuilder.database", "Database") }),
+                /* @__PURE__ */ e("option", { value: "file", children: r("etlBuilder.file", "File") }),
+                /* @__PURE__ */ e("option", { value: "api", children: "API" }),
+                /* @__PURE__ */ e("option", { value: "warehouse", children: r("etlBuilder.dataWarehouse", "Data Warehouse") })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ l("div", { className: "nice-etl-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: r("etlBuilder.writeMode", "Write Mode") }),
+          /* @__PURE__ */ l(
+            "select",
+            {
+              value: t.writeMode,
+              onChange: (c) => n({ writeMode: c.target.value }),
+              children: [
+                /* @__PURE__ */ e("option", { value: "append", children: r("etlBuilder.append", "Append") }),
+                /* @__PURE__ */ e("option", { value: "overwrite", children: r("etlBuilder.overwrite", "Overwrite") }),
+                /* @__PURE__ */ e("option", { value: "upsert", children: r("etlBuilder.upsert", "Upsert") }),
+                /* @__PURE__ */ e("option", { value: "merge", children: r("etlBuilder.merge", "Merge") })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ e(k, {});
+}
+function te({
+  schedule: u,
+  monitoring: t,
+  onChange: o
+}) {
+  const { t: n } = C(), [h, r] = N(u || { enabled: !1 });
+  return /* @__PURE__ */ l("div", { className: "nice-etl-builder__schedule-editor", children: [
+    /* @__PURE__ */ e("h4", { children: n("etlBuilder.scheduleConfiguration", "Schedule Configuration") }),
+    /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ l("label", { children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "checkbox",
+          checked: h.enabled,
+          onChange: (f) => {
+            const c = { ...h, enabled: f.target.checked };
+            r(c), o(c);
+          }
+        }
+      ),
+      n("etlBuilder.enableScheduledExecution", "Enable scheduled execution")
+    ] }) }),
+    h.enabled && /* @__PURE__ */ l(k, { children: [
+      /* @__PURE__ */ l("div", { className: "nice-etl-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: n("etlBuilder.cronExpression", "Cron Expression") }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: h.cron || "",
+            onChange: (f) => {
+              const c = { ...h, cron: f.target.value };
+              r(c);
+            },
+            placeholder: n("etlBuilder.cronPlaceholder", "0 * * * * (every hour)")
+          }
+        ),
+        /* @__PURE__ */ e("small", { children: n("etlBuilder.cronFormat", "Format: minute hour day month weekday") })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "nice-etl-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: n("etlBuilder.timezone", "Timezone") }),
+        /* @__PURE__ */ l(
+          "select",
+          {
+            value: h.timezone || "UTC",
+            onChange: (f) => {
+              const c = { ...h, timezone: f.target.value };
+              r(c);
+            },
+            children: [
+              /* @__PURE__ */ e("option", { value: "UTC", children: "UTC" }),
+              /* @__PURE__ */ e("option", { value: "America/New_York", children: n("etlBuilder.easternTime", "Eastern Time") }),
+              /* @__PURE__ */ e("option", { value: "America/Chicago", children: n("etlBuilder.centralTime", "Central Time") }),
+              /* @__PURE__ */ e("option", { value: "America/Los_Angeles", children: n("etlBuilder.pacificTime", "Pacific Time") }),
+              /* @__PURE__ */ e("option", { value: "Europe/London", children: n("etlBuilder.london", "London") }),
+              /* @__PURE__ */ e("option", { value: "Europe/Warsaw", children: n("etlBuilder.warsaw", "Warsaw") })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("button", { onClick: () => o(h), children: n("etlBuilder.saveSchedule", "Save Schedule") })
+    ] }),
+    /* @__PURE__ */ e("h4", { children: n("etlBuilder.monitoring", "Monitoring") }),
+    /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ l("label", { children: [
+      /* @__PURE__ */ e("input", { type: "checkbox", checked: (t == null ? void 0 : t.alertOnFailure) || !1, disabled: !0 }),
+      n("etlBuilder.alertOnFailure", "Alert on failure")
+    ] }) }),
+    /* @__PURE__ */ l("div", { className: "nice-etl-builder__field", children: [
+      /* @__PURE__ */ e("label", { children: n("etlBuilder.logLevel", "Log Level") }),
+      /* @__PURE__ */ l("select", { value: (t == null ? void 0 : t.logLevel) || "info", disabled: !0, children: [
+        /* @__PURE__ */ e("option", { value: "error", children: n("etlBuilder.error", "Error") }),
+        /* @__PURE__ */ e("option", { value: "warn", children: n("etlBuilder.warning", "Warning") }),
+        /* @__PURE__ */ e("option", { value: "info", children: n("etlBuilder.info", "Info") }),
+        /* @__PURE__ */ e("option", { value: "debug", children: n("etlBuilder.debug", "Debug") })
+      ] })
+    ] })
+  ] });
+}
+function ne({ runs: u }) {
+  const { t } = C();
+  return /* @__PURE__ */ l("div", { className: "nice-etl-builder__history-view", children: [
+    /* @__PURE__ */ e("h4", { children: t("etlBuilder.runHistory", "Run History") }),
+    u.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-etl-builder__no-history", children: t("etlBuilder.noRunsYet", "No runs yet") }) : /* @__PURE__ */ l("table", { className: "nice-etl-builder__history-table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ l("tr", { children: [
+        /* @__PURE__ */ e("th", { children: t("etlBuilder.status", "Status") }),
+        /* @__PURE__ */ e("th", { children: t("etlBuilder.startTime", "Start Time") }),
+        /* @__PURE__ */ e("th", { children: t("etlBuilder.duration", "Duration") }),
+        /* @__PURE__ */ e("th", { children: t("etlBuilder.rows", "Rows") }),
+        /* @__PURE__ */ e("th", { children: t("etlBuilder.errors", "Errors") })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: u.map((o) => /* @__PURE__ */ l(
+        "tr",
+        {
+          className: `nice-etl-builder__run nice-etl-builder__run--${o.status}`,
+          children: [
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ l(
+              "span",
+              {
+                className: `nice-etl-builder__status nice-etl-builder__status--${o.status}`,
+                children: [
+                  /* @__PURE__ */ e(
+                    g,
+                    {
+                      name: o.status === "success" ? "check" : o.status === "failed" ? "close" : "clock",
+                      size: 12
+                    }
+                  ),
+                  o.status
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e("td", { children: o.startTime.toLocaleString() }),
+            /* @__PURE__ */ e("td", { children: o.endTime ? `${Math.round((o.endTime.getTime() - o.startTime.getTime()) / 1e3)}s` : "-" }),
+            /* @__PURE__ */ l("td", { children: [
+              o.rowsProcessed.toLocaleString(),
+              " / ",
+              o.rowsWritten.toLocaleString()
+            ] }),
+            /* @__PURE__ */ e("td", { children: o.errors.length })
+          ]
+        },
+        o.id
+      )) })
+    ] })
+  ] });
+}
 export {
-  i as NiceETLBuilder
+  se as NiceETLBuilder
 };

package/dist/types.d.ts

@@ -417,14 +417,12 @@ export interface NiceETLBuilderProps {
     pipeline?: ETLPipeline;
     dataSources?: DataSource[];
     onChange?: (pipeline: ETLPipeline) => void;
+    /** Runs the pipeline. Without it the Run button is disabled and says why. */
     onRun?: (pipeline: ETLPipeline) => Promise<ETLRun>;
     onSchedule?: (pipeline: ETLPipeline, schedule: ETLSchedule) => void;
+    /** Saves the pipeline (the Save button). Without it the button is disabled and says why. */
+    onSave?: (pipeline: ETLPipeline) => void;
     className?: string;
     /** Optional "?" guided tour. Off by default; `true` uses the built-in tour. */
     tutorial?: NiceComponentTutorial;
 }
-export interface NiceCubeBrowserProps {
-    cube?: Cube;
-    onQuery?: (dimensions: string[], measures: string[], filters: ReportFilter[]) => Promise<unknown[]>;
-    className?: string;
-}

package/dist/ui-bi.css

@@ -1 +1 @@
-.nice-etl-builder{font-family:system-ui,-apple-system,sans-serif;background:var(--nice-bg, #fff)}.nice-etl-builder__toolbar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid var(--nice-border, #ddd);background:var(--nice-bg-secondary, #f8f9fa)}.nice-etl-builder__name-input{padding:.375rem .75rem;border:1px solid var(--nice-border, #ddd);border-radius:var(--nice-radius-sm, 4px);font-size:.9375rem;font-weight:500}.nice-etl-builder__tabs{display:flex;gap:.25rem;flex:1}.nice-etl-builder__tab{padding:.375rem .75rem;border:none;background:transparent;cursor:pointer;font-size:.875rem;border-radius:var(--nice-radius-sm, 4px)}.nice-etl-builder__tab:hover{background:var(--nice-hover-bg, #e9ecef)}.nice-etl-builder__tab--active{background:var(--nice-primary, #0066cc);color:#fff}.nice-etl-builder__actions{display:flex;gap:.5rem}.nice-etl-builder__run-btn{padding:.5rem 1rem;background:var(--nice-success, #28a745);color:#fff;border:none;border-radius:var(--nice-radius-sm, 4px);cursor:pointer;font-weight:500}.nice-etl-builder__run-btn:disabled{background:var(--nice-bg-tertiary, #6c757d);cursor:not-allowed}.nice-etl-builder__save-btn{padding:.5rem 1rem;background:var(--nice-primary, #0066cc);color:#fff;border:none;border-radius:var(--nice-radius-sm, 4px);cursor:pointer}.nice-etl-builder__palette{width:200px;border-right:1px solid var(--nice-border, #ddd);padding:.5rem;overflow-y:auto;background:var(--nice-bg-secondary, #f8f9fa)}.nice-etl-builder__palette h4{margin:.5rem 0;font-size:.75rem;color:var(--nice-text-muted, #6c757d);text-transform:uppercase}.nice-etl-builder__palette-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--nice-radius-sm, 4px);cursor:grab;font-size:.875rem}.nice-etl-builder__palette-item:hover{background:var(--nice-hover-bg, #e9ecef)}.nice-etl-builder__palette-icon{font-size:1rem}.nice-etl-builder__palette button{width:100%;padding:.5rem;border:1px dashed var(--nice-border, #ddd);background:transparent;border-radius:var(--nice-radius-sm, 4px);cursor:pointer;font-size:.875rem;margin-top:.5rem}.nice-etl-builder__canvas{flex:1;height:100%;overflow:auto;padding:1rem}.nice-etl-builder__flow{display:flex;gap:1rem;align-items:flex-start;min-height:100%}.nice-etl-builder__column{min-width:200px;max-width:300px}.nice-etl-builder__column h5{margin:0 0 .5rem;font-size:.75rem;color:var(--nice-text-muted, #6c757d);text-transform:uppercase}.nice-etl-builder__column--transforms{flex:1;min-width:300px}.nice-etl-builder__arrow{display:flex;align-items:center;font-size:1.5rem;color:var(--nice-text-muted, #6c757d);padding-top:2rem}.nice-etl-builder__empty-column{padding:2rem 1rem;border:2px dashed var(--nice-border, #ddd);border-radius:var(--nice-radius-lg, 8px);text-align:center;color:var(--nice-text-muted, #6c757d)}.nice-etl-builder__node{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--nice-border, #ddd);border-radius:var(--nice-radius-lg, 8px);margin-bottom:.5rem;cursor:pointer;box-shadow:0 1px 3px var(--nice-overlay-5, rgba(0, 0, 0, .05))}.nice-etl-builder__node:hover{border-color:var(--nice-primary, #0066cc)}.nice-etl-builder__node--selected{border-color:var(--nice-primary, #0066cc);box-shadow:0 0 0 2px var(--nice-primary-tint-20, rgba(0, 102, 204, .2))}.nice-etl-builder__node-icon{font-size:1.125rem}.nice-etl-builder__node-name{flex:1;font-size:.875rem;font-weight:500}.nice-etl-builder__node-delete{padding:0;width:20px;height:20px;border:none;background:transparent;cursor:pointer;opacity:0;transition:opacity .2s}.nice-etl-builder__node:hover .nice-etl-builder__node-delete{opacity:.5}.nice-etl-builder__node-delete:hover{opacity:1;color:var(--nice-danger, #dc3545)}.nice-etl-builder__properties{width:300px;border-left:1px solid var(--nice-border, #ddd);display:flex;flex-direction:column;background:#fff}.nice-etl-builder__properties-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--nice-border, #ddd);background:var(--nice-bg-secondary, #f8f9fa)}.nice-etl-builder__properties-header h4{margin:0;font-size:.875rem}.nice-etl-builder__properties-content{flex:1;overflow-y:auto;padding:1rem}.nice-etl-builder__field{margin-bottom:1rem}.nice-etl-builder__field label{display:block;margin-bottom:.25rem;font-size:.8125rem;font-weight:500}.nice-etl-builder__field input,.nice-etl-builder__field select,.nice-etl-builder__field textarea{width:100%;padding:.375rem .5rem;border:1px solid var(--nice-border, #ddd);border-radius:var(--nice-radius-sm, 4px);font-size:.875rem}.nice-etl-builder__code-input{font-family:Fira Code,monospace;font-size:.8125rem}.nice-etl-builder__code-view,.nice-etl-builder__schedule-editor,.nice-etl-builder__history-view{flex:1;padding:1rem;overflow:auto}.nice-etl-builder__code-view pre{margin:0;font-family:Fira Code,monospace;font-size:.8125rem}.nice-etl-builder__schedule-editor h4{margin:0 0 1rem}.nice-etl-builder__schedule-editor small{display:block;color:var(--nice-text-muted, #6c757d);font-size:.75rem;margin-top:.25rem}.nice-etl-builder__history-table{width:100%;border-collapse:collapse}.nice-etl-builder__history-table th,.nice-etl-builder__history-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--nice-border, #ddd)}.nice-etl-builder__history-table th{background:var(--nice-bg-secondary, #f8f9fa);font-weight:500;font-size:.8125rem}.nice-etl-builder__status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--nice-radius-sm, 4px);font-size:.8125rem}.nice-etl-builder__status--success{background:var(--nice-success-bg, #d4edda);color:var(--nice-success-dark, #155724)}.nice-etl-builder__status--failed{background:var(--nice-danger-bg, #f8d7da);color:var(--nice-danger-dark, #721c24)}.nice-etl-builder__status--running{background:var(--nice-warning-bg, #fff3cd);color:var(--nice-warning-dark, #856404)}.nice-etl-builder__no-history{text-align:center;color:var(--nice-text-muted, #6c757d);padding:2rem}
+.nice-etl-builder{font-family:system-ui,-apple-system,sans-serif;background:var(--nice-bg, #fff)}.nice-etl-builder__toolbar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid var(--nice-border, #ddd);background:var(--nice-bg-secondary, #f8f9fa)}.nice-etl-builder__name-input{padding:.375rem .75rem;border:1px solid var(--nice-border, #ddd);border-radius:var(--nice-radius-sm, 4px);font-size:.9375rem;font-weight:500}.nice-etl-builder__tabs{display:flex;gap:.25rem;flex:1}.nice-etl-builder__tab{padding:.375rem .75rem;border:none;background:transparent;cursor:pointer;font-size:.875rem;border-radius:var(--nice-radius-sm, 4px)}.nice-etl-builder__tab:hover{background:var(--nice-hover-bg, #e9ecef)}.nice-etl-builder__tab--active{background:var(--nice-primary, #0066cc);color:var(--nice-text-on-primary)}.nice-etl-builder__actions{display:flex;gap:.5rem}.nice-etl-builder__run-btn{padding:.5rem 1rem;background:var(--nice-success, #28a745);color:var(--nice-text-on-success);border:none;border-radius:var(--nice-radius-sm, 4px);cursor:pointer;font-weight:500}.nice-etl-builder__run-btn:disabled{background:var(--nice-bg-tertiary, #6c757d);cursor:not-allowed}.nice-etl-builder__save-btn{padding:.5rem 1rem;background:var(--nice-primary, #0066cc);color:var(--nice-text-on-primary);border:none;border-radius:var(--nice-radius-sm, 4px);cursor:pointer}.nice-etl-builder__palette{width:200px;border-right:1px solid var(--nice-border, #ddd);padding:.5rem;overflow-y:auto;background:var(--nice-bg-secondary, #f8f9fa)}.nice-etl-builder__palette h4{margin:.5rem 0;font-size:.75rem;color:var(--nice-text-muted, #6c757d);text-transform:uppercase}.nice-etl-builder__palette-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--nice-radius-sm, 4px);cursor:grab;font-size:.875rem}.nice-etl-builder__palette-item:hover{background:var(--nice-hover-bg, #e9ecef)}.nice-etl-builder__palette-icon{font-size:1rem}.nice-etl-builder__palette button{width:100%;padding:.5rem;border:1px dashed var(--nice-border, #ddd);background:transparent;border-radius:var(--nice-radius-sm, 4px);cursor:pointer;font-size:.875rem;margin-top:.5rem}.nice-etl-builder__canvas{flex:1;height:100%;overflow:auto;padding:1rem}.nice-etl-builder__flow{display:flex;gap:1rem;align-items:flex-start;min-height:100%}.nice-etl-builder__column{min-width:200px;max-width:300px}.nice-etl-builder__column h5{margin:0 0 .5rem;font-size:.75rem;color:var(--nice-text-muted, #6c757d);text-transform:uppercase}.nice-etl-builder__column--transforms{flex:1;min-width:300px}.nice-etl-builder__arrow{display:flex;align-items:center;font-size:1.5rem;color:var(--nice-text-muted, #6c757d);padding-top:2rem}.nice-etl-builder__empty-column{padding:2rem 1rem;border:2px dashed var(--nice-border, #ddd);border-radius:var(--nice-radius-lg, 8px);text-align:center;color:var(--nice-text-muted, #6c757d)}.nice-etl-builder__node{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--nice-border, #ddd);border-radius:var(--nice-radius-lg, 8px);margin-bottom:.5rem;cursor:pointer;box-shadow:0 1px 3px var(--nice-overlay-5, rgba(0, 0, 0, .05))}.nice-etl-builder__node:hover{border-color:var(--nice-primary, #0066cc)}.nice-etl-builder__node--selected{border-color:var(--nice-primary, #0066cc);box-shadow:0 0 0 2px var(--nice-primary-tint-20, rgba(0, 102, 204, .2))}.nice-etl-builder__node-icon{font-size:1.125rem}.nice-etl-builder__node-name{flex:1;font-size:.875rem;font-weight:500}.nice-etl-builder__node-delete{padding:0;width:20px;height:20px;border:none;background:transparent;cursor:pointer;opacity:0;transition:opacity .2s}.nice-etl-builder__node:hover .nice-etl-builder__node-delete{opacity:.5}.nice-etl-builder__node-delete:hover{opacity:1;color:var(--nice-danger, #dc3545)}.nice-etl-builder__properties{width:300px;border-left:1px solid var(--nice-border, #ddd);display:flex;flex-direction:column;background:#fff}.nice-etl-builder__properties-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--nice-border, #ddd);background:var(--nice-bg-secondary, #f8f9fa)}.nice-etl-builder__properties-header h4{margin:0;font-size:.875rem}.nice-etl-builder__properties-content{flex:1;overflow-y:auto;padding:1rem}.nice-etl-builder__field{margin-bottom:1rem}.nice-etl-builder__field label{display:block;margin-bottom:.25rem;font-size:.8125rem;font-weight:500}.nice-etl-builder__field input,.nice-etl-builder__field select,.nice-etl-builder__field textarea{width:100%;padding:.375rem .5rem;border:1px solid var(--nice-border, #ddd);border-radius:var(--nice-radius-sm, 4px);font-size:.875rem}.nice-etl-builder__code-input{font-family:Fira Code,monospace;font-size:.8125rem}.nice-etl-builder__code-view,.nice-etl-builder__schedule-editor,.nice-etl-builder__history-view{flex:1;padding:1rem;overflow:auto}.nice-etl-builder__code-view pre{margin:0;font-family:Fira Code,monospace;font-size:.8125rem}.nice-etl-builder__schedule-editor h4{margin:0 0 1rem}.nice-etl-builder__schedule-editor small{display:block;color:var(--nice-text-muted, #6c757d);font-size:.75rem;margin-top:.25rem}.nice-etl-builder__history-table{width:100%;border-collapse:collapse}.nice-etl-builder__history-table th,.nice-etl-builder__history-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--nice-border, #ddd)}.nice-etl-builder__history-table th{background:var(--nice-bg-secondary, #f8f9fa);font-weight:500;font-size:.8125rem}.nice-etl-builder__status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--nice-radius-sm, 4px);font-size:.8125rem}.nice-etl-builder__status--success{background:var(--nice-success-bg, #d4edda);color:var(--nice-success-dark, #155724)}.nice-etl-builder__status--failed{background:var(--nice-danger-bg, #f8d7da);color:var(--nice-danger-dark, #721c24)}.nice-etl-builder__status--running{background:var(--nice-warning-bg, #fff3cd);color:var(--nice-warning-dark, #856404)}.nice-etl-builder__no-history{text-align:center;color:var(--nice-text-muted, #6c757d);padding:2rem}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nice2dev/ui-bi",
-  "version": "1.1.9",
-  "description": "Nice2Dev Business Intelligence — Report builder, dashboard studio, ETL pipeline builder",
+  "version": "1.2.0",
+  "description": "Nice2Dev Business Intelligence — Report builder, dashboard studio, ETL pipeline builder",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -39,8 +39,8 @@
     "react-dom": ">=17.0.0"
   },
   "devDependencies": {
-    "@nice2dev/ui": "^1.1.9",
-    "@nice2dev/ui-core": "^1.1.9",
+    "@nice2dev/ui": "^1.2.0",
+    "@nice2dev/ui-core": "^1.2.0",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
     "@types/react": "^19.2.18",