@boxyhq/react-ui
Version:
React UI components from BoxyHQ
3 lines (2 loc) • 2.75 kB
JavaScript
"use strict";const t=require("./index-CS5SeY3J.cjs"),v=require("react");function h(e){return t.jsxRuntimeExports.jsx("svg",{fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",...e.svgAttrs,children:t.jsxRuntimeExports.jsx("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18 18 6M6 6l12 12"})})}const _="_rowContainer_1fe97_1",E="_error_1fe97_8",I="_row_1fe97_1",b="_input_1fe97_24",R="_add_1fe97_29",y="_svg_1fe97_33",a={rowContainer:_,error:E,row:I,input:b,add:R,svg:y};function g(e){return t.jsxRuntimeExports.jsxs("div",{className:a.row,children:[t.jsxRuntimeExports.jsx("input",{name:"item",type:e.inputType||"text",className:`${e.classNames.input} ${t.styles["input-sm"]} ${a.input}`,value:e.item,onChange:i=>e.handleItemUpdate(i.target.value,e.index),onBlur:i=>e.handleBlur(e.index),required:!0,disabled:e.disabled}),t.jsxRuntimeExports.jsx("button",{type:"button",onClick:i=>e.handleItemDelete(e.index),disabled:e.disableDelete,children:t.jsxRuntimeExports.jsx(h,{svgAttrs:{class:a.svg}})})]})}function N(e){var c;const[i,r]=v.useState(()=>{});function l(){return Array.isArray(e.currentlist)?e.currentlist:[e.currentlist]}function m(){e.handleItemListUpdate(e.fieldName,[...l(),""])}function x(s,n){const u=[...l()];u[n]=s,e.handleItemListUpdate(e.fieldName,u)}function f(s){const n=l()[s];if(l().indexOf(n)!==s){r(s);return}else i===s&&r(void 0);l().slice(s+1).indexOf(n)!==-1?r(s):i===s&&r(void 0)}function j(s){const n=l()[s];i!==void 0&&(i===s||n===l()[i])&&r(void 0),e.handleItemListUpdate(e.fieldName,l().filter((u,o)=>o!==s))}function d(){var s,n;return{label:t.cssClassAssembler((s=e.classNames)==null?void 0:s.label,t.styles.label),input:t.cssClassAssembler((n=e.classNames)==null?void 0:n.input,t.styles.input)}}return t.jsxRuntimeExports.jsxs("fieldset",{className:t.styles.fieldset,children:[t.jsxRuntimeExports.jsx("legend",{className:d().label,children:e.label}),t.jsxRuntimeExports.jsxs("div",{className:a.rowContainer,children:[(c=l())==null?void 0:c.map((s,n)=>t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx(g,{inputType:e.inputType,item:s,index:n,isDuplicateItem:i===n,handleItemUpdate:x,handleItemDelete:j,disableDelete:n===0&&l().length===1,handleBlur:f,disabled:i!==void 0&&i!==n,classNames:{input:d().input}}),i===n?t.jsxRuntimeExports.jsxs("span",{className:a.error,children:[t.jsxRuntimeExports.jsx(t.ExclamationTriangle,{svgAttrs:{class:a.svg,"aria-hidden":!0}}),"Duplicate entries not allowed."]}):null]},n)),t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Button,{type:"button",variant:"outline",name:"Add URL",classNames:a.add,onClick:s=>m(),disabled:i!==void 0})})]})]})}exports.ItemList=N;
//# sourceMappingURL=index-CkmUXhUX.cjs.map