@licklist/design 0.78.16 → 0.78.19

package/src/sales/sales-and-views/SalesAndViewsChart.stories.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import moment from 'moment'
 
 import {

package/src/sales/source-of-sales/SourceOfSalesChart.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 
 import {
   SourceOfSalesChart,

package/src/sales/statistics-chart/StatisticsChart.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 
 import { StatisticsChart, StatisticsChartProps } from './StatisticsChart'
 

package/src/setting/dashboard/DashboardSetting.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { FormProvider, useForm } from 'react-hook-form'
 import Container from 'react-bootstrap/Container'
 import * as Config from '@licklist/core/dist/Config'

package/src/setting/dashboard/components/IpInput.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { IpInput as IpInputComponent, IpInputProps } from './IpInput'
 
 export default {

package/src/setting/dashboard/payments/payments-form/PaymentsForm.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { PaymentsForm, PaymentsFormProps } from './PaymentsForm'
 
 export default {

package/src/setting/dashboard/payments/payments-modal/PaymentsModal.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { PaymentsModal, PaymentsModalProps } from './PaymentsModal'
 
 export default {

package/src/setting/dashboard/snippet-templates/card/SnippetTemplateCard.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react'
-import { boolean } from '@storybook/addon-knobs'
+import { Meta, Story } from '@storybook/react-vite'
+// TODO: Replace knobs with controls
 import {
   SnippetTemplateCard,
   SnippetTemplateCardProps,

package/src/setting/dashboard/snippet-templates/card/SnippetTemplateCard.tsx

@@ -24,8 +24,6 @@ export function SnippetTemplateCard({
   return (
     <div className='snippet-template-card'>
       <div className='snippet-template-card-header'>
-        {/* TODO fix issue react router types
-      @ts-expect-error */}
         <Link to={href}>{name}</Link>
         {hasPermission && !isDefault && (
           <button

package/src/setting/dashboard/snippets/card/SnippetCard.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { SnippetCard, SnippetCardProps } from './SnippetCard'
 
 export default {

package/src/sidebar/elements/Elements.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { default as ReturnBackComponent, ReturnBackProps } from './ReturnBack'
 
 export default {

package/src/slide-curtain/SlideCurtain.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { SlideCurtain } from './SlideCurtain'
 
 export default {

package/src/snippet/snippet-template/SnippetTemplate.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react'
-import { boolean } from '@storybook/addon-knobs'
+import { Meta, Story } from '@storybook/react-vite'
+// TODO: Replace knobs with controls
 
 import { SnippetTemplate, SnippetTemplateProps } from './SnippetTemplate'
 

package/src/snippet/snippet-template/control/Control.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 
 import { PropertyControl, PropertyControlProps } from './PropertyControl'
 import { FormProvider, useForm } from 'react-hook-form'

package/src/snippet/snippet-template/form/SnippetTemplateForm.stories.tsx

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react'
-import { boolean } from '@storybook/addon-knobs'
+import { Meta, Story } from '@storybook/react-vite'
+// TODO: Replace knobs with controls
 import {
   SnippetTemplateForm,
   SnippetTemplateFormProps,

package/src/snippet/snippet-template/form/SnippetTemplateForm.tsx

@@ -121,7 +121,6 @@ export function SnippetTemplateForm({
                     attribute: t('widgetType'),
                   }) as string,
                 })}
-                placeholder={t('widgetType')}
               >
                 <option value={SNIPPET_TEMPLATE_TYPE_EVENT_LIST}>
                   {t('widgetTypeEventList')}

package/src/snippet/snippet-template/preview/Preview.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { Preview, PreviewProps } from './Preview'
 import { SnippetTemplateContextProvider } from '../context/snippetTemplate'
 import { SnippetTemplateLoadingContextProvider } from '../context/snippetTemplateLoading'

package/src/snippet/snippet-template/preview/Preview.tsx

@@ -171,7 +171,6 @@ export function Preview({
                             </label>
                             <select
                               className='form-control'
-                              placeholder={t('firstName')}
                             >
                               <option>2022</option>
                               <option>2023</option>

package/src/snippet/snippet-template/settings/Settings.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 
 import { SettingButton, SettingButtonProps } from './SettingButton'
 

package/src/sortable-list/SortableList.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react'
+import { Meta } from '@storybook/react-vite'
 import { SortableList } from './SortableList'
 
 export default {

package/src/sortable-tree/SortableTree.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { uniqueId } from 'lodash'
 import { SortableTree, SortableTreeProps } from './SortableTree'
 

package/src/sortable-tree/SortableTreeItem.stories.tsx

@@ -1,6 +1,6 @@
 import { DndContext } from '@dnd-kit/core'
 import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable'
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { Form } from 'react-bootstrap'
 import { SortableTreeItem, SortableTreeItemProps } from './SortableTreeItem'
 

package/src/sorting-select/SortingSelect.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { SortingSelect, SortingSelectProps } from './SortingSelect'
 
 export default {

package/src/static/CountryCodeSelect.tsx

@@ -52,11 +52,11 @@ function CountryCodeSelect({
         </option>
         {sortedCountries.map((key: keyof typeof en) => (
           <option key={key as string} value={key as string}>
-            {en[key]}
+            {String(en[key])}
           </option>
         ))}
       </Form.Control>
-      <Form.Control.Feedback type='invalid'>{error}</Form.Control.Feedback>
+      <Form.Control.Feedback type='invalid'>{error as string}</Form.Control.Feedback>
     </>
   )
 }

package/src/static/date-range-input/DateRangeInput.stories.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { DateRangeInput } from './DateRangeInput'
 
 export default {

package/src/static/form-number-input/FormNumberInput.stories.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { useForm, FormProvider } from 'react-hook-form'
 import { FormNumberInput } from './FormNumberInput'
 

package/src/static/loader/Loader.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { BlockLoader } from './BlockLoader'
 import { LoaderIndicator } from './LoaderIndicator'
 import { ButtonLoader } from './ButtonLoader'

package/src/static/number-input/NumberInput.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { useState } from 'react'
 import { NumberInput } from './NumberInput'
 

package/src/static/switch/BooleanSwitch.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { useState } from 'react'
 import { BooleanSwitch, BooleanSwitchProps } from './BooleanSwitch'
 

package/src/static/switch/Switch.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { useState } from 'react'
 import { Form } from 'react-bootstrap'
 import { Controller, FormProvider, useForm } from 'react-hook-form'

package/src/static/tabs/Tab.tsx

@@ -6,6 +6,7 @@ export type TabProps = {
   eventKey?: string
   title?: string
   tabClassName?: string
+  children?: React.ReactNode
 }
 
 // eslint-disable-next-line react/function-component-definition

package/src/static/text-expand/TextExpand.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import { useState } from 'react'
 import { TextExpand } from './TextExpand'
 

package/src/striped-static-table/StripedStaticTable.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/react'
+import { Meta, Story } from '@storybook/react-vite'
 import {
   StripedStaticTable,
   StripedStaticTableProps,