create-foldkit-app 0.27.3 → 0.28.0

package/dist/templates/examples/ui-showcase/src/ui/model.ts

@@ -0,0 +1,138 @@
+import { Schema as S } from 'effect'
+import { File, Calendar as FoldkitCalendar } from 'foldkit'
+
+import {
+  Animation,
+  Calendar,
+  Combobox,
+  DatePicker,
+  Dialog,
+  DragAndDrop,
+  FileDrop,
+  Listbox,
+  Menu,
+  Popover,
+  RadioGroup,
+  Slider,
+  Tabs,
+  Tooltip,
+  VirtualList,
+} from '@foldkit/ui'
+
+import { Toast } from './toast'
+
+export const Plan = S.Literals(['Startup', 'Business', 'Enterprise'])
+export type Plan = typeof Plan.Type
+
+export const DemoTab = S.Literals(['Foldkit', 'React', 'Elm'])
+export type DemoTab = typeof DemoTab.Type
+
+export const City = S.Literals([
+  'Johannesburg',
+  'Kyiv',
+  'Oxford',
+  'Plymouth',
+  'Quito',
+  'Wellington',
+  'Zurich',
+])
+export type City = typeof City.Type
+
+export const ListboxItem = S.Literals([
+  'Michael Bluth',
+  'Lindsay Funke',
+  'Gob Bluth',
+  'George Michael',
+  'Maeby Funke',
+  'Buster Bluth',
+  'Tobias Funke',
+  'Lucille Bluth',
+])
+export type ListboxItem = typeof ListboxItem.Type
+
+export const DemoCard = S.Struct({
+  id: S.String,
+  label: S.String,
+})
+export type DemoCard = typeof DemoCard.Type
+
+export const DemoColumn = S.Struct({
+  id: S.String,
+  label: S.String,
+  cards: S.Array(DemoCard),
+})
+export type DemoColumn = typeof DemoColumn.Type
+
+export const UiModel = S.Struct({
+  mobileMenuDialog: Dialog.Model,
+  buttonClickCount: S.Number,
+  inputDemoValue: S.String,
+  textareaDemoValue: S.String,
+  fieldsetInputValue: S.String,
+  fieldsetTextareaValue: S.String,
+  isFieldsetCheckboxDemoChecked: S.Boolean,
+  calendarBasicDemo: Calendar.Model,
+  maybeCalendarBasicDemoSelectedDate: S.Option(FoldkitCalendar.CalendarDate),
+  datePickerBasicDemo: DatePicker.Model,
+  maybeDatePickerBasicDemoSelectedDate: S.Option(FoldkitCalendar.CalendarDate),
+  isCheckboxBasicDemoChecked: S.Boolean,
+  isCheckboxOptionADemoChecked: S.Boolean,
+  isCheckboxOptionBDemoChecked: S.Boolean,
+  comboboxDemo: Combobox.Model,
+  maybeComboboxDemoSelectedCity: S.Option(City),
+  comboboxNullableDemo: Combobox.Model,
+  maybeComboboxNullableDemoSelectedCity: S.Option(City),
+  comboboxMultiDemo: Combobox.Multi.Model,
+  comboboxMultiDemoSelectedCities: S.Array(City),
+  comboboxPlacementLockDemo: Combobox.Model,
+  maybeComboboxPlacementLockDemoSelectedCity: S.Option(City),
+  comboboxSelectOnFocusDemo: Combobox.Model,
+  maybeComboboxSelectOnFocusDemoSelectedCity: S.Option(City),
+  dialogDemo: Dialog.Model,
+  dialogAnimatedDemo: Dialog.Model,
+  overlayDialogDemo: Dialog.Model,
+  overlayComboboxDemo: Combobox.Model,
+  maybeOverlayComboboxDemoSelectedCity: S.Option(City),
+  nestedDialogParentDemo: Dialog.Model,
+  nestedDialogChildDemo: Dialog.Model,
+  isDisclosureBasicDemoOpen: S.Boolean,
+  isDisclosureAnimatedDemoOpen: S.Boolean,
+  dragAndDropDemo: DragAndDrop.Model,
+  dragAndDropDemoColumns: S.Array(DemoColumn),
+  fileDropBasicDemo: FileDrop.Model,
+  fileDropBasicDemoFiles: S.Array(File.File),
+  listboxDemo: Listbox.Model,
+  maybeListboxDemoSelectedItem: S.Option(ListboxItem),
+  listboxMultiDemo: Listbox.Multi.Model,
+  listboxMultiDemoSelectedItems: S.Array(ListboxItem),
+  listboxGroupedDemo: Listbox.Model,
+  maybeListboxGroupedDemoSelectedItem: S.Option(S.String),
+  menuBasicDemo: Menu.Model,
+  menuAnimatedDemo: Menu.Model,
+  popoverBasicDemo: Popover.Model,
+  popoverAnimatedDemo: Popover.Model,
+  popoverNestedParentDemo: Popover.Model,
+  popoverNestedChildDemo: Popover.Model,
+  verticalRadioGroupDemo: RadioGroup.Model,
+  verticalRadioGroupDemoValue: S.Option(Plan),
+  horizontalRadioGroupDemo: RadioGroup.Model,
+  horizontalRadioGroupDemoValue: S.Option(Plan),
+  selectDemoValue: S.String,
+  sliderRatingDemo: Slider.Model,
+  sliderRatingValue: S.Number,
+  sliderVolumeDemo: Slider.Model,
+  sliderVolumeValue: S.Number,
+  isSwitchDemoChecked: S.Boolean,
+  horizontalTabsDemo: Tabs.Model,
+  horizontalTabsDemoTab: DemoTab,
+  verticalTabsDemo: Tabs.Model,
+  verticalTabsDemoTab: DemoTab,
+  toastDemo: Toast.Model,
+  tooltipBasicDemo: Tooltip.Model,
+  tooltipNoDelayDemo: Tooltip.Model,
+  animationDemo: Animation.Model,
+  isAnimationDemoShowing: S.Boolean,
+  virtualListDemo: VirtualList.Model,
+  virtualListVariableDemo: VirtualList.Model,
+})
+export type UiModel = typeof UiModel.Type

