@demos-europe/demosplan-ui 0.4.21 → 0.4.22

package/storybook-static/assets/DpUploadFiles-BPYxTWYH.js

@@ -1,26 +0,0 @@
-import{j as i,M as e,C as p}from"./blocks-kyJuz3C5.js";import{useMDXComponents as n}from"./index-BbC7EF1e.js";import{Basic as s,MultipleFiles as m}from"./DpUploadFiles.stories-CDCSsFQa.js";import"./iframe-KFxwsBtW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./DpDataTableExtended-mDxHCvB0.js";import"./CleanHtml-CeG3Pc5D.js";import"./DpDataTable-f7CVMPNi.js";import"./Tooltip-flnpMaRO.js";import"./translations-DDOZrg-p.js";import"./dayjs.min-C3DHb-Vr.js";import"./helpers-CdC6mcQu.js";import"./getScrollTop-CXy7CyEd.js";import"./prefixClass-BBJiSKc2.js";import"./DpDraggable-DLTo9Q5K.js";import"./DpLoading-rM7osZHK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./DpIcon-dOAQoUKG.js";import"./hasOwnProp-B0vmwdLB.js";import"./DpSlidingPagination-BCXUgS46.js";import"./DpStickyElement-ClzY3p1-.js";import"./DpApi-BU9X0WT6.js";import"./Stickier-DyqV0rTn.js";import"./DpAccordion-CKgNMMg7.js";import"./DpVideoPlayer-CnldmoEy.js";import"./DpButtonRow-DRRw4r4F.js";import"./DpButton-BLywaapW.js";import"./DpCheckbox-BdZqABk4.js";import"./DpLabel-DFauD5I2.js";import"./DpContextualHelp-DnsCCoZB.js";import"./prefixClassMixin-FjEzRm2G.js";import"./DpInput-cN-WEvOL.js";import"./lengthHint-zGawKYxB.js";import"./DpModal-oGkhZvzT.js";import"./DpMultiselect-Bm5hUadB.js";import"./index-CTxdm8FW.js";import"./DpAutocomplete-Ds8IvIaM.js";import"./DpBulkEditHeader-qNgl3Gdq.js";import"./DpBadge-mgPu9WO8.js";import"./DpCard-CNBkliZ1.js";import"./DpCheckboxGroup-CFaFEzrL.js";import"./DpColumnSelector-BjRvX20u.js";import"./DpFlyout-Dsx6KYUl.js";import"./DpDatepicker-CFlgW3DB.js";import"./DpDateRangePicker-D5652u0C.js";import"./DpDatetimePicker-DQokm861.js";import"./DpTimePicker-9Qy_qVnW.js";import"./DpResettableInput-nox0ihQv.js";import"./DpDetails-Do--n1SK.js";import"./DpConfirmDialog-CQYtFW-3.js";import"./DpEditableList-5FqvJbtx.js";import"./DpFormRow-BsMZgRL2.js";import"./DpInlineNotification-CEzn4Pqd.js";import"./DpMultistepNav-AnSXdU2J.js";import"./DpNotification-C1QXVdor.js";import"./DpPager-BaoMw4uo.js";import"./DpProgressBar-C0dbsdgz.js";import"./DpRadio-D2xw34qI.js";import"./DpSearchField-CFqegLRV.js";import"./DpSelect-BzmpttTu.js";import"./DpSkeletonBox-a5wBcRN-.js";import"./DpSlidebar-DtAyUisB.js";import"./DpTextArea-DoA63rHr.js";import"./DpToggle-BPqlzXQH.js";import"./DpTooltip-D8SOODgR.js";import"./DpTreeList-Cciwf3YU.js";function r(t){const o={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...n(),...t.components};return i.jsxs(i.Fragment,{children:[i.jsx(e,{title:"Components/UploadFiles"}),`
-`,i.jsx(o.h1,{id:"dpuploadfiles",children:"DpUploadFiles"}),`
-`,i.jsx(o.p,{children:`The UploadFiles component enables users to upload files by dropping them onto a designated area
-or by triggering the process through a button activation.`}),`
-`,i.jsx(o.p,{children:"This component..."}),`
-`,i.jsxs(o.ul,{children:[`
-`,i.jsx(o.li,{children:"contains the Uppy drop zone"}),`
-`,i.jsx(o.li,{children:"displays the uploaded files in a list"}),`
-`,i.jsx(o.li,{children:"handles adding and removing fileHashes to a hidden input (for form posts)"}),`
-`]}),`
-`,i.jsx(o.h2,{id:"when-to-use",children:"When to use"}),`
-`,i.jsxs(o.p,{children:["If you are implementing a file upload in demosplan, use ",i.jsx(o.strong,{children:"DpUploadFiles"}),"."]}),`
-`,i.jsx(o.h2,{id:"examples",children:"Examples"}),`
-`,i.jsx(o.h3,{id:"basic-upload",children:"Basic Upload"}),`
-`,i.jsx(o.p,{children:"Basic single file upload configuration with PDF files only."}),`
-`,i.jsx(p,{of:s}),`
-`,i.jsx(o.h3,{id:"multiple-file-upload",children:"Multiple File Upload"}),`
-`,i.jsx(o.p,{children:"Upload multiple files with different configurations."}),`
-`,i.jsx(p,{of:m}),`
-`,i.jsx(o.h2,{id:"custom-usage",children:"Custom usage"}),`
-`,i.jsx(o.pre,{children:i.jsx(o.code,{className:"language-html",children:`<dp-upload-files
-    allowed-file-types="all"
-    :basic-auth="dplan.settings.basicAuth"
-    :get-file-by-hash="hash => RoutingFunction('core_file', { hash: hash })"
-    :tus-endpoint="dplan.paths.tusEndpoint" />
-`})})]})}function bi(t={}){const{wrapper:o}={...n(),...t.components};return o?i.jsx(o,{...t,children:i.jsx(r,{...t})}):r(t)}export{bi as default};

