daisy-ui-kit 2.1.4 → 2.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daisy-ui-kit",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "description": "",
   "scripts": {
     "build": "nuxi build",
@@ -17,6 +17,7 @@
   "files": [
     "components/*.vue",
     "components/Mask.config.ts",
+    "utils/*",
     "nuxt.js"
   ],
   "peerDependencies": {

package/utils/-utils.ts

@@ -0,0 +1,41 @@
+import { computed } from 'vue'
+
+interface MakeExclusiveClassOptions {
+  props: Record<string, any>
+  prefix: string
+  prop: string
+  propList: string[]
+  defaultVal?: string
+}
+/**
+ * Creates a className for the provided `prop` name  and checks that multiple are not enabled.
+ * @param prefix will be added to all classes that do not begin with `-`. For those that do, the `-` will be stripped.
+ * @param prop
+ * @param propList
+ * @param defaultVal
+ */
+export function makeExclusiveClass({
+  props,
+  prefix,
+  prop,
+  propList,
+  defaultVal = '',
+}: MakeExclusiveClassOptions) {
+  return computed(() => {
+    const active = propList.filter((v: string) => props[v.replace('-', '')])
+    if (active.length > 1) {
+      throw new Error(
+        `only one ${prop} can be enabled at a time. Current are ${active}`
+      )
+    }
+    const current = active[0] || ''
+    const _prefix = current.startsWith('-') ? '' : prefix
+    return current ? `${_prefix}${current.replace('-', '') || defaultVal}` : ''
+  })
+}
+
+export function makeIndividualClass({ props, prefix, prop }) {
+  return computed(() => {
+    return props[prop] ? `${prefix}${prop}` : ''
+  })
+}

package/utils/Button.config.ts

@@ -0,0 +1,26 @@
+export * from './-utils'
+
+/**
+ * Converts a list of prop names to an object of Booleans. Can be spread into props.
+ * @param propList list of prop names to become booleans
+ */
+export function toProps(propList: string[]): Record<string, boolean> {
+  return propList.reduce((all: Record<string, any>, current: string) => {
+    all[current.replace('-', '')] = Boolean
+    return all
+  }, {})
+}
+
+export const directionVariants = ['top', 'bottom', 'left', 'right']
+export const colorVariants = ['neutral', 'primary', 'secondary', 'accent']
+export const stateVariants = ['info', 'success', 'warning', 'error']
+export const allColorVariants = [...colorVariants, ...stateVariants]
+export const variants = [
+  ...colorVariants,
+  ...stateVariants,
+  'ghost',
+  'link',
+  'glass',
+]
+export const sizes = ['xs', 'sm', 'md', 'lg']
+export const shapes = ['circle', 'square']

package/utils/drawer-utils.ts

@@ -0,0 +1,32 @@
+import { reactive } from 'vue'
+
+export interface DrawerState {
+  name: string
+  isDrawerOpen: boolean
+  openDrawer: () => void
+  closeDrawer: () => void
+  toggleDrawer: () => void
+}
+export interface Drawers {
+  [key: string]: DrawerState
+}
+
+export const drawers = reactive<Drawers>({})
+
+export function createDrawerState(name: string) {
+  const drawerState = drawers[name] || reactive<DrawerState>({
+    name,
+    isDrawerOpen: false,
+    openDrawer() {
+      drawerState.isDrawerOpen = true
+    },
+    closeDrawer() {
+      drawerState.isDrawerOpen = false
+    },
+    toggleDrawer() {
+      drawerState.isDrawerOpen = !drawerState.isDrawerOpen
+    },
+  })
+  drawers[name] = drawerState
+  return drawerState
+}

package/utils/fixtures.ts

@@ -0,0 +1,62 @@
+export const people = [
+  {
+    id: 1,
+    name: 'Wade Cooper',
+    avatar:
+      'https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
+  },
+  {
+    id: 2,
+    name: 'Arlene Mccoy',
+    avatar:
+      'https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
+  },
+  {
+    id: 3,
+    name: 'Devon Webb',
+    avatar:
+      'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2.25&w=256&h=256&q=80',
+  },
+  {
+    id: 4,
+    name: 'Tom Cook',
+    avatar:
+      'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
+  },
+  {
+    id: 5,
+    name: 'Tanya Fox',
+    avatar:
+      'https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
+  },
+  {
+    id: 6,
+    name: 'Hellen Schmidt',
+    avatar:
+      'https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
+  },
+  {
+    id: 7,
+    name: 'Caroline Schultz',
+    avatar:
+      'https://images.unsplash.com/photo-1568409938619-12e139227838?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
+  },
+  {
+    id: 8,
+    name: 'Mason Heaney',
+    avatar:
+      'https://images.unsplash.com/photo-1531427186611-ecfd6d936c79?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
+  },
+  {
+    id: 9,
+    name: 'Claudie Smitham',
+    avatar:
+      'https://images.unsplash.com/photo-1584486520270-19eca1efcce5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
+  },
+  {
+    id: 10,
+    name: 'Emil Schaefer',
+    avatar:
+      'https://images.unsplash.com/photo-1561505457-3bcad021f8ee?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
+  },
+]

package/utils/types.ts

@@ -0,0 +1,7 @@
+export interface StateProps {
+  state: string
+  info: boolean
+  success: boolean
+  warning: boolean
+  error: boolean
+}