package/dist/templates/examples/ui-showcase/src/ui/subscriptions.ts

@@ -0,0 +1,55 @@
+import { Subscription } from 'foldkit'
+
+import { DragAndDrop, Slider, VirtualList } from '@foldkit/ui'
+
+import { UiMessage } from './message'
+import type { UiModel } from './model'
+
+const dragAndDropSubscriptions = Subscription.lift({
+  dragPointer: DragAndDrop.subscriptions.documentPointer,
+  dragEscape: DragAndDrop.subscriptions.documentEscape,
+  dragKeyboard: DragAndDrop.subscriptions.documentKeyboard,
+  autoScroll: DragAndDrop.subscriptions.autoScroll,
+})<UiModel, UiMessage>({
+  toChildModel: model => model.dragAndDropDemo,
+  toParentMessage: message => UiMessage.GotDragAndDropDemoMessage({ message }),
+})
+
+const sliderRatingSubscriptions = Subscription.lift({
+  sliderRatingPointer: Slider.subscriptions.dragPointer,
+  sliderRatingEscape: Slider.subscriptions.dragEscape,
+})<UiModel, UiMessage>({
+  toChildModel: model => model.sliderRatingDemo,
+  toParentMessage: message => UiMessage.GotSliderRatingDemoMessage({ message }),
+})
+
+const sliderVolumeSubscriptions = Subscription.lift({
+  sliderVolumePointer: Slider.subscriptions.dragPointer,
+  sliderVolumeEscape: Slider.subscriptions.dragEscape,
+})<UiModel, UiMessage>({
+  toChildModel: model => model.sliderVolumeDemo,
+  toParentMessage: message => UiMessage.GotSliderVolumeDemoMessage({ message }),
+})
+
+const virtualListDemoSubscriptions = Subscription.lift({
+  virtualListContainerEvents: VirtualList.subscriptions.containerEvents,
+})<UiModel, UiMessage>({
+  toChildModel: model => model.virtualListDemo,
+  toParentMessage: message => UiMessage.GotVirtualListDemoMessage({ message }),
+})
+
+const virtualListVariableDemoSubscriptions = Subscription.lift({
+  virtualListVariableContainerEvents: VirtualList.subscriptions.containerEvents,
+})<UiModel, UiMessage>({
+  toChildModel: model => model.virtualListVariableDemo,
+  toParentMessage: message =>
+    UiMessage.GotVirtualListVariableDemoMessage({ message }),
+})
+
+export const subscriptions = Subscription.aggregate<UiModel, UiMessage>()(
+  dragAndDropSubscriptions,
+  sliderRatingSubscriptions,
+  sliderVolumeSubscriptions,
+  virtualListDemoSubscriptions,
+  virtualListVariableDemoSubscriptions,
+)

package/dist/templates/examples/ui-showcase/src/ui/toast.ts

@@ -0,0 +1,13 @@
+import { Schema as S } from 'effect'
+
+import { Toast as UiToast } from '@foldkit/ui'
+
+/** Payload shape for the showcase's toast stack. Consumer decides what goes
+ *  in each entry; the Toast component owns only lifecycle and a11y. */
+export const ToastPayload = S.Struct({
+  title: S.String,
+  maybeDescription: S.Option(S.String),
+})
+export type ToastPayload = typeof ToastPayload.Type
+
+export const Toast = UiToast.make(ToastPayload)