@nice2dev/ui 1.0.6 → 1.0.8

package/dist/NiceAPIFlow.doc-DnQLPUie.js

@@ -0,0 +1,30 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", o = "NiceAPIFlow", n = "Visual API workflow builder with drag-and-drop nodes for REST/GraphQL integrations.", t = "no-code", c = "1.0.7", i = "stable", a = [{ name: "flow", type: "APIFlow", required: !0, description: "Flow configuration" }, { name: "onChange", type: "(flow: APIFlow) => void", description: "Flow change callback" }, { name: "endpoints", type: "APIEndpoint[]", description: "Available API endpoints" }, { name: "onExecute", type: "(flow: APIFlow) => Promise<FlowResult>", description: "Execute flow callback" }], s = [{ title: "API Flow Builder", description: "Build API integration workflows", code: `<NiceAPIFlow
+  flow={currentFlow}
+  onChange={handleFlowChange}
+  endpoints={availableAPIs}
+  onExecute={handleExecute}
+/>` }], l = { role: "application", ariaLabel: "API flow designer" }, r = ["NiceDataMapper", "NiceEventOrchestrator"], d = {
+  $schema: e,
+  name: o,
+  description: n,
+  category: t,
+  since: c,
+  status: i,
+  props: a,
+  examples: s,
+  accessibility: l,
+  seeAlso: r
+};
+export {
+  e as $schema,
+  l as accessibility,
+  t as category,
+  d as default,
+  n as description,
+  s as examples,
+  o as name,
+  a as props,
+  r as seeAlso,
+  c as since,
+  i as status
+};

package/dist/NiceAPIFlow.doc-Dx4qw1lm.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",o="NiceAPIFlow",n="Visual API workflow builder with drag-and-drop nodes for REST/GraphQL integrations.",t="no-code",s="1.0.7",c="stable",i=[{name:"flow",type:"APIFlow",required:!0,description:"Flow configuration"},{name:"onChange",type:"(flow: APIFlow) => void",description:"Flow change callback"},{name:"endpoints",type:"APIEndpoint[]",description:"Available API endpoints"},{name:"onExecute",type:"(flow: APIFlow) => Promise<FlowResult>",description:"Execute flow callback"}],a=[{title:"API Flow Builder",description:"Build API integration workflows",code:`<NiceAPIFlow
+  flow={currentFlow}
+  onChange={handleFlowChange}
+  endpoints={availableAPIs}
+  onExecute={handleExecute}
+/>`}],l={role:"application",ariaLabel:"API flow designer"},r=["NiceDataMapper","NiceEventOrchestrator"],d={$schema:e,name:o,description:n,category:t,since:s,status:c,props:i,examples:a,accessibility:l,seeAlso:r};exports.$schema=e;exports.accessibility=l;exports.category=t;exports.default=d;exports.description=n;exports.examples=a;exports.name=o;exports.props=i;exports.seeAlso=r;exports.since=s;exports.status=c;

package/dist/NiceBranchManager.doc-BXjiENlD.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",n="NiceBranchManager",c="Git branch management panel with create, delete, checkout, and merge operations.",t="devops",a="1.0.7",r="stable",s=[{name:"branches",type:"GitBranch[]",required:!0,description:"List of branches"},{name:"currentBranch",type:"string",description:"Currently checked out branch"},{name:"onCheckout",type:"(branch: string) => Promise<void>",description:"Checkout branch callback"},{name:"onCreate",type:"(name: string, from: string) => Promise<void>",description:"Create branch callback"},{name:"onDelete",type:"(branch: string) => Promise<void>",description:"Delete branch callback"},{name:"onMerge",type:"(source: string, target: string) => Promise<void>",description:"Merge branch callback"}],o=[{title:"Branch Manager",description:"Manage Git branches",code:`<NiceBranchManager
+  branches={branches}
+  currentBranch="main"
+  onCheckout={handleCheckout}
+  onCreate={handleCreate}
+/>`}],i={role:"region",ariaLabel:"Git branch manager"},h=["NiceGitGraph","NiceMergeRequestBuilder"],l={$schema:e,name:n,description:c,category:t,since:a,status:r,props:s,examples:o,accessibility:i,seeAlso:h};exports.$schema=e;exports.accessibility=i;exports.category=t;exports.default=l;exports.description=c;exports.examples=o;exports.name=n;exports.props=s;exports.seeAlso=h;exports.since=a;exports.status=r;

package/dist/NiceBranchManager.doc-xLB82YwU.js

@@ -0,0 +1,30 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", n = "NiceBranchManager", c = "Git branch management panel with create, delete, checkout, and merge operations.", a = "devops", r = "1.0.7", t = "stable", o = [{ name: "branches", type: "GitBranch[]", required: !0, description: "List of branches" }, { name: "currentBranch", type: "string", description: "Currently checked out branch" }, { name: "onCheckout", type: "(branch: string) => Promise<void>", description: "Checkout branch callback" }, { name: "onCreate", type: "(name: string, from: string) => Promise<void>", description: "Create branch callback" }, { name: "onDelete", type: "(branch: string) => Promise<void>", description: "Delete branch callback" }, { name: "onMerge", type: "(source: string, target: string) => Promise<void>", description: "Merge branch callback" }], s = [{ title: "Branch Manager", description: "Manage Git branches", code: `<NiceBranchManager
+  branches={branches}
+  currentBranch="main"
+  onCheckout={handleCheckout}
+  onCreate={handleCreate}
+/>` }], i = { role: "region", ariaLabel: "Git branch manager" }, h = ["NiceGitGraph", "NiceMergeRequestBuilder"], d = {
+  $schema: e,
+  name: n,
+  description: c,
+  category: a,
+  since: r,
+  status: t,
+  props: o,
+  examples: s,
+  accessibility: i,
+  seeAlso: h
+};
+export {
+  e as $schema,
+  i as accessibility,
+  a as category,
+  d as default,
+  c as description,
+  s as examples,
+  n as name,
+  o as props,
+  h as seeAlso,
+  r as since,
+  t as status
+};

package/dist/NiceButton-CDiS45Ya.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),n=require("./core-BZBTsGWN.cjs"),re=i.forwardRef(({label:j,helperText:v,error:t,required:T,disabled:r,readOnly:o,size:q="md",name:w,id:g,className:R,style:y,accessMode:h,displayStyle:k,value:_,defaultValue:m,onChange:$,onBlur:d,onKeyDown:x,placeholder:M,type:D="text",maxLength:A,prefix:I,suffix:B,clearable:l,autoFocus:G,submitOnEnter:S,onSubmit:E,showKeyboardHints:J,...z},Z)=>{const H=n.useNiceAccessMode(h,g);if(H==="hidden")return null;H==="disabled"&&(r=!0),H==="readOnly"&&(o=!0);const{t:O}=n.useNiceTranslation(),u=n.useControlId(g),ee=n.useComponentDisplayStyle("input",k),se=n.useComponentDisplayClass("input",k),Q=i.useCallback(()=>$?.(""),[$]),C=n.useSubmitOnEnter({enabled:S,onSubmit:E}),F=i.useCallback(p=>{C(p),x?.(p)},[C,x]),L=i.useMemo(()=>{const p=[];return S&&p.push({key:"Enter",description:O("shortcuts.submit","Submit")}),l&&p.push({key:"Escape",description:O("shortcuts.clear","Clear")}),p},[S,l,O]);return e.jsxs("div",{className:`nice-field ${R||""}`,style:y,children:[j&&e.jsxs("label",{htmlFor:u,className:`nice-field__label ${T?"nice-field__label--required":""}`,children:[j,J&&L.length>0&&e.jsx(n.NiceKeyboardHint,{shortcuts:L,size:"sm"})]}),e.jsxs("div",{className:`nice-input nice-input--${q} nice-input--ds-${se} ${t?"nice-input--error":""} ${r?"nice-input--disabled":""} ${o?"nice-input--readonly":""}`,style:ee,children:[I&&e.jsx("span",{className:"nice-input__icon",children:I}),e.jsx("input",{ref:Z,id:u,className:"nice-input__native",type:D,name:w,value:_,defaultValue:m,placeholder:M,disabled:r,readOnly:o,maxLength:A,autoFocus:G,"aria-invalid":!!t,"aria-describedby":t?`${u}-error`:v?`${u}-helper`:void 0,onChange:p=>$?.(p.target.value),onBlur:d,onKeyDown:F,...z}),l&&_&&e.jsx("button",{type:"button",className:"nice-input__clear",onClick:Q,"aria-label":O("controls.clear","Clear"),children:"✕"}),B&&e.jsx("span",{className:"nice-input__icon",children:B})]}),t&&e.jsx("div",{id:`${u}-error`,className:"nice-field__error",role:"alert",children:t}),!t&&v&&e.jsx("div",{id:`${u}-helper`,className:"nice-field__helper",children:v})]})});re.displayName="NiceTextInput";const ae=i.forwardRef(({label:j,helperText:v,error:t,required:T,disabled:r,size:o="md",name:q,id:w,className:g,style:R,accessMode:y,displayStyle:h,options:k,value:_,onChange:m,placeholder:$,multiple:d=!1,searchable:x=!1,clearable:M=!1,emptyText:D,maxHeight:A=240,optionsSource:I,valueField:B,labelField:l,virtualScroll:G,optionHeight:S=36,onSearch:E,loading:J,renderOption:z,showKeyboardHints:Z},H)=>{const O=n.useNiceAccessMode(y,w);if(O==="hidden")return null;(O==="disabled"||O==="readOnly")&&(r=!0);const{t:u}=n.useNiceTranslation(),ee=n.useComponentDisplayStyle("input",h),se=n.useComponentDisplayClass("input",h),Q=n.useControlId(w),[C,F]=i.useState(!1),[L,p]=i.useState(""),[K,W]=i.useState(-1),[ie,ue]=i.useState(0),ce=i.useRef(null),pe=n.useNiceLookupSource(I??null,B??I?.keyField??"id",l??"name"),P=I?pe.options:k??[];n.useClickOutside(ce,()=>{F(!1),p("")});const f=i.useMemo(()=>_?Array.isArray(_)?_:[_]:[],[_]),N=i.useMemo(()=>{if(!L&&!E||E)return P;const s=L.toLowerCase();return P.filter(a=>a.label.toLowerCase().includes(s)||String(a.value).toLowerCase().includes(s))},[P,L,E]),le=i.useMemo(()=>{const s=new Map;for(const a of N){const c=a.group||"";s.has(c)||s.set(c,[]),s.get(c).push(a)}return s},[N]),V=i.useCallback(s=>{if(d){const a=f.includes(s)?f.filter(c=>c!==s):[...f,s];m?.(a)}else m?.(s),F(!1),p("")},[d,f,m]),he=i.useCallback(s=>{if(s.key==="Escape"){F(!1),p("");return}if(s.key==="Enter"||s.key===" "){if(!C){F(!0),s.preventDefault();return}K>=0&&N[K]&&(V(N[K].value),s.preventDefault());return}s.key==="ArrowDown"&&(s.preventDefault(),W(a=>Math.min(a+1,N.length-1))),s.key==="ArrowUp"&&(s.preventDefault(),W(a=>Math.max(a-1,0)))},[C,K,N,V]),te=i.useMemo(()=>f.length===0?null:d?f.map(s=>P.find(a=>a.value===s)?.label||s).join(", "):P.find(s=>s.value===f[0])?.label||f[0],[f,P,d]),_e=i.useCallback(s=>{s.stopPropagation(),m?.(d?[]:"")},[m,d]),me=i.useMemo(()=>[{key:"Enter",description:u("shortcuts.select","Select")},{key:"Space",description:u("shortcuts.openDropdown","Open dropdown")},n.COMMON_SHORTCUTS.moveUp,n.COMMON_SHORTCUTS.moveDown,n.COMMON_SHORTCUTS.cancel],[u]);return e.jsxs("div",{className:`nice-field ${g||""}`,style:R,children:[j&&e.jsxs("label",{htmlFor:Q,className:`nice-field__label ${T?"nice-field__label--required":""}`,children:[j,Z&&e.jsx(n.NiceKeyboardHint,{shortcuts:me,size:"sm"})]}),e.jsxs("div",{className:"nice-select",ref:ce,children:[e.jsxs("button",{ref:H,type:"button",id:Q,role:"combobox","aria-expanded":C,"aria-haspopup":"listbox","aria-invalid":!!t,className:`nice-select__trigger nice-select__trigger--${o} nice-select--ds-${se} ${C?"nice-select__trigger--open":""} ${t?"nice-select__trigger--error":""} ${r?"nice-select__trigger--disabled":""}`,style:ee,disabled:r,onClick:()=>F(!C),onKeyDown:he,children:[te?e.jsx("span",{children:te}):e.jsx("span",{className:"nice-select__placeholder",children:$||u("controls.select","Select...")}),e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:4},children:[M&&f.length>0&&e.jsx("span",{className:"nice-input__clear",onClick:_e,role:"button","aria-label":u("controls.clear","Clear"),children:"✕"}),e.jsx("svg",{className:`nice-select__chevron ${C?"nice-select__chevron--open":""}`,viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",d:"M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z",clipRule:"evenodd"})})]})]}),C&&e.jsxs("div",{className:"nice-select__dropdown",role:"listbox",style:{maxHeight:A},onScroll:G?s=>ue(s.currentTarget.scrollTop):void 0,children:[(x||E)&&e.jsx("div",{className:"nice-select__search",children:e.jsx("input",{type:"text",value:L,onChange:s=>{p(s.target.value),W(0),E?.(s.target.value)},placeholder:u("controls.search","Search..."),autoFocus:!0})}),J&&e.jsx("div",{className:"nice-select__loading",children:e.jsx("div",{className:"nice-spinner nice-spinner--sm",style:{margin:"8px auto"}})}),!J&&N.length===0?e.jsx("div",{className:"nice-select__empty",children:D||u("controls.noResults","No results found")}):G&&!Array.from(le.keys()).some(s=>s!=="")?(()=>{const a=N.length*S,c=Math.max(0,Math.floor(ie/S)-3),U=Math.min(N.length,Math.ceil((ie+A)/S)+3),X=N.slice(c,U);return e.jsx("div",{style:{height:a,position:"relative"},children:X.map((b,xe)=>{const ne=c+xe,Y=f.includes(b.value);return e.jsx("div",{role:"option","aria-selected":Y,className:`nice-select__option ${Y?"nice-select__option--selected":""} ${ne===K?"nice-select__option--highlighted":""} ${b.disabled?"nice-select__option--disabled":""}`,style:{position:"absolute",top:ne*S,left:0,right:0,height:S,display:"flex",alignItems:"center",padding:"0 12px"},onClick:()=>!b.disabled&&V(String(b.value)),onMouseEnter:()=>W(ne),children:z?z(b,Y):e.jsxs(e.Fragment,{children:[b.icon&&e.jsx("span",{children:b.icon}),e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{children:b.label}),b.description&&e.jsx("div",{className:"nice-select__option-desc",children:b.description})]}),Y&&e.jsx("svg",{className:"nice-select__option-check",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",d:"M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",clipRule:"evenodd"})})]})},b.value)})})})():Array.from(le.entries()).map(([s,a])=>e.jsxs(i.Fragment,{children:[s&&e.jsx("div",{className:"nice-select__group-label",children:s}),a.map(c=>{const U=f.includes(c.value),X=N.indexOf(c);return e.jsx("div",{role:"option","aria-selected":U,className:`nice-select__option ${U?"nice-select__option--selected":""} ${X===K?"nice-select__option--highlighted":""} ${c.disabled?"nice-select__option--disabled":""}`,onClick:()=>!c.disabled&&V(String(c.value)),onMouseEnter:()=>W(X),children:z?z(c,U):e.jsxs(e.Fragment,{children:[c.icon&&e.jsx("span",{children:c.icon}),e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{children:c.label}),c.description&&e.jsx("div",{className:"nice-select__option-desc",children:c.description})]}),U&&e.jsx("svg",{className:"nice-select__option-check",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",d:"M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",clipRule:"evenodd"})})]})},c.value)})]},s))]})]}),t&&e.jsx("div",{className:"nice-field__error",role:"alert",children:t}),!t&&v&&e.jsx("div",{className:"nice-field__helper",children:v})]})});ae.displayName="NiceSelect";const fe=["#ef4444","#f97316","#f59e0b","#84cc16","#10b981","#06b6d4","#3b82f6","#6366f1","#8b5cf6","#ec4899","#64748b","#1e293b"];function ve(){return"#"+Math.floor(Math.random()*16777215).toString(16).padStart(6,"0")}const oe=i.forwardRef(({label:j,helperText:v,error:t,required:T,disabled:r,id:o,className:q,style:w,accessMode:g,displayStyle:R,value:y="#3b82f6",onChange:h,presets:k=fe,showInput:_=!0,showRandom:m=!0,showKeyboardHints:$},d)=>{const x=n.useNiceAccessMode(g,o);if(x==="hidden")return null;(x==="disabled"||x==="readOnly")&&(r=!0);const{t:M}=n.useNiceTranslation(),D=n.useControlId(o);n.useComponentDisplayClass("input",R);const A=i.useRef(null),I=i.useCallback(()=>{r||h?.(ve())},[r,h]),B=i.useMemo(()=>[{key:"Enter",description:M("shortcuts.openPicker","Open color picker")},{key:"Arrow keys",description:M("shortcuts.navigatePresets","Navigate presets")}],[M]);return e.jsxs("div",{className:`nice-field ${q||""}`,style:w,children:[j&&e.jsxs("label",{htmlFor:D,className:`nice-field__label ${T?"nice-field__label--required":""}`,children:[j,$&&e.jsx(n.NiceKeyboardHint,{shortcuts:B,size:"sm"})]}),e.jsxs("div",{className:"nice-color-picker",children:[e.jsxs("div",{className:"nice-color-picker__preview-row",children:[e.jsx("div",{className:"nice-color-picker__swatch",style:{background:y},onClick:()=>A.current?.click(),role:"button",tabIndex:0,"aria-label":"Pick color",children:e.jsx("input",{ref:l=>{A.current=l,typeof d=="function"?d(l):d&&(d.current=l)},type:"color",className:"nice-color-picker__native",id:D,value:y,disabled:r,onChange:l=>h?.(l.target.value)})}),_&&e.jsx("div",{className:"nice-input nice-input--sm",style:{width:100},children:e.jsx("input",{className:"nice-input__native",type:"text",value:y,disabled:r,onChange:l=>h?.(l.target.value),maxLength:7})}),m&&e.jsx("button",{type:"button",className:"nice-btn nice-btn--outline nice-btn--sm nice-color-picker__random",onClick:I,disabled:r,title:"Random color","aria-label":"Random color",children:"🎲"})]}),k.length>0&&e.jsx("div",{className:"nice-color-picker__presets",children:k.map(l=>e.jsx("div",{className:`nice-color-picker__preset ${y===l?"nice-color-picker__preset--active":""}`,style:{background:l},onClick:()=>h?.(l),role:"button",tabIndex:0,"aria-label":l},l))})]}),t&&e.jsx("div",{className:"nice-field__error",role:"alert",children:t}),!t&&v&&e.jsx("div",{className:"nice-field__helper",children:v})]})});oe.displayName="NiceColorPicker";const de=i.forwardRef(({children:j,variant:v="primary",size:t="md",type:T="button",disabled:r,loading:o,fullWidth:q,onClick:w,leftIcon:g,rightIcon:R,className:y,style:h,id:k,accessMode:_,displayStyle:m,...$},d)=>{const x=n.useNiceAccessMode(_,k);if(x==="hidden")return null;(x==="disabled"||x==="readOnly")&&(r=!0);const M=n.useComponentDisplayStyle("button",m),D=n.useComponentDisplayClass("button",m);return e.jsxs("button",{ref:d,type:T,id:k,className:`nice-btn nice-btn--${v} nice-btn--${t} nice-btn--ds-${D} ${q?"nice-btn--full-width":""} ${o?"nice-btn--loading":""} ${y||""}`,style:{...M,...h},disabled:r||o,"aria-busy":o||void 0,"aria-disabled":r||o||void 0,onClick:w,...$,children:[o&&e.jsx("svg",{className:"nice-btn__spinner",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3","aria-hidden":"true",children:e.jsx("circle",{cx:"12",cy:"12",r:"10",strokeDasharray:"31.4 31.4",strokeLinecap:"round"})}),!o&&g&&e.jsx("span",{"aria-hidden":"true",children:g}),e.jsx("span",{children:j}),!o&&R&&e.jsx("span",{"aria-hidden":"true",children:R})]})});de.displayName="NiceButton";exports.NiceButton=de;exports.NiceColorPicker=oe;exports.NiceSelect=ae;exports.NiceTextInput=re;