design-system-next 2.11.11 → 2.11.17

package/src/components/select/select.ts

@@ -1,144 +1,144 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-import type { MenuListType } from '../list/list';
-
-export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
-
-const GROUPED_ITEMS_BY_TYPES = ['A-Z', 'Z-A'] as const;
-
-const PLACEMENTS_TYPES = [
-  'auto',
-  'auto-start',
-  'auto-end',
-  'top',
-  'top-start',
-  'top-end',
-  'right',
-  'right-start',
-  'right-end',
-  'bottom',
-  'bottom-start',
-  'bottom-end',
-  'left',
-  'left-start',
-  'left-end',
-] as const;
-
-const POPPER_STRATEGY_TYPES = ['fixed', 'absolute'] as const;
-
-export const selectPropTypes = {
-  id: {
-    type: String,
-    required: true,
-    default: 'select',
-  },
-  modelValue: {
-    type: [String, Number, Object, Array] as PropType<
-      string | number | Record<string, unknown> | (string | number | Record<string, unknown>)[]
-    >,
-    default: '',
-  },
-  options: {
-    type: Array as PropType<MenuListType[] | string[] | Record<string, unknown>[]>,
-    required: true,
-    default: [],
-  },
-  groupItemsBy: {
-    type: String as PropType<(typeof GROUPED_ITEMS_BY_TYPES)[number]>,
-    validator: (value: (typeof GROUPED_ITEMS_BY_TYPES)[number] | undefined) => {
-      return value === undefined || GROUPED_ITEMS_BY_TYPES.includes(value);
-    },
-  },
-  textField: {
-    type: String,
-    default: 'text',
-    description: 'Field name to use for display text when using dynamic object arrays',
-  },
-  valueField: {
-    type: String,
-    default: 'value',
-    description: 'Field name to use for value when using dynamic object arrays',
-  },
-  placeholder: {
-    type: String,
-  },
-  label: {
-    type: String,
-    default: '',
-  },
-  placement: {
-    type: String as PropType<(typeof PLACEMENTS_TYPES)[number]>,
-    validator: (value: (typeof PLACEMENTS_TYPES)[number]) => PLACEMENTS_TYPES.includes(value),
-    default: 'bottom',
-  },
-  popperStrategy: {
-    type: String,
-    validator: (value: 'fixed' | 'absolute') => POPPER_STRATEGY_TYPES.includes(value),
-    default: 'absolute',
-  },
-  popperWidth: {
-    type: String,
-    default: '100%',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  wrapperPosition: {
-    type: String,
-    default: 'relative',
-  },
-  displayText: {
-    type: String,
-    default: '',
-  },
-  displayHelper: {
-    type: Boolean,
-    default: false,
-  },
-  helperIcon: {
-    type: String,
-    default: null,
-  },
-  helperText: {
-    type: String,
-    default: '',
-  },
-  active: {
-    type: Boolean,
-    default: false,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  error: {
-    type: Boolean,
-    default: false,
-  },
-  clearable: {
-    type: Boolean,
-    default: false,
-  },
-  searchable: {
-    type: Boolean,
-    default: false,
-  },
-  disabledLocalSearch: {
-    type: Boolean,
-    default: false,
-  },
-};
-
-export const selectEmitTypes = {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  'update:modelValue': (_value: unknown) => true,
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  'infinite-scroll-trigger': (_triggered: boolean) => true,
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  'search-string': (_search: string | number) => true,
-};
-
-export type SelectPropTypes = ExtractPropTypes<typeof selectPropTypes>;
-export type SelectEmitTypes = typeof selectEmitTypes;
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { MenuListType } from '../list/list';
+
+export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
+
+const GROUPED_ITEMS_BY_TYPES = ['A-Z', 'Z-A'] as const;
+
+const PLACEMENTS_TYPES = [
+  'auto',
+  'auto-start',
+  'auto-end',
+  'top',
+  'top-start',
+  'top-end',
+  'right',
+  'right-start',
+  'right-end',
+  'bottom',
+  'bottom-start',
+  'bottom-end',
+  'left',
+  'left-start',
+  'left-end',
+] as const;
+
+const POPPER_STRATEGY_TYPES = ['fixed', 'absolute'] as const;
+
+export const selectPropTypes = {
+  id: {
+    type: String,
+    required: true,
+    default: 'select',
+  },
+  modelValue: {
+    type: [String, Number, Object, Array] as PropType<
+      string | number | Record<string, unknown> | (string | number | Record<string, unknown>)[]
+    >,
+    default: '',
+  },
+  options: {
+    type: Array as PropType<MenuListType[] | string[] | Record<string, unknown>[]>,
+    required: true,
+    default: [],
+  },
+  groupItemsBy: {
+    type: String as PropType<(typeof GROUPED_ITEMS_BY_TYPES)[number]>,
+    validator: (value: (typeof GROUPED_ITEMS_BY_TYPES)[number] | undefined) => {
+      return value === undefined || GROUPED_ITEMS_BY_TYPES.includes(value);
+    },
+  },
+  textField: {
+    type: String,
+    default: 'text',
+    description: 'Field name to use for display text when using dynamic object arrays',
+  },
+  valueField: {
+    type: String,
+    default: 'value',
+    description: 'Field name to use for value when using dynamic object arrays',
+  },
+  placeholder: {
+    type: String,
+  },
+  label: {
+    type: String,
+    default: '',
+  },
+  placement: {
+    type: String as PropType<(typeof PLACEMENTS_TYPES)[number]>,
+    validator: (value: (typeof PLACEMENTS_TYPES)[number]) => PLACEMENTS_TYPES.includes(value),
+    default: 'bottom',
+  },
+  popperStrategy: {
+    type: String,
+    validator: (value: 'fixed' | 'absolute') => POPPER_STRATEGY_TYPES.includes(value),
+    default: 'absolute',
+  },
+  popperWidth: {
+    type: String,
+    default: '100%',
+  },
+  width: {
+    type: String,
+    default: '100%',
+  },
+  wrapperPosition: {
+    type: String,
+    default: 'relative',
+  },
+  displayText: {
+    type: String,
+    default: '',
+  },
+  displayHelper: {
+    type: Boolean,
+    default: false,
+  },
+  helperIcon: {
+    type: String,
+    default: null,
+  },
+  helperText: {
+    type: String,
+    default: '',
+  },
+  active: {
+    type: Boolean,
+    default: false,
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  error: {
+    type: Boolean,
+    default: false,
+  },
+  clearable: {
+    type: Boolean,
+    default: false,
+  },
+  searchable: {
+    type: Boolean,
+    default: false,
+  },
+  disabledLocalSearch: {
+    type: Boolean,
+    default: false,
+  },
+};
+
+export const selectEmitTypes = {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  'update:modelValue': (_value: unknown) => true,
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  'infinite-scroll-trigger': (_triggered: boolean) => true,
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  'search-string': (_search: string | number) => true,
+};
+
+export type SelectPropTypes = ExtractPropTypes<typeof selectPropTypes>;
+export type SelectEmitTypes = typeof selectEmitTypes;

package/src/components/sidenav/sidenav.ts

@@ -1,173 +1,173 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-
-type QuickAction = {
-  menuHeading: string;
-  items: QuickActionItem[];
-};
-
-
-type QuickActionItem = {
-  title: string;
-  description: string;
-  icon: string;
-  iconBgColor: string;
-  redirect: Redirect;
-  hidden: boolean;
-};
-
-export type NavLinks = {
-  top: { parentLinks: ParentLinkItem[] }[];
-  bottom: { parentLinks: ParentLinkItem[] }[];
-};
-
-export type NavAPILinks = {
-  top: { parentLinks: NavItem[] }[];
-  bottom: { parentLinks: NavItem[] }[];
-};
-
-export type ParentLinkItem = {
-  title: string;
-  icon: string;
-  link?: string;
-  redirect?: Redirect;
-  menuLinks: MenuLink[];
-  submenuLinks?: SubmenuLink[];
-  hidden?: boolean;
-};
-
-type MenuLink = {
-  menuHeading: string;
-  items: MenuLinkItem[] | ParentLinkItem[];
-};
-
-type MenuLinkItem = {
-  title: string;
-  hidden: boolean;
-  redirect: Redirect;
-  submenuLinks: SubmenuLink[];
-};
-
-type SubmenuLink = {
-  subMenuHeading: string;
-  items: SubmenuLinkItem[] | ParentLinkItem[];
-};
-
-type SubmenuLinkItem = {
-  title: string;
-  hidden: boolean;
-  redirect: Redirect;
-};
-
-type Redirect = {
-  openInNewTab: boolean;
-  isAbsoluteURL: boolean;
-  link: string;
-};
-
-type UserMenu = {
-  name: string;
-  email: string;
-  profileImage: string;
-  items: UserMenuItem[];
-};
-
-type UserMenuItem = {
-  title: string;
-  icon: string;
-  hidden: boolean;
-  redirect: Redirect;
-};
-export interface NavItem {
-  groupId: string;
-  label: string;
-  icon?: string | null;
-  url?: string | null;
-  isNewTab?: boolean;
-  children?: NavItem[] | null;
-  groupName?: string | null;
-  hidden?: boolean;
-}
-
-export interface MappedNavItem {
-  title: string;
-  icon?: string;
-  redirect?: {
-      openInNewTab: boolean;
-      isAbsoluteURL: boolean;
-      link: string;
-  };
-  menuLinks?: {
-      menuHeading: string;
-      items: MappedNavItem[];
-  }[];
-  submenuLinks?: {
-      subMenuHeading: string;
-      items: MappedNavItem[];
-  }[];
-}
-
-export const sidenavPropTypes = {
-  quickActions: {
-    type: Array as PropType<QuickAction[]>,
-    validator: (value: unknown) => Array.isArray(value),
-    default: () => [],
-  },
-  hasSearch: {
-    type: Boolean,
-    validator: (value: unknown) => typeof value === 'boolean',
-    default: false,
-  },
-  activeNav: {
-    type: Object as PropType<{ parentNav: string; menu: string; submenu: string }>,
-    validator: (value: unknown) => typeof value === 'object',
-    default: () => ({ parentNav: '', menu: '', submenu: '' }),
-  },
-  navLinks: {
-    type: Object as PropType<NavLinks>,
-    default: () => [],
-  },
-  notificationCount: {
-    type: [String, Number],
-    validator: (value: string | number) => {
-      return typeof value === 'number' || typeof value === 'string';
-    },
-    default: '',
-  },
-  requestCount: {
-    type: [String, Number],
-    validator: (value: string | number) => {
-      return typeof value === 'number' || typeof value === 'string';
-    },
-    default: '',
-  },
-  userMenu: {
-    type: Object as PropType<UserMenu>,
-    validator: (value: unknown) => typeof value === 'object',
-    default: false,
-  },
-  isNotifActive: {
-    type: Boolean,
-    validator: (value: unknown) => typeof value === 'boolean',
-    default: false,
-  },
-  isRequestActive: {
-    type: Boolean,
-    validator: (value: unknown) => typeof value === 'boolean',
-    default: false,
-  },
-  isNavApi: {
-    type: Boolean,
-    validator: (value: unknown) => typeof value === 'boolean',
-    default: false,
-  }
-};
-
-export const sidenavEmitTypes = {
-  'get-navlink-item': String,
-  search: Function,
-  notifications: Function,
-  requests: Function,
-};
-
-export type SidenavPropTypes = ExtractPropTypes<typeof sidenavPropTypes>;
-export type SidenavEmitTypes = typeof sidenavEmitTypes;
+import type { PropType, ExtractPropTypes } from 'vue';
+
+type QuickAction = {
+  menuHeading: string;
+  items: QuickActionItem[];
+};
+
+
+type QuickActionItem = {
+  title: string;
+  description: string;
+  icon: string;
+  iconBgColor: string;
+  redirect: Redirect;
+  hidden: boolean;
+};
+
+export type NavLinks = {
+  top: { parentLinks: ParentLinkItem[] }[];
+  bottom: { parentLinks: ParentLinkItem[] }[];
+};
+
+export type NavAPILinks = {
+  top: { parentLinks: NavItem[] }[];
+  bottom: { parentLinks: NavItem[] }[];
+};
+
+export type ParentLinkItem = {
+  title: string;
+  icon: string;
+  link?: string;
+  redirect?: Redirect;
+  menuLinks: MenuLink[];
+  submenuLinks?: SubmenuLink[];
+  hidden?: boolean;
+};
+
+type MenuLink = {
+  menuHeading: string;
+  items: MenuLinkItem[] | ParentLinkItem[];
+};
+
+type MenuLinkItem = {
+  title: string;
+  hidden: boolean;
+  redirect: Redirect;
+  submenuLinks: SubmenuLink[];
+};
+
+type SubmenuLink = {
+  subMenuHeading: string;
+  items: SubmenuLinkItem[] | ParentLinkItem[];
+};
+
+type SubmenuLinkItem = {
+  title: string;
+  hidden: boolean;
+  redirect: Redirect;
+};
+
+type Redirect = {
+  openInNewTab: boolean;
+  isAbsoluteURL: boolean;
+  link: string;
+};
+
+type UserMenu = {
+  name: string;
+  email: string;
+  profileImage: string;
+  items: UserMenuItem[];
+};
+
+type UserMenuItem = {
+  title: string;
+  icon: string;
+  hidden: boolean;
+  redirect: Redirect;
+};
+export interface NavItem {
+  groupId: string;
+  label: string;
+  icon?: string | null;
+  url?: string | null;
+  isNewTab?: boolean;
+  children?: NavItem[] | null;
+  groupName?: string | null;
+  hidden?: boolean;
+}
+
+export interface MappedNavItem {
+  title: string;
+  icon?: string;
+  redirect?: {
+      openInNewTab: boolean;
+      isAbsoluteURL: boolean;
+      link: string;
+  };
+  menuLinks?: {
+      menuHeading: string;
+      items: MappedNavItem[];
+  }[];
+  submenuLinks?: {
+      subMenuHeading: string;
+      items: MappedNavItem[];
+  }[];
+}
+
+export const sidenavPropTypes = {
+  quickActions: {
+    type: Array as PropType<QuickAction[]>,
+    validator: (value: unknown) => Array.isArray(value),
+    default: () => [],
+  },
+  hasSearch: {
+    type: Boolean,
+    validator: (value: unknown) => typeof value === 'boolean',
+    default: false,
+  },
+  activeNav: {
+    type: Object as PropType<{ parentNav: string; menu: string; submenu: string }>,
+    validator: (value: unknown) => typeof value === 'object',
+    default: () => ({ parentNav: '', menu: '', submenu: '' }),
+  },
+  navLinks: {
+    type: Object as PropType<NavLinks>,
+    default: () => [],
+  },
+  notificationCount: {
+    type: [String, Number],
+    validator: (value: string | number) => {
+      return typeof value === 'number' || typeof value === 'string';
+    },
+    default: '',
+  },
+  requestCount: {
+    type: [String, Number],
+    validator: (value: string | number) => {
+      return typeof value === 'number' || typeof value === 'string';
+    },
+    default: '',
+  },
+  userMenu: {
+    type: Object as PropType<UserMenu>,
+    validator: (value: unknown) => typeof value === 'object',
+    default: false,
+  },
+  isNotifActive: {
+    type: Boolean,
+    validator: (value: unknown) => typeof value === 'boolean',
+    default: false,
+  },
+  isRequestActive: {
+    type: Boolean,
+    validator: (value: unknown) => typeof value === 'boolean',
+    default: false,
+  },
+  isNavApi: {
+    type: Boolean,
+    validator: (value: unknown) => typeof value === 'boolean',
+    default: false,
+  }
+};
+
+export const sidenavEmitTypes = {
+  'get-navlink-item': String,
+  search: Function,
+  notifications: Function,
+  requests: Function,
+};
+
+export type SidenavPropTypes = ExtractPropTypes<typeof sidenavPropTypes>;
+export type SidenavEmitTypes = typeof sidenavEmitTypes;