package/storybook-static/assets/DpUploadFiles.stories-CDCSsFQa.js

@@ -1,154 +0,0 @@
-import{D as r,a as m,d}from"./DpDataTableExtended-mDxHCvB0.js";import{D as n,_ as c}from"./DpAccordion-CKgNMMg7.js";import{c as f,d as u,D,e as g,f as h,a as x,_ as F,g as b,h as y,b as v}from"./DpVideoPlayer-CnldmoEy.js";import{_ as B}from"./DpAutocomplete-Ds8IvIaM.js";import{D as _}from"./DpBulkEditHeader-qNgl3Gdq.js";import{_ as w}from"./DpButton-BLywaapW.js";import{D as P}from"./DpButtonRow-DRRw4r4F.js";import{D as M}from"./DpBadge-mgPu9WO8.js";import{D as S}from"./DpCard-CNBkliZ1.js";import{D as U}from"./DpCheckbox-BdZqABk4.js";import{D as z}from"./DpCheckboxGroup-CFaFEzrL.js";import{D as T}from"./DpColumnSelector-BjRvX20u.js";import{_ as k}from"./DpContextualHelp-DnsCCoZB.js";import{D as H}from"./DpDataTable-f7CVMPNi.js";import{D as N}from"./DpDatepicker-CFlgW3DB.js";import{D as R}from"./DpDateRangePicker-D5652u0C.js";import{D as G}from"./DpDatetimePicker-DQokm861.js";import{D as A}from"./DpDetails-Do--n1SK.js";import{D as E}from"./DpConfirmDialog-CQYtFW-3.js";import{_ as $}from"./DpDraggable-DLTo9Q5K.js";import{D as I}from"./DpEditableList-5FqvJbtx.js";import{D as O}from"./DpFlyout-Dsx6KYUl.js";import{D as C}from"./DpFormRow-BsMZgRL2.js";import{d as j}from"./DpApi-BU9X0WT6.js";import{_ as J}from"./DpIcon-dOAQoUKG.js";import{D as L}from"./DpInlineNotification-CEzn4Pqd.js";import{_ as q}from"./DpInput-cN-WEvOL.js";import V from"./DpLabel-DFauD5I2.js";import{D as K}from"./DpLoading-rM7osZHK.js";import{D as Q}from"./DpModal-oGkhZvzT.js";import{D as W}from"./DpMultiselect-Bm5hUadB.js";import{D as X}from"./DpMultistepNav-AnSXdU2J.js";import{D as Y}from"./DpNotification-C1QXVdor.js";import{D as Z}from"./DpPager-BaoMw4uo.js";import{D as ee}from"./DpProgressBar-C0dbsdgz.js";import{D as oe}from"./DpRadio-D2xw34qI.js";import{D as ae}from"./DpResettableInput-nox0ihQv.js";import{D as ie}from"./DpSearchField-CFqegLRV.js";import{D as te}from"./DpSelect-BzmpttTu.js";import{D as le}from"./DpSkeletonBox-a5wBcRN-.js";import{D as pe}from"./DpSlidebar-DtAyUisB.js";import{D as se}from"./DpSlidingPagination-BCXUgS46.js";import{D as re}from"./DpStickyElement-ClzY3p1-.js";import{D as me}from"./DpTextArea-DoA63rHr.js";import{D as de}from"./DpTimePicker-9Qy_qVnW.js";import{D as ne}from"./DpToggle-BPqlzXQH.js";import{D as ce}from"./DpTooltip-D8SOODgR.js";import{D as fe}from"./DpTreeList-Cciwf3YU.js";import"./CleanHtml-CeG3Pc5D.js";import"./iframe-KFxwsBtW.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Tooltip-flnpMaRO.js";import"./_commonjsHelpers-CE1G-McA.js";import"./dayjs.min-C3DHb-Vr.js";import"./translations-DDOZrg-p.js";import"./hasOwnProp-B0vmwdLB.js";import"./helpers-CdC6mcQu.js";import"./getScrollTop-CXy7CyEd.js";import"./prefixClass-BBJiSKc2.js";import"./prefixClassMixin-FjEzRm2G.js";import"./lengthHint-zGawKYxB.js";import"./index-CTxdm8FW.js";import"./Stickier-DyqV0rTn.js";function ue(e,l){return j.get(l,{filter:{hasHash:{condition:{operator:"IN",path:"hash",value:e}}}}).then(({data:p})=>p.data.map(o=>o.id))}const t=Object.freeze(Object.defineProperty({__proto__:null,DpAccordion:n,DpAnonymizeText:f,DpAutocomplete:B,DpBadge:M,DpBulkEditHeader:_,DpButton:w,DpButtonIcon:u,DpButtonRow:P,DpCard:S,DpCheckbox:U,DpCheckboxGroup:z,DpColumnSelector:T,DpConfirmDialog:E,DpContextualHelp:k,DpDataTable:H,DpDataTableExtended:r,DpDateRangePicker:R,DpDatepicker:N,DpDatetimePicker:G,DpDetails:A,DpDraggable:$,DpEditableList:I,DpEditor:D,DpFlyout:O,DpFormRow:C,DpIcon:J,DpInlineNotification:L,DpInput:q,DpLabel:V,DpLoading:K,DpModal:Q,DpMultiselect:W,DpMultistepNav:X,DpNotification:Y,DpObscure:g,DpPager:Z,DpProgressBar:ee,DpRadio:oe,DpResettableInput:ae,DpSearchField:ie,DpSelect:te,DpSelectPageItemCount:m,DpSkeletonBox:le,DpSlidebar:pe,DpSlidingPagination:se,DpSplitButton:h,DpStickyElement:re,DpTab:x,DpTabs:F,DpTextArea:me,DpTimePicker:de,DpToggle:ne,DpTooltip:ce,DpTransitionExpand:c,DpTreeList:fe,DpUpload:b,DpUploadFiles:y,DpVideoPlayer:v,dataTableSearch:d,getFileIdsByHash:ue},Symbol.toStringTag,{value:"Module"})),s=e=>`https://example.com/api/files/${e}`,wo={title:"Components/UploadFiles",component:t,tags:["autodocs"],parameters:{docs:{description:{component:"File upload component using drag-and-drop or file browser, supporting single or multiple file uploads with validation."}}},argTypes:{"upload-success":{action:"upload-success"},"file-remove":{action:"file-remove"},allowedFileTypes:{control:"select",options:["all","image","pdf","office","zip"],description:"File types allowed for upload (preset or array of mime types)"},maxFileSize:{control:{type:"number",min:1e3,max:1e8,step:1e6},description:"Maximum file size in bytes"},maxNumberOfFiles:{control:{type:"number",min:1,max:10},description:"Maximum number of files that can be uploaded"},sideBySide:{control:"boolean",description:"Display uploaded files next to dropzone instead of below"},required:{control:"boolean",description:"Mark upload field as required"},needsHiddenInput:{control:"boolean",description:"Add hidden input with file hashes for form submission"},allowMultipleUploads:{control:"boolean",description:"Allow user to upload more files after uploading some"}}},a={render:e=>({components:{DpUploadFiles:t},setup(){return{args:e,handleUploadSuccess:o=>{console.log("File uploaded:",o)},handleFileRemove:o=>{console.log("File removed:",o)}}},template:`
-      <div class="p-4 max-w-2xl mx-auto">
-        <dp-upload-files
-          v-bind="args"
-          @upload-success="handleUploadSuccess"
-          @file-remove="handleFileRemove"
-        />
-      </div>
-    `}),args:{allowedFileTypes:"pdf",tusEndpoint:"https://example.com/tus",getFileByHash:s,maxFileSize:1e7,maxNumberOfFiles:1,label:{text:"Upload PDF Document",hint:"Drag and drop your PDF file here, or click to select",tooltip:"Maximum file size: 10MB"}},parameters:{docs:{source:{code:`
-<dp-upload-files
-  allowed-file-types="pdf"
-  tus-endpoint="https://example.com/tus"
-  :get-file-by-hash="getFileByHash"
-  :max-file-size="10000000"
-  :max-number-of-files="1"
-  :label="{
-    text: 'Upload PDF Document',
-    hint: 'Drag and drop your PDF file here, or click to select',
-    tooltip: 'Maximum file size: 10MB'
-  }"
-  @upload-success="handleUploadSuccess"
-  @file-remove="handleFileRemove"
-/>
-`}}}},i={render:e=>({components:{DpUploadFiles:t},setup(){return{args:e}},template:`
-      <div class="p-4 max-w-2xl mx-auto">
-        <dp-upload-files v-bind="args" />
-      </div>
-    `}),args:{allowedFileTypes:["image/jpeg","image/png","application/pdf"],tusEndpoint:"https://example.com/tus",getFileByHash:s,maxFileSize:2e7,maxNumberOfFiles:5,allowMultipleUploads:!0,label:{text:"Upload Documents",hint:"Allowed file types: JPG, PNG, PDF (max 5 files)",tooltip:"Maximum file size: 20MB per file"}},parameters:{docs:{source:{code:`
-<dp-upload-files
-  :allowed-file-types="['image/jpeg', 'image/png', 'application/pdf']"
-  tus-endpoint="https://example.com/tus"
-  :get-file-by-hash="getFileByHash"
-  :max-file-size="20000000"
-  :max-number-of-files="5"
-  :allow-multiple-uploads="true"
-  :label="{
-    text: 'Upload Documents',
-    hint: 'Allowed file types: JPG, PNG, PDF (max 5 files)',
-    tooltip: 'Maximum file size: 20MB per file'
-  }"
-/>
-`}}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  render: args => ({
-    components: {
-      DpUploadFiles
-    },
-    setup() {
-      const handleUploadSuccess = (file: any) => {
-        console.log('File uploaded:', file);
-      };
-      const handleFileRemove = (file: any) => {
-        console.log('File removed:', file);
-      };
-      return {
-        args,
-        handleUploadSuccess,
-        handleFileRemove
-      };
-    },
-    template: \`
-      <div class="p-4 max-w-2xl mx-auto">
-        <dp-upload-files
-          v-bind="args"
-          @upload-success="handleUploadSuccess"
-          @file-remove="handleFileRemove"
-        />
-      </div>
-    \`
-  }),
-  args: {
-    allowedFileTypes: 'pdf',
-    tusEndpoint: 'https://example.com/tus',
-    getFileByHash: mockGetFileByHash,
-    maxFileSize: 10000000,
-    maxNumberOfFiles: 1,
-    label: {
-      text: 'Upload PDF Document',
-      hint: 'Drag and drop your PDF file here, or click to select',
-      tooltip: 'Maximum file size: 10MB'
-    }
-  },
-  parameters: {
-    docs: {
-      source: {
-        code: \`
-<dp-upload-files
-  allowed-file-types="pdf"
-  tus-endpoint="https://example.com/tus"
-  :get-file-by-hash="getFileByHash"
-  :max-file-size="10000000"
-  :max-number-of-files="1"
-  :label="{
-    text: 'Upload PDF Document',
-    hint: 'Drag and drop your PDF file here, or click to select',
-    tooltip: 'Maximum file size: 10MB'
-  }"
-  @upload-success="handleUploadSuccess"
-  @file-remove="handleFileRemove"
-/>
-\`
-      }
-    }
-  }
-}`,...a.parameters?.docs?.source},description:{story:"Basic single file upload with PDF files only",...a.parameters?.docs?.description}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
-  render: args => ({
-    components: {
-      DpUploadFiles
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <div class="p-4 max-w-2xl mx-auto">
-        <dp-upload-files v-bind="args" />
-      </div>
-    \`
-  }),
-  args: {
-    allowedFileTypes: ['image/jpeg', 'image/png', 'application/pdf'],
-    tusEndpoint: 'https://example.com/tus',
-    getFileByHash: mockGetFileByHash,
-    maxFileSize: 20000000,
-    maxNumberOfFiles: 5,
-    allowMultipleUploads: true,
-    label: {
-      text: 'Upload Documents',
-      hint: 'Allowed file types: JPG, PNG, PDF (max 5 files)',
-      tooltip: 'Maximum file size: 20MB per file'
-    }
-  },
-  parameters: {
-    docs: {
-      source: {
-        code: \`
-<dp-upload-files
-  :allowed-file-types="['image/jpeg', 'image/png', 'application/pdf']"
-  tus-endpoint="https://example.com/tus"
-  :get-file-by-hash="getFileByHash"
-  :max-file-size="20000000"
-  :max-number-of-files="5"
-  :allow-multiple-uploads="true"
-  :label="{
-    text: 'Upload Documents',
-    hint: 'Allowed file types: JPG, PNG, PDF (max 5 files)',
-    tooltip: 'Maximum file size: 20MB per file'
-  }"
-/>
-\`
-      }
-    }
-  }
-}`,...i.parameters?.docs?.source},description:{story:"Multiple file upload configuration",...i.parameters?.docs?.description}}};const Po=["Basic","MultipleFiles"];export{a as Basic,i as MultipleFiles,Po as __namedExportsOrder,wo as default};