tsv2-library 0.2.4 → 0.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsv2-library",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "author": "fixedassetv2-fe",
   "license": "ISC",
   "homepage": "https://github.com/fixedassetv2-fe/tsv2-library#readme",

package/src/components/v2/Calendar/Calendar.vue.d.ts

@@ -51,6 +51,11 @@ export interface TSCalendarProps {
    * Defines the calendar to use hour picker.
    */
   showTime?: boolean;
+  /**
+   * Formats the hour picker to 12 hour format.
+   * @default true
+   */
+  useTimeFormat?: boolean;
 }
 
 /**

package/src/components/v2/DataTable/DataTable.vue.d.ts

@@ -179,6 +179,24 @@ export interface TSDataTableProps {
    * An array of table columns for children table.
    */
   childrenColumns?: TableColumn[];
+  /**
+   * Whether show single action option in children table.
+   * @default true;
+   */
+  childrenUseOption?: boolean;
+  /**
+   * The options that will be visible for each row data in children table.
+   *
+   * __Provide at least one option to display an Options Menu for each row.__
+   *
+   * The options menu will be displayed on the right side of the children table row.
+   */
+  childrenOptions?: MenuOption[];
+  /**
+   * The key of the data object to use as a unique identifier for chlidren table.
+   * @default '_id'
+   */
+  childrenDataKey?: string;
   /**
    * An array of objects to display in the table.
    */
@@ -280,12 +298,6 @@ export interface TSDataTableProps {
    * Set the scrollHeight in px
    */
   scrollHeight?: string;
-  /**
-   * Define the shape of header table is rounded
-   *
-   * @default true
-   */
-  roundedHeader?: boolean;
 }
 
 export type TSDataTableEmits = {
@@ -293,6 +305,10 @@ export type TSDataTableEmits = {
    * Emits when option menu button clicked.
    */
   'toggleOption': [data: Data];
+  /**
+   * Emits when option menu button in children table was clicked.
+   */
+  'toggleChildrenOption': [data: Data];
   /**
    * @deprecated use 'v-model:selected-data' instead.
    */

package/src/presets/datatable/index.js

@@ -49,7 +49,7 @@ export default {
       { 'h-full': props.scrollable && props.scrollHeight === 'flex' },
 
       // Shape
-      // 'rounded-lg',
+      'rounded-lg',
       'rounded-br-none rounded-bl-none',
     ],
   }),
@@ -1090,7 +1090,7 @@ export default {
   rowexpansioncell: {
     class: [
       // Spacing
-      'pl-[65px] pt-3',
+      'px-[64px] pt-3',
 
       // Shape
       'border-b border-solid border-general-100',

package/src/presets/dialog/index.js

@@ -152,6 +152,8 @@ export default {
       // Font
       '!text-header-weak text-xs font-medium tracking-[0.02em]',
 
+      'pr-1.5 -mr-1.5 pb-2 pl-1.5 -ml-1.5 pt-1.5 -mt-1.5',
+
       // Layout
       'flex flex-col gap-3',
 

package/src/presets/image/index.js

@@ -1,9 +1,9 @@
 const ringClass = [
   {
-    'ring-1': navigator.userAgent.includes('Firefox'),
-    'ring-[0.5px]': !navigator.userAgent.includes('Firefox'),
+    'ring-1 p-[1px]': navigator.userAgent.includes('Firefox'),
+    'ring-[0.5px] p-[0.5px]': !navigator.userAgent.includes('Firefox'),
   },
-  'ring-offset-0',
+  'ring-inset',
   'ring-general-200 dark:ring-general-200',
 ]
 
@@ -14,12 +14,12 @@ export default {
       'shrink-0',
       { 'rounded-full': props.rounded},
       { 'rounded-lg': !props.rounded },
+      ...ringClass,
     ],
   }),
   image: ({ props}) => ({
     class: [
       'w-full h-full object-cover',
-      ...ringClass,
       { 'rounded-full': props.rounded },
       { 'rounded-lg': !props.rounded },
     ],
@@ -32,7 +32,6 @@ export default {
       'inset-0 opacity-0 transition-opacity duration-300',
       'bg-transparent text-surface-0',
       'hover:cursor-pointer hover:bg-header-weak hover:opacity-50',
-      ...ringClass,
     ],
     style: 'border-radius: inherit'
   },

package/src/presets/tabmenu/index.js

@@ -59,8 +59,12 @@ export default {
       },
 
       // States
-      'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-inset',
-      'focus-visible:ring-primary-500 dark:focus-visible:ring-primary-500',
+      'focus-visible:outline-none focus-visible:outline-offset-0',
+      'focus-visible:bg-primary-50 dark:focus-visible:bg-primary-50',
+      {
+        'focus-visible:border-primary-200 dark:focus-visible:border-primary-200 focus-visible:text-primary-400 dark:focus-visible:text-primary-400 ':
+          state.d_activeIndex !== context.index,
+      },
       {
         // 'hover:bg-surface-0 dark:hover:bg-surface-800/80':
         //   state.d_activeIndex !== context.index,