@rupe/v-datepicker 1.0.0-alpha.0

package/src/shared/component/BaseSeparator.vue

@@ -0,0 +1,57 @@
+<script lang="ts">
+import type { DataOrientation } from "../types";
+import type { PrimitiveProps } from "../../components/Primitive";
+
+export interface BaseSeparatorProps extends PrimitiveProps {
+  /**
+   * Orientation of the component.
+   *
+   * Either `vertical` or `horizontal`. Defaults to `horizontal`.
+   */
+  orientation?: DataOrientation;
+  /**
+   * Whether or not the component is purely decorative. <br>When `true`, accessibility-related attributes
+   * are updated so that that the rendered element is removed from the accessibility tree.
+   */
+  decorative?: boolean;
+}
+</script>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import { Primitive } from "../../components/Primitive";
+
+const props = withDefaults(defineProps<BaseSeparatorProps>(), {
+  orientation: "horizontal",
+});
+
+const ORIENTATIONS = ["horizontal", "vertical"] as const;
+function isValidOrientation(orientation: any): orientation is DataOrientation {
+  return ORIENTATIONS.includes(orientation);
+}
+
+const computedOrientation = computed(() =>
+  isValidOrientation(props.orientation) ? props.orientation : "horizontal",
+);
+// `aria-orientation` defaults to `horizontal` so we only need it if `orientation` is vertical
+const ariaOrientation = computed(() =>
+  computedOrientation.value === "vertical" ? props.orientation : undefined,
+);
+
+const semanticProps = computed(() =>
+  props.decorative
+    ? { role: "none" }
+    : { "aria-orientation": ariaOrientation.value, role: "separator" },
+);
+</script>
+
+<template>
+  <Primitive
+    :as="as"
+    :as-child="asChild"
+    :data-orientation="computedOrientation"
+    v-bind="semanticProps"
+  >
+    <slot />
+  </Primitive>
+</template>

package/src/shared/component/index.ts

@@ -0,0 +1,2 @@
+export { default as Arrow } from './Arrow.vue'
+export { default as BaseSeparator } from './BaseSeparator.vue'

package/src/shared/constant/countryList.ts

@@ -0,0 +1,251 @@
+export const countryList = [
+  'Afghanistan',
+  'Albania',
+  'Algeria',
+  'American Samoa',
+  'Andorra',
+  'Angola',
+  'Anguilla',
+  'Antarctica',
+  'Antigua and Barbuda',
+  'Argentina',
+  'Armenia',
+  'Aruba',
+  'Australia',
+  'Austria',
+  'Azerbaijan',
+  'Bahamas (the)',
+  'Bahrain',
+  'Bangladesh',
+  'Barbados',
+  'Belarus',
+  'Belgium',
+  'Belize',
+  'Benin',
+  'Bermuda',
+  'Bhutan',
+  'Bolivia (Plurinational State of)',
+  'Bonaire, Sint Eustatius and Saba',
+  'Bosnia and Herzegovina',
+  'Botswana',
+  'Bouvet Island',
+  'Brazil',
+  'British Indian Ocean Territory (the)',
+  'Brunei Darussalam',
+  'Bulgaria',
+  'Burkina Faso',
+  'Burundi',
+  'Cabo Verde',
+  'Cambodia',
+  'Cameroon',
+  'Canada',
+  'Cayman Islands (the)',
+  'Central African Republic (the)',
+  'Chad',
+  'Chile',
+  'China',
+  'Christmas Island',
+  'Cocos (Keeling) Islands (the)',
+  'Colombia',
+  'Comoros (the)',
+  'Congo (the Democratic Republic of the)',
+  'Congo (the)',
+  'Cook Islands (the)',
+  'Costa Rica',
+  'Croatia',
+  'Cuba',
+  'Curaçao',
+  'Cyprus',
+  'Czechia',
+  'Côte d\'Ivoire',
+  'Denmark',
+  'Djibouti',
+  'Dominica',
+  'Dominican Republic (the)',
+  'Ecuador',
+  'Egypt',
+  'El Salvador',
+  'Equatorial Guinea',
+  'Eritrea',
+  'Estonia',
+  'Eswatini',
+  'Ethiopia',
+  'Falkland Islands (the) [Malvinas]',
+  'Faroe Islands (the)',
+  'Fiji',
+  'Finland',
+  'France',
+  'French Guiana',
+  'French Polynesia',
+  'French Southern Territories (the)',
+  'Gabon',
+  'Gambia (the)',
+  'Georgia',
+  'Germany',
+  'Ghana',
+  'Gibraltar',
+  'Greece',
+  'Greenland',
+  'Grenada',
+  'Guadeloupe',
+  'Guam',
+  'Guatemala',
+  'Guernsey',
+  'Guinea',
+  'Guinea-Bissau',
+  'Guyana',
+  'Haiti',
+  'Heard Island and McDonald Islands',
+  'Holy See (the)',
+  'Honduras',
+  'Hong Kong',
+  'Hungary',
+  'Iceland',
+  'India',
+  'Indonesia',
+  'Iran (Islamic Republic of)',
+  'Iraq',
+  'Ireland',
+  'Isle of Man',
+  'Israel',
+  'Italy',
+  'Jamaica',
+  'Japan',
+  'Jersey',
+  'Jordan',
+  'Kazakhstan',
+  'Kenya',
+  'Kiribati',
+  'Korea (the Democratic People\'s Republic of)',
+  'Korea (the Republic of)',
+  'Kuwait',
+  'Kyrgyzstan',
+  'Lao People\'s Democratic Republic (the)',
+  'Latvia',
+  'Lebanon',
+  'Lesotho',
+  'Liberia',
+  'Libya',
+  'Liechtenstein',
+  'Lithuania',
+  'Luxembourg',
+  'Macao',
+  'Madagascar',
+  'Malawi',
+  'Malaysia',
+  'Maldives',
+  'Mali',
+  'Malta',
+  'Marshall Islands (the)',
+  'Martinique',
+  'Mauritania',
+  'Mauritius',
+  'Mayotte',
+  'Mexico',
+  'Micronesia (Federated States of)',
+  'Moldova (the Republic of)',
+  'Monaco',
+  'Mongolia',
+  'Montenegro',
+  'Montserrat',
+  'Morocco',
+  'Mozambique',
+  'Myanmar',
+  'Namibia',
+  'Nauru',
+  'Nepal',
+  'Netherlands (the)',
+  'New Caledonia',
+  'New Zealand',
+  'Nicaragua',
+  'Niger (the)',
+  'Nigeria',
+  'Niue',
+  'Norfolk Island',
+  'Northern Mariana Islands (the)',
+  'Norway',
+  'Oman',
+  'Pakistan',
+  'Palau',
+  'Palestine, State of',
+  'Panama',
+  'Papua New Guinea',
+  'Paraguay',
+  'Peru',
+  'Philippines (the)',
+  'Pitcairn',
+  'Poland',
+  'Portugal',
+  'Puerto Rico',
+  'Qatar',
+  'Republic of North Macedonia',
+  'Romania',
+  'Russian Federation (the)',
+  'Rwanda',
+  'Réunion',
+  'Saint Barthélemy',
+  'Saint Helena, Ascension and Tristan da Cunha',
+  'Saint Kitts and Nevis',
+  'Saint Lucia',
+  'Saint Martin (French part)',
+  'Saint Pierre and Miquelon',
+  'Saint Vincent and the Grenadines',
+  'Samoa',
+  'San Marino',
+  'Sao Tome and Principe',
+  'Saudi Arabia',
+  'Senegal',
+  'Serbia',
+  'Seychelles',
+  'Sierra Leone',
+  'Singapore',
+  'Sint Maarten (Dutch part)',
+  'Slovakia',
+  'Slovenia',
+  'Solomon Islands',
+  'Somalia',
+  'South Africa',
+  'South Georgia and the South Sandwich Islands',
+  'South Sudan',
+  'Spain',
+  'Sri Lanka',
+  'Sudan (the)',
+  'Suriname',
+  'Svalbard and Jan Mayen',
+  'Sweden',
+  'Switzerland',
+  'Syrian Arab Republic',
+  'Taiwan',
+  'Tajikistan',
+  'Tanzania, United Republic of',
+  'Thailand',
+  'Timor-Leste',
+  'Togo',
+  'Tokelau',
+  'Tonga',
+  'Trinidad and Tobago',
+  'Tunisia',
+  'Turkey',
+  'Turkmenistan',
+  'Turks and Caicos Islands (the)',
+  'Tuvalu',
+  'Uganda',
+  'Ukraine',
+  'United Arab Emirates (the)',
+  'United Kingdom of Great Britain and Northern Ireland (the)',
+  'United States Minor Outlying Islands (the)',
+  'United States of America (the)',
+  'Uruguay',
+  'Uzbekistan',
+  'Vanuatu',
+  'Venezuela (Bolivarian Republic of)',
+  'Viet Name',
+  'Virgin Islands (British)',
+  'Virgin Islands (U.S.)',
+  'Wallis and Futuna',
+  'Western Sahara',
+  'Yemen',
+  'Zambia',
+  'Zimbabwe',
+  'Åland Islands',
+]

package/src/shared/constant/index.ts

@@ -0,0 +1 @@
+export * from './countryList'

package/src/shared/createContext.ts

@@ -0,0 +1,57 @@
+import type { InjectionKey } from 'vue'
+import { inject, provide } from 'vue'
+
+/**
+ * @param providerComponentName - The name(s) of the component(s) providing the context.
+ *
+ * There are situations where context can come from multiple components. In such cases, you might need to give an array of component names to provide your context, instead of just a single string.
+ *
+ * @param contextName The description for injection key symbol.
+ */
+export function createContext<ContextValue>(
+  providerComponentName: string | string[],
+  contextName?: string,
+) {
+  const symbolDescription
+    = typeof providerComponentName === 'string' && !contextName
+      ? `${providerComponentName}Context`
+      : contextName
+
+  const injectionKey: InjectionKey<ContextValue | null> = Symbol(symbolDescription)
+
+  /**
+   * @param fallback The context value to return if the injection fails.
+   *
+   * @throws When context injection failed and no fallback is specified.
+   * This happens when the component injecting the context is not a child of the root component providing the context.
+   */
+  const injectContext = <
+    T extends ContextValue | null | undefined = ContextValue,
+  >(
+    fallback?: T,
+  ): T extends null ? ContextValue | null : ContextValue => {
+    const context = inject(injectionKey, fallback)
+    if (context)
+      return context
+
+    if (context === null)
+      return context as any
+
+    throw new Error(
+      `Injection \`${injectionKey.toString()}\` not found. Component must be used within ${
+        Array.isArray(providerComponentName)
+          ? `one of the following components: ${providerComponentName.join(
+            ', ',
+          )}`
+          : `\`${providerComponentName}\``
+      }`,
+    )
+  }
+
+  const provideContext = (contextValue: ContextValue) => {
+    provide(injectionKey, contextValue)
+    return contextValue
+  }
+
+  return [injectContext, provideContext] as const
+}

package/src/shared/date/comparators.ts

@@ -0,0 +1,74 @@
+/*
+  * Implementation ported from https://github.com/melt-ui/melt-ui/blob/develop/src/lib/internal/helpers/date/utils.ts
+*/
+
+import type { DateValue, ZonedDateTime } from '@internationalized/date'
+import { CalendarDate, CalendarDateTime, createCalendar, DateFormatter, Time, toCalendar } from '@internationalized/date'
+
+export type TimeValue = Time | CalendarDateTime | ZonedDateTime
+
+export type Granularity = 'day' | 'hour' | 'minute' | 'second'
+export type TimeGranularity = 'hour' | 'minute' | 'second'
+
+type GetDefaultDateProps = {
+  defaultValue?: DateValue | DateValue[] | undefined
+  defaultPlaceholder?: DateValue | undefined
+  granularity?: Granularity
+  locale?: string
+}
+
+/**
+ * A helper function used throughout the various date builders
+ * to generate a default `DateValue` using the `defaultValue`,
+ * `defaultPlaceholder`, and `granularity` props.
+ *
+ * It's important to match the `DateValue` type being used
+ * elsewhere in the builder, so they behave according to the
+ * behavior the user expects based on the props they've provided.
+ *
+ */
+export function getDefaultDate(props: GetDefaultDateProps): DateValue {
+  const { defaultValue, defaultPlaceholder, granularity = 'day', locale = 'en' } = props
+
+  if (Array.isArray(defaultValue) && defaultValue.length)
+    return defaultValue.at(-1)!.copy()
+
+  if (defaultValue && !Array.isArray(defaultValue))
+    return defaultValue.copy()
+
+  if (defaultPlaceholder)
+    return defaultPlaceholder.copy()
+
+  const date = new Date()
+  const year = date.getFullYear()
+  const month = date.getMonth() + 1
+  const day = date.getDate()
+  const calendarDateTimeGranularities = ['hour', 'minute', 'second']
+
+  const defaultFormatter = new DateFormatter(locale)
+  const calendar = createCalendar(defaultFormatter.resolvedOptions().calendar)
+
+  if (calendarDateTimeGranularities.includes(granularity ?? 'day'))
+    return toCalendar(new CalendarDateTime(year, month, day, 0, 0, 0), calendar)
+
+  return toCalendar(new CalendarDate(year, month, day), calendar)
+}
+
+type GetDefaultTimeProps = {
+  defaultValue?: TimeValue | undefined
+  defaultPlaceholder?: TimeValue | undefined
+}
+
+export function getDefaultTime(props: GetDefaultTimeProps): TimeValue {
+  const { defaultValue, defaultPlaceholder } = props
+
+  if (defaultValue) {
+    return defaultValue.copy()
+  }
+
+  if (defaultPlaceholder) {
+    return defaultPlaceholder.copy()
+  }
+
+  return new Time(0, 0, 0)
+}

package/src/shared/date/index.ts

@@ -0,0 +1,42 @@
+export {
+  getDefaultDate,
+  getDefaultTime,
+  type Granularity,
+  type TimeGranularity,
+  type TimeValue,
+} from './comparators'
+export * from './parser'
+
+export {
+  ALL_EXCEPT_LITERAL_PARTS,
+  ALL_SEGMENT_PARTS,
+  DATE_SEGMENT_PARTS,
+  EDITABLE_SEGMENT_PARTS,
+  isAnySegmentPart,
+  isDateSegmentPart,
+  isSegmentPart,
+  NON_EDITABLE_SEGMENT_PARTS,
+  TIME_SEGMENT_PARTS,
+} from './parts'
+export { getPlaceholder, type SupportedLocale } from './placeholders'
+export * from './segment'
+
+export type {
+  AnyExceptLiteral,
+  DateAndTimeSegmentObj,
+  DateRange,
+  DateSegmentObj,
+  DateSegmentPart,
+  DateStep,
+  DateValue,
+  DayOfWeek,
+  DayPeriod,
+  HourCycle,
+  SegmentContentObj,
+  SegmentPart,
+  SegmentValueObj,
+  TimeSegmentObj,
+  TimeSegmentPart,
+} from './types'
+export { useDateField } from './useDateField'
+export * from './utils'