@indielayer/ui 1.6.3 → 1.7.0

package/lib/node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/addHours.js

@@ -0,0 +1,9 @@
+import { addMilliseconds as d } from "./addMilliseconds.js";
+import { millisecondsInHour as i } from "./constants.js";
+function t(o, r) {
+  return d(o, r * i);
+}
+export {
+  t as addHours,
+  t as default
+};

package/lib/node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/addMilliseconds.js

@@ -0,0 +1,10 @@
+import { toDate as m } from "./toDate.js";
+import { constructFrom as i } from "./constructFrom.js";
+function c(t, o) {
+  const r = +m(t);
+  return i(t, r + o);
+}
+export {
+  c as addMilliseconds,
+  c as default
+};

package/lib/node_modules/.pnpm/{date-fns@3.3.1 → date-fns@3.6.0}/node_modules/date-fns/parse.js

@@ -1,22 +1,22 @@
 import { constructFrom as i } from "./constructFrom.js";
 import { getDefaultOptions as D } from "./getDefaultOptions.js";
-import { enUS as L } from "./locale/en-US.js";
 import { toDate as P } from "./toDate.js";
 import { longFormatters as W } from "./_lib/format/longFormatters.js";
-import { isProtectedWeekYearToken as j, warnOrThrowProtectedError as b, isProtectedDayOfYearToken as q } from "./_lib/protectedTokens.js";
-import { parsers as z } from "./parse/_lib/parsers.js";
-import { DateToSystemTimezoneSetter as Q } from "./parse/_lib/Setter.js";
+import { isProtectedWeekYearToken as L, warnOrThrowProtectedError as b, isProtectedDayOfYearToken as j } from "./_lib/protectedTokens.js";
+import { parsers as q } from "./parse/_lib/parsers.js";
+import { DateToSystemTimezoneSetter as z } from "./parse/_lib/Setter.js";
+import { enUS as Q } from "./locale/en-US.js";
 const v = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, H = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, I = /^'([^]*?)'?$/, K = /''/g, M = /\S/, U = /[a-zA-Z]/;
 function te(n, l, s, r) {
   var T, w, d, y, N, O, p, E;
-  const c = D(), f = (r == null ? void 0 : r.locale) ?? c.locale ?? L, A = (r == null ? void 0 : r.firstWeekContainsDate) ?? ((w = (T = r == null ? void 0 : r.locale) == null ? void 0 : T.options) == null ? void 0 : w.firstWeekContainsDate) ?? c.firstWeekContainsDate ?? ((y = (d = c.locale) == null ? void 0 : d.options) == null ? void 0 : y.firstWeekContainsDate) ?? 1, F = (r == null ? void 0 : r.weekStartsOn) ?? ((O = (N = r == null ? void 0 : r.locale) == null ? void 0 : N.options) == null ? void 0 : O.weekStartsOn) ?? c.weekStartsOn ?? ((E = (p = c.locale) == null ? void 0 : p.options) == null ? void 0 : E.weekStartsOn) ?? 0;
+  const c = D(), f = (r == null ? void 0 : r.locale) ?? c.locale ?? Q, A = (r == null ? void 0 : r.firstWeekContainsDate) ?? ((w = (T = r == null ? void 0 : r.locale) == null ? void 0 : T.options) == null ? void 0 : w.firstWeekContainsDate) ?? c.firstWeekContainsDate ?? ((y = (d = c.locale) == null ? void 0 : d.options) == null ? void 0 : y.firstWeekContainsDate) ?? 1, F = (r == null ? void 0 : r.weekStartsOn) ?? ((O = (N = r == null ? void 0 : r.locale) == null ? void 0 : N.options) == null ? void 0 : O.weekStartsOn) ?? c.weekStartsOn ?? ((E = (p = c.locale) == null ? void 0 : p.options) == null ? void 0 : E.weekStartsOn) ?? 0;
   if (l === "")
     return n === "" ? P(s) : i(s, NaN);
   const m = {
     firstWeekContainsDate: A,
     weekStartsOn: F,
     locale: f
-  }, u = [new Q()], $ = l.match(H).map((e) => {
+  }, u = [new z()], $ = l.match(H).map((e) => {
     const t = e[0];
     if (t in W) {
       const a = W[t];
@@ -25,8 +25,8 @@ function te(n, l, s, r) {
     return e;
   }).join("").match(v), k = [];
   for (let e of $) {
-    !(r != null && r.useAdditionalWeekYearTokens) && j(e) && b(e, l, n), !(r != null && r.useAdditionalDayOfYearTokens) && q(e) && b(e, l, n);
-    const t = e[0], a = z[t];
+    !(r != null && r.useAdditionalWeekYearTokens) && L(e) && b(e, l, n), !(r != null && r.useAdditionalDayOfYearTokens) && j(e) && b(e, l, n);
+    const t = e[0], a = q[t];
     if (a) {
       const { incompatibleTokens: R } = a;
       if (Array.isArray(R)) {
@@ -86,5 +86,5 @@ export {
   te as default,
   W as longFormatters,
   te as parse,
-  z as parsers
+  q as parsers
 };

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.6.3";
+declare const _default: "1.7.0";
 export default _default;

package/lib/version.js

@@ -1,4 +1,4 @@
-const e = "1.6.3";
+const e = "1.7.0";
 export {
   e as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "1.6.3",
+  "version": "1.7.0",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",
@@ -57,7 +57,7 @@
     "@vitejs/plugin-vue-jsx": "^3.0.1",
     "@vue/test-utils": "^2.4.0",
     "@vue/tsconfig": "^0.4.0",
-    "@vuepic/vue-datepicker": "^8.0.0",
+    "@vuepic/vue-datepicker": "^8.3.2",
     "@vueuse/core": "^10.2.0",
     "autoprefixer": "^10.4.0",
     "c8": "^7.12.0",

package/src/components/accordion/AccordionItem.vue

@@ -45,7 +45,7 @@ import { injectAccordionKey } from '../../composables/keys'
 
 const props = defineProps(accordionItemProps)
 
-const emit = defineEmits(['expand'])
+const emit = defineEmits(['expand', 'change'])
 
 const accordionProps = inject(injectAccordionKey, {
   isInsideAccordion: false,
@@ -63,6 +63,10 @@ watch(() => props.expanded, () => {
   collapsed.value = !props.expanded
 })
 
+watch(collapsed, (newValue, oldValue) => {
+  emit('change', !newValue)
+})
+
 function onBeforeEnter(el: Element) {
   if (animated.value) (el as HTMLElement).style.height = '0px'
 }
@@ -122,7 +126,7 @@ function toggle() {
   if (!props.disabled) collapsed.value = !collapsed.value
 }
 
-function onExpand(anim = true) {
+function expandFn(anim = true) {
   open(anim)
   emit('expand')
 }
@@ -149,7 +153,7 @@ defineExpose({ toggle, open, close })
       @click="toggle"
     >
       <div class="flex-1 overflow-hidden">
-        <slot :collapsed="collapsed"></slot>
+        <slot :expand="expandFn" :collapsed="collapsed"></slot>
       </div>
 
       <div v-if="showIcon" :class="classes.icon">
@@ -168,7 +172,7 @@ defineExpose({ toggle, open, close })
     </button>
 
     <template v-if="$slots.summary">
-      <slot name="summary"></slot>
+      <slot name="summary" :expand="expandFn" :collapsed="collapsed"></slot>
     </template>
 
     <transition
@@ -180,7 +184,7 @@ defineExpose({ toggle, open, close })
       @after-leave="onAfterLeave"
     >
       <div v-show="!collapsed" :class="classes.content">
-        <slot name="content" :expand="onExpand" :collapsed="collapsed"></slot>
+        <slot name="content" :expand="expandFn" :collapsed="collapsed"></slot>
       </div>
     </transition>
   </component>

package/src/components/accordion/theme/AccordionItem.base.theme.ts

@@ -8,8 +8,8 @@ const theme: AccordionItemTheme = {
       if (!data.isInsideAccordion) return classes
 
       if (slots.default) {
-        if (props.iconAlign === 'left') classes.push('pl-8 pr-4')
-        else classes.push('pr-8 pl-4')
+        if (props.iconAlign === 'left') classes.push('pl-8 pr-3')
+        else classes.push('pr-8 pl-3')
         classes.push('py-2')
         if (!props.disabled) classes.push('hover:bg-secondary-100 dark:hover:bg-secondary-600')
       }

package/src/components/datepicker/Datepicker.vue

@@ -92,7 +92,7 @@ const vueDatepickerProps = {
   maxTime: { type: Object as PropType<Partial<TimeModel>>, default: null },
   placeholder: { type: String as PropType<string>, default: '' },
   hideInputIcon: { type: Boolean as PropType<boolean>, default: false },
-  clearable: { type: Boolean as PropType<boolean>, default: true },
+  clearable: { type: Boolean as PropType<boolean>, default: false },
   state: { type: Boolean as PropType<VueDatePickerProps['state']>, default: null },
   required: { type: Boolean as PropType<boolean>, default: false },
   autocomplete: { type: String as PropType<string>, default: 'off' },
@@ -314,6 +314,7 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
       :config="config"
       :quarter-picker="quarterPicker"
       :year-first="yearFirst"
+      :is-24="is24"
       @update:model-value="onSelect"
     >
       <template #dp-input="{ value, onEnter, onTab }">
@@ -354,6 +355,10 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.dp__clear_icon {
+  top: 2.75rem !important;
+}
+
 .dp__theme_dark {
   --dp-background-color: var(--x-datepicker-dark-bg, #212121) !important;
   --dp-text-color: var(--x-datepicker-dark-text, #fff) !important;

package/src/components/table/Table.vue

@@ -208,14 +208,14 @@ const { styles, classes, className } = useTheme('Table', {}, props)
         </template>
         <template v-else-if="error">
           <tr>
-            <td :colspan="headers.length">
+            <td colspan="999">
               <slot name="error"></slot>
             </td>
           </tr>
         </template>
         <template v-else-if="!items || items.length === 0">
           <tr>
-            <td :colspan="headers.length">
+            <td colspan="999">
               <slot name="empty"></slot>
             </td>
           </tr>
@@ -227,7 +227,12 @@ const { styles, classes, className } = useTheme('Table', {}, props)
             @click="$emit('click-row', item)"
           >
             <x-table-cell v-if="expandable" width="48" class="!p-1">
-              <button type="button" class="p-4" @click="internalItems[index].__expanded = !internalItems[index].__expanded">
+              <button
+                type="button"
+                class="px-3 p-2"
+                :class="[dense ? 'p-0.5' : 'px-3 py-2']"
+                @click="internalItems[index].__expanded = !internalItems[index].__expanded"
+              >
                 <x-icon
                   :icon="chevronDownIcon"
                   :size="dense ? 'xs' : 'md'"

package/src/version.ts

@@ -1 +1 @@
-export default '1.6.3'
+export default '1.7.0'