@reqquest/ui 1.1.1 → 1.1.2

package/dist/components/ApplicationDetailsView.svelte

@@ -1,307 +0,0 @@
-<script lang="ts">
-  import type { UIRegistry } from '../registry.js'
-  import { getAppRequestStatusInfo, getApplicationStatusInfo, applicantRequirementTypes, reviewRequirementTypes } from '../status-utils.js'
-  import type { Scalars } from '../typed-client/schema'
-  import { enumRequirementType, type RequirementType } from '../typed-client/index.js'
-  import { Panel, TagSet } from '@txstate-mws/carbon-svelte'
-  import Button from "carbon-components-svelte/src/Button/Button.svelte";
-import InlineNotification from "carbon-components-svelte/src/Notification/InlineNotification.svelte";
-import Tooltip from "carbon-components-svelte/src/Tooltip/Tooltip.svelte";
-  import Edit from 'carbon-icons-svelte/lib/Edit.svelte'
-  import type { AnsweredPrompt, PromptSection, AppRequestForDetails, ApplicationForDetails } from './types'
-  import RenderDisplayComponent from './RenderDisplayComponent.svelte'
-  import ApplicantProgramList from './ApplicantProgramList.svelte'
-  import WarningIconYellow from './WarningIconYellow.svelte'
-
-  // TODO: design alignement could reduce props here
-  export let appRequest: AppRequestForDetails
-  export let applications: ApplicationForDetails[]
-  export let appData: Scalars['JsonData'] = {}
-  export let prequalPrompts: AnsweredPrompt[] | undefined = undefined
-  export let postqualPrompts: AnsweredPrompt[] | undefined = undefined
-  export let loading = false
-  export let uiRegistry: UIRegistry
-  export let title = 'View your application'
-  export let subtitle = 'Select document names to preview them.'
-  export let expandable = true
-  export let showWarningsInline = false
-  export let showCorrectionsInline = false
-  export let showAppRequestStatus = true
-  export let statusDisplay: 'tags' | 'icons' = 'tags'
-  export let showTooltipsAsText = false
-
-  const CORRECTABLE_STATUSES = ['STARTED', 'READY_TO_SUBMIT', 'DISQUALIFIED']
-
-  $: canMakeCorrections = CORRECTABLE_STATUSES.includes(appRequest.status)
-
-  // Group prompts by sections, with reviewer prompts nested within application sections
-  $: sections = (() => {
-    const sections: PromptSection[] = []
-
-    // General Questions === PREQUAL prompts
-    if (prequalPrompts?.length) {
-      sections.push({ title: 'General Questions', prompts: prequalPrompts })
-    }
-
-    // Application-Specific Questions with nested Reviewer Questions
-    for (const application of applications) {
-      const applicantPrompts = application.requirements
-        .filter(r => applicantRequirementTypes.has(r.type))
-        .flatMap(r => r.prompts)
-      const reviewerPrompts = application.requirements
-        .filter(r => reviewRequirementTypes.has(r.type))
-        .flatMap(r => r.prompts)
-      const workflowPrompts = application.requirements
-        .filter(r => r.type === enumRequirementType.WORKFLOW)
-        .flatMap(r => r.prompts)
-
-      if (applicantPrompts.length || reviewerPrompts.length || workflowPrompts.length) {
-        const subsections: PromptSection[] = []
-        if (reviewerPrompts.length) subsections.push({ title: 'Reviewer Questions', prompts: reviewerPrompts })
-        if (workflowPrompts.length) subsections.push({ title: 'Workflow Questions', prompts: workflowPrompts })
-        sections.push({
-          title: application.title,
-          prompts: applicantPrompts,
-          subsections,
-          applicationStatus: application.status
-        })
-      }
-    }
-
-    // Additional Questions === POSTQUAL prompts
-    if (postqualPrompts?.length) {
-      sections.push({ title: 'Additional Questions', prompts: postqualPrompts })
-    }
-
-    return sections
-  })()
-
-  function hasWarning (prompt: AnsweredPrompt) {
-    return prompt.statusReasons.some(r => r.status === 'WARNING' || r.status === 'DISQUALIFYING')
-  }
-
-  function getWarnings (prompt: AnsweredPrompt) {
-    return prompt.statusReasons.filter(r => r.status === 'WARNING' || r.status === 'DISQUALIFYING')
-  }
-
-  function needsCorrection (prompt: AnsweredPrompt) {
-    return prompt.invalidated && prompt.invalidatedReason
-  }
-</script>
-
-{#if appRequest}
-  <div class="[ my-6 ] application-details flow">
-    <!-- Application Status Panel -->
-    <header class="[ mb-12 ] app-view-intro text-center">
-      <h2 class="[ text-xl mb-3 ]">{title}</h2>
-      <p class="app-view-subtitle mb-3">{subtitle}</p>
-    </header>
-    <section class="prompt-section">
-      <div class="status-content">
-        {#if showAppRequestStatus}
-          <dl class="status-list-item [ flex items-center justify-between px-2 py-3 border-b ]">
-            <dt class="status-list-label font-medium">Application Status</dt>
-            <dd class="px-2">
-              <TagSet tags={[{ label: getAppRequestStatusInfo(appRequest.status).label, type: getAppRequestStatusInfo(appRequest.status).color }]} />
-            </dd>
-          </dl>
-        {/if}
-
-        <!-- Application Status List -->
-        <ApplicantProgramList {applications} viewMode={statusDisplay === 'tags'} {showTooltipsAsText} />
-      </div>
-    </section>
-
-    <!-- Prompt Sections -->
-    {#if loading}
-      <Panel title="Loading...">
-        <p>Loading prompt data...</p>
-      </Panel>
-    {:else if sections.length > 0}
-      {#each sections as section (section.title)}
-        <Panel title={section.title} {expandable} expanded>
-          <svelte:fragment slot="headerLeft">
-            {#if section.applicationStatus}
-              <TagSet tags={[{ label: getApplicationStatusInfo(section.applicationStatus).label, type: getApplicationStatusInfo(section.applicationStatus).color }]} />
-            {/if}
-          </svelte:fragment>
-          {#if section.prompts.length}
-            <dl class="prompt-list">
-              {#each section.prompts as prompt (prompt.id)}
-                {@const def = uiRegistry.getPrompt(prompt.key)}
-                <dt class="prompt-term [ font-medium ]">
-                  {#if showWarningsInline && hasWarning(prompt)}
-                    <Tooltip align="start">
-                      <div class="icon" slot="icon">
-                        <WarningIconYellow size={16} />
-                      </div>
-                      {#each getWarnings(prompt) as r, i (i)}
-                        <p>
-                          {r.status === 'WARNING' ? 'Warning' : 'Disqualifying'}{#if section.title !== r.programName}&nbsp;for {r.programName}{/if}<br>
-                          {r.statusReason}
-                        </p>
-                      {/each}
-                    </Tooltip>
-                  {/if}
-                  {#if showCorrectionsInline && canMakeCorrections && needsCorrection(prompt)}
-                    <Tooltip align="start">
-                      <div class="icon" slot="icon">
-                        <WarningIconYellow size={16} />
-                      </div>
-                      <p>Correction needed<br>{prompt.invalidatedReason}</p>
-                    </Tooltip>
-                  {/if}
-                  {prompt.title}
-                </dt>
-                <dd class="prompt-answer flow" class:large={def?.displayMode === 'large'}>
-                  <RenderDisplayComponent {def} appRequestId={appRequest.id} appData={appData} prompt={prompt} configData={prompt.configurationData} gatheredConfigData={prompt.gatheredConfigData} />
-                  {#if showCorrectionsInline && canMakeCorrections && needsCorrection(prompt)}
-                    <Button kind="ghost" size="small" icon={Edit} iconDescription="Edit this answer" href={`/requests/${appRequest.id}/apply/${prompt.id}`} class="edit-button" />
-                  {/if}
-                </dd>
-                {#if showCorrectionsInline && canMakeCorrections && needsCorrection(prompt)}
-                  <div class="correction-notice">
-                    <InlineNotification kind="warning-alt" title="Correction needed" subtitle={prompt.invalidatedReason ?? ''} hideCloseButton lowContrast />
-                  </div>
-                {/if}
-              {/each}
-            </dl>
-          {/if}
-
-          <!-- Nested subsections (e.g., Reviewer Questions) -->
-          {#if section.subsections}
-            {#each section.subsections as subsection (subsection.title)}
-              <Panel title={subsection.title} {expandable} expanded>
-                <dl class="prompt-list">
-                  {#each subsection.prompts as prompt (prompt.id)}
-                    {@const def = uiRegistry.getPrompt(prompt.key)}
-                    <dt class="prompt-term [ font-medium ]">
-                      {#if showWarningsInline && hasWarning(prompt)}
-                        <Tooltip align="start">
-                          <div class="icon" slot="icon">
-                            <WarningIconYellow size={16} />
-                          </div>
-                          {#each getWarnings(prompt) as r, i (i)}
-                            <p>
-                              {r.status === 'WARNING' ? 'Warning' : 'Disqualifying'}{#if section.title !== r.programName}&nbsp;for {r.programName}{/if}<br>
-                              {r.statusReason}
-                            </p>
-                          {/each}
-                        </Tooltip>
-                      {/if}
-                      {#if showCorrectionsInline && canMakeCorrections && needsCorrection(prompt)}
-                        <Tooltip align="start">
-                          <div class="icon" slot="icon">
-                            <WarningIconYellow size={16} />
-                          </div>
-                          <p>Correction needed<br>{prompt.invalidatedReason}</p>
-                        </Tooltip>
-                      {/if}
-                      {prompt.title}
-                    </dt>
-                    <dd class="prompt-answer flow" class:large={def?.displayMode === 'large'}>
-                      <RenderDisplayComponent {def} appRequestId={appRequest.id} appData={appData} prompt={prompt} configData={prompt.configurationData} gatheredConfigData={prompt.gatheredConfigData} />
-                      {#if showCorrectionsInline && canMakeCorrections && needsCorrection(prompt)}
-                        <Button kind="ghost" size="small" icon={Edit} iconDescription="Edit this answer" href={`/requests/${appRequest.id}/apply/${prompt.id}`} class="edit-button" />
-                      {/if}
-                    </dd>
-                    {#if showCorrectionsInline && canMakeCorrections && needsCorrection(prompt)}
-                      <div class="correction-notice">
-                        <InlineNotification kind="warning-alt" title="Correction needed" subtitle={prompt.invalidatedReason ?? ''} hideCloseButton lowContrast />
-                      </div>
-                    {/if}
-                  {/each}
-                </dl>
-              </Panel>
-            {/each}
-          {/if}
-        </Panel>
-      {/each}
-    {:else}
-      <Panel title="Prompts and Answers">
-        <p>No prompts available for this application.</p>
-      </Panel>
-    {/if}
-
-    <slot name="footer" />
-  </div>
-{:else}
-  <p>No application selected</p>
-{/if}
-
-<style>
-  .app-view-subtitle {
-    color: var(--cds-text-02);
-    /* margin-top: -0.5rem; */
-    margin-bottom: 1rem;
-  }
-
-  .status-list-item {
-    border-bottom: 1px solid var(--cds-border-subtle);
-  }
-
-  .prompt-answer :global(dl) {
-    padding-block-start:1em;
-    display:grid;
-    grid-template-columns: 1fr 1fr;
-    row-gap:0.5rem;
-  }
-
-  .status-content dl {
-    padding-block-start:1em;
-    display:grid;
-    grid-template-columns: 2fr 1fr;
-    row-gap:0.5rem;
-  }
-
-  .status-list-item {
-    border-color: var(--cds-border-subtle);
-  }
-
-  .status-list-label {
-    color: var(--cds-text-01);
-  }
-
-  .prompt-list {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    align-items: stretch;
-    row-gap: 0.5rem;
-  }
-  .prompt-list dt, .prompt-list dd {
-    padding-bottom: 0.5rem;
-  }
-
-  .prompt-term {
-    display: flex;
-    gap:1em;
-    color: var(--cds-text-01);
-    border-bottom: 1px solid var(--cds-border-subtle);
-  }
-  .prompt-term:has(+ .prompt-answer.large) {
-    border-bottom: none;
-  }
-
-  .prompt-answer {
-    color: var(--cds-text-02);
-    border-bottom: 1px solid var(--cds-border-subtle);
-  }
-  .prompt-answer.large {
-    grid-column: span 2;
-  }
-
-  .correction-notice {
-    grid-column: span 2;
-    margin-bottom: 0.5rem;
-  }
-
-  .correction-notice :global(.bx--inline-notification) {
-    max-width: 100%;
-  }
-
-  .prompt-answer :global(.edit-button) {
-    float: right;
-    margin-top: -0.5rem;
-    --cds-icon-01: var(--cds-link-01);
-  }
-</style>

package/dist/components/ButtonLoadingIcon.svelte

@@ -1,28 +0,0 @@
-<script lang="ts">
-  import { ScreenReaderOnly } from '@txstate-mws/svelte-components'
-</script>
-
-<svg style:display="none"></svg>
-<span {...$$restProps} class="{$$restProps.class} loader" aria-hidden="false"><ScreenReaderOnly>loading</ScreenReaderOnly></span>
-
-<style>
-  .loader {
-    width: 16px;
-    height: 16px;
-    border: 3px solid #FFF;
-    border-bottom-color: transparent;
-    border-radius: 50%;
-    display: inline-block;
-    box-sizing: border-box;
-    animation: rotation 1s linear infinite;
-  }
-
-  @keyframes rotation {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-</style>

package/dist/components/IntroPanel.svelte

@@ -1,41 +0,0 @@
-<script lang="ts">
-  import { TagSet } from '@txstate-mws/carbon-svelte'
-  import type { TagItem } from '@txstate-mws/carbon-svelte'
-
-  export let title = ''
-  export let subtitle = ''
-  export let tags: TagItem[] | undefined = undefined
-</script>
-
-<section class="bg-[var(--cds-ui-01)] py-4 px-[16px] text-2xl mb-2">
-  <div class="repel">
-    <div class="max-w-lg flex flex-col flex-wrap justify-start">
-      {#if title}
-        <div class="title-block [ flex gap-[12px] ] ">
-          <h2 class="text-[1.25rem] text-[var(--cds-text-01,#1A1A1A)] font-normal leading-7">
-            {title}
-          </h2>
-          {#if tags}
-            <TagSet tags={tags} />
-          {/if}
-        </div>
-        {#if subtitle}
-          <p class="text-sm text-[var(--cds-text-02)] leading-[18px] tracking-[0.16px] pt-2">
-            {subtitle}
-          </p>
-        {/if}
-      {/if}
-      <!-- Optional content slot below title/subtitle -->
-      {#if $$slots.default}
-        <div class="mt-2">
-          <slot />
-        </div>
-      {/if}
-    </div>
-    {#if $$slots['block-end']}
-    <div class="block-end-slot">
-      <slot name="block-end" />
-    </div>
-    {/if}
-  </div>
-</section>

package/dist/components/PeriodPanel.svelte

@@ -1,100 +0,0 @@
-<script lang="ts">
-  import { ActionSet, Panel, TagSet } from '@txstate-mws/carbon-svelte'
-  import Tab from "carbon-components-svelte/src/Tabs/Tab.svelte";
-import TabContent from "carbon-components-svelte/src/Tabs/TabContent.svelte";
-import Tabs from "carbon-components-svelte/src/Tabs/Tabs.svelte";
-import Tag from "carbon-components-svelte/src/Tag/Tag.svelte";
-  import SettingsEdit from "carbon-icons-svelte/lib/SettingsEdit.svelte";
-import View from "carbon-icons-svelte/lib/View.svelte";
-  import { invalidate } from '$app/navigation'
-  import { api } from '../api'
-  import { page } from '$app/stores'
-  import type { UIRegistry } from '../registry'
-    import { groupby, pluralize } from 'txstate-utils'
-
-  export let program: any
-  export let sharedProgramRequirements: any
-  export let openModal: any
-  export let onClick: any
-  export let uiRegistry: UIRegistry
-
-  const disablePeriodProgram = (requirementKey: string) => async () => {
-    const res = await api.disablePeriodProgramRequirements($page.params.id!, requirementKey, true)
-    await invalidate('api:getPeriodConfigurations')
-  }
-
-  const enablePeriodProgram = (requirementKey: string) => async () => {
-    const res = await api.disablePeriodProgramRequirements($page.params.id!, requirementKey, false)
-    await invalidate('api:getPeriodConfigurations')
-  }
-
-  $: enabledRequirements = Object.entries(groupby(program.requirements.filter(r => r.enabled), 'type'))
-  $: disabledRequirements = program.requirements.filter(r => !r.enabled)
-
-</script>
-  <Panel title={program.title} expandable expanded>
-    {#each enabledRequirements as requrementEntries}
-    {@const type = requrementEntries[0]}
-    {@const requirements = requrementEntries[1]}
-    <Panel title='' expandable expanded>
-      <div style="display: content" slot="headerLeft">
-        <TagSet tags={[{ label: `Applicant: ${type}`, type: 'purple' }]} />
-      </div>
-      <div style="display: content" slot="headerRight">
-        <TagSet tags={[{ label: `${requirements.length} ${pluralize('requirement', requirements.length)}`, type: 'yellow' }]} />
-      </div>
-      <Tabs autoWidth>
-        <Tab label={`Enabled Requirements (${enabledRequirements.length})`} />
-        <Tab label={`Disabled Requirements (${disabledRequirements.length})`} />
-        <svelte:fragment slot='content'>
-          <TabContent>
-            {#each requirements as requirement (requirement.key)}
-              {@const reqDef = uiRegistry.getRequirement(requirement.key)}
-              <Panel title={requirement.title} expandable noPrimaryAction actions={[{ label: 'Configure requirement', onClick: onClick('requirement', requirement), disabled: reqDef?.configureComponent == null || !requirement.configuration.actions.update }, { label: 'Disable Requirement', onClick: disablePeriodProgram(requirement.key) }]}>
-                <div style="display: content" slot="headerLeft">
-                  <TagSet tags={[{ label: 'Requirement', type: 'yellow' }]} />
-                </div>
-                <!-- <Button on:click={onClick('requirement', requirement)} type="primary" size="small" icon={SettingsEdit} iconDescription="Edit Configuration" disabled={reqDef.configureComponent == null || !requirement.configuration.actions.update} />  -->
-              <div style="display: content" slot="headerRight">
-                {@const tags = sharedProgramRequirements[requirement.key]?.length > 1 ? [{ label: 'Shared', onClick: openModal(requirement.key) }] : []}
-                <TagSet tags={tags} />
-              </div>
-
-              <ul class="prompts">
-                  {#each requirement.prompts as prompt (prompt.key)}
-                  {@const promptDef = uiRegistry.getPrompt(prompt.key)}
-                  <li class="prompt justify-between">
-                    <span>
-                      <Tag type='green'>Prompt</Tag>{prompt.title}
-                    </span>
-                    <ActionSet
-                      actions={[
-                        // { label: 'View', icon: View },
-                        { label: 'settings', icon: SettingsEdit, disabled: promptDef?.configureComponent == null || !prompt.configuration.actions.update, onClick: onClick('prompt', prompt) }
-                      ]}
-                    />
-                  </li>
-                  {/each}
-                </ul>
-              </Panel>
-            {/each}
-          </TabContent>
-          <TabContent>
-            {#each disabledRequirements as requirement (requirement.key)}
-              <Panel title={requirement.title} actions={[{ label: 'Enable Requirement', onClick: enablePeriodProgram(requirement.key) }]}>
-                Requirement: {requirement.title}
-                <ul class="prompts">
-                  {#each requirement.prompts as prompt (prompt.key)}
-                    <li class="prompt">
-                      Prompt: {prompt.title}
-                    </li>
-                  {/each}
-                </ul>
-              </Panel>
-            {/each}
-          </TabContent>
-        </svelte:fragment>
-      </Tabs>
-    </Panel>
-    {/each}
-  </Panel>

package/dist/components/RenderDisplayComponent.svelte

@@ -1,38 +0,0 @@
-<script lang="ts">
-  import InlineNotification from "carbon-components-svelte/src/Notification/InlineNotification.svelte";
-  import type { PromptDefinition } from '../registry'
-
-  export let def: PromptDefinition | undefined
-  export let appRequestId: string
-  export let appData: Record<string, any>
-  export let prompt: { key: string, answered: boolean, moot: boolean | null, invalidated: boolean | null, invalidatedReason: string | null }
-  export let configData: Record<string, any>
-  export let gatheredConfigData: Record<string, any>
-  export let showMoot = false
-</script>
-
-<svelte:boundary onerror={e => console.error(e)}>
-  {#if showMoot && prompt.moot}
-    <em>Already disqualified.</em>
-  {:else if !prompt.answered}
-    <em>Incomplete</em>
-  {:else if !def?.displayComponent}
-    <em>No display component registered.</em>
-    <pre>{JSON.stringify(appData[prompt.key] ?? {}, null, 2)}</pre>
-  {:else}
-    <svelte:component this={def.displayComponent} {appRequestId} data={appData[prompt.key]} appRequestData={appData} {configData} {gatheredConfigData} />
-  {/if}
-  {#if prompt.invalidated && (showMoot || !prompt.moot)}
-    <InlineNotification kind="warning" title="Correction Needed" subtitle={prompt.invalidatedReason ?? undefined} class="mt-2" lowContrast hideCloseButton />
-  {/if}
-  {#snippet failed()}
-    <div class="error">
-      <div>Error Loading Component</div>
-      <p>There was an error loading the display component for this prompt.</p>
-    </div>
-  {/snippet}
-</svelte:boundary>
-
-<style>
-  .error div { font-weight: bold; }
-</style>

package/dist/components/ReviewerList.svelte

@@ -1,93 +0,0 @@
-<script lang="ts">
-  import { base } from "$app/paths"
-  import { ColumnList, FieldDate, FieldMultiselect, Pagination, type ActionItem } from "@txstate-mws/carbon-svelte"
-  import { DateTime } from "luxon"
-  import View from 'carbon-icons-svelte/lib/View.svelte'
-  import DocExport from 'carbon-icons-svelte/lib/DocumentExport.svelte'
-    import { downloadCsv } from "../csv"
-    import type { AppRequest } from "../typed-client"
-    import { pluralize } from "txstate-utils"
-
-  export let data: AppRequest[]
-  export let title: string
-  export let subtitle: string
-
-  const selectedActions = (rows: AppRequest[]): ActionItem[] => [
-    {
-      label: `Download ${rows.length} ${pluralize('application', rows.length)}`,
-      // icon: TrashCan,
-      onClick: () => { console.log(rows); downloadCsv(formatCSVData(rows)) }
-    }
-  ]
-
-  function formatCSVData (d: AppRequest[]) {
-    return d.map(d => ({
-      Id: d.id,
-      Period: d.period.name,
-      'TXST ID': d.applicant.otherInfo,
-      Name: d.applicant.fullname,
-      'Date Submitted': DateTime.fromISO(d.createdAt).toFormat('f').replace(',', ''),
-      Benefit: `"${d.applications.map(a => a.title).join(', ')}"`,
-      'Last Submitted': DateTime.fromISO(d.updatedAt).toFormat('f').replace(',', '')
-    }))
-  }
-</script>
-
-<div class="flow [ p-4 bg-gray-100 ]">
-  <h2 class="[ text-lg ]">{title}</h2>
-  <p class="[ text-gray-600 ]">{subtitle}</p>
-</div>
-
-<ColumnList
-  searchable
-  filterTitle='Request Filters'
-  {selectedActions}
-  listActions={[
-      { label: 'Download', icon: DocExport, onClick: () => { console.log(data); downloadCsv(formatCSVData(data)) } }
-  ]}
-  columns={[
-    { id: 'request', label: 'Request #', tags: (row) => [{ label: String(row.id), }] },
-    { id: 'period', label: 'Period', render: r => r.period.name },
-    { id: 'aNumber', label: 'TXST ID' },
-    { id: 'name', label: 'Name', get: 'applicant.fullname' },
-    { id: 'dateSubmitted', label: 'Date Submitted', render: r => DateTime.fromISO(r.createdAt).toFormat('f') },
-    { id: 'benefit', label: 'Benefit', render: r => r.applications.map(a => a.title).join(', ') },
-    { id: 'lastUpdated', label: 'Last Updated', render: r => DateTime.fromISO(r.updatedAt).toFormat('f') },
-  ]}
-  rows={data}
-  title="App Requests"
-
-  actions={r => [
-    {
-      label: 'View',
-      icon: View,
-     // href: `${base}/requests/${r.id}/apply`
-     href: `${base}/requests/${r.id}/approve`
-    }
-  ]}
->
-  <svelte:fragment slot="filters">
-    <FieldMultiselect
-      path="period"
-      labelText="Period"
-      items={[]}
-      placeholder="Choose one or more"
-    />
-    <FieldDate
-    path='dateSubmitted'
-    label='Date Submitted'
-    />
-    <FieldMultiselect
-      path="test"
-      labelText="Period"
-      items={[]}
-      placeholder="Choose one or more"
-    />
-  </svelte:fragment>
-</ColumnList>
-
-<Pagination
-  totalItems={data.length}
-  pageSize={25}
-  chooseSize
-/>

package/dist/components/StatusMessageList.svelte

@@ -1,35 +0,0 @@
-<script lang="ts">
-  import { BadgeNumber } from '@txstate-mws/carbon-svelte'
-  import Accordion from "carbon-components-svelte/src/Accordion/Accordion.svelte";
-import AccordionItem from "carbon-components-svelte/src/Accordion/AccordionItem.svelte";
-
-  export let items: { id: string, message: string }[] = []
-  export let variant: 'warning' | 'error' = 'error'
-  export let accordionTitle = 'Multiple items'
-
-  $: badgeStyle = variant === 'warning'
-    ? '--badge-bg: var(--yellow-01, #F3D690); --badge-text: #6F510C'
-    : '--badge-bg: #FBE9EA; --badge-text: #a11c25'
-</script>
-
-{#if items.length === 1}
-  <div class="flex items-center">
-    <BadgeNumber value={1} class="mt-2 mr-2" style={badgeStyle} />
-    <p class="mt-2 mb-0 text-sm">{items[0].message}</p>
-  </div>
-{:else if items.length > 1}
-  <div class="flex">
-    <BadgeNumber value={items.length} class="mt-5 mr-2" style={badgeStyle} />
-    <div class="mt-2 w-full">
-      <Accordion align="start">
-        <AccordionItem title={accordionTitle}>
-          <ol class="list-decimal">
-            {#each items as item (item.id)}
-              <li>{item.message}</li>
-            {/each}
-          </ol>
-        </AccordionItem>
-      </Accordion>
-    </div>
-  </div>
-{/if}

package/dist/components/WarningIconYellow.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-  import WarningAltFilled from "carbon-icons-svelte/lib/WarningAltFilled.svelte";
-  import type { ComponentProps } from 'svelte'
-
-  interface $$Props extends ComponentProps<typeof WarningAltFilled> {}
-</script>
-
-<div>
-  <WarningAltFilled {...$$restProps} />
-</div>
-
-<style>
-  div :global(svg) {
-    fill: var(--cds-support-03, rgba(239, 200, 108, 1)) !important;
-  }
-
-  div :global([data-icon-path="inner-path"]) {
-    fill: black;
-  }
-</style>