@ztwoint/z-ui 0.1.59 → 0.1.61

package/dist/components/assets/icons/drag-handle.d.ts

@@ -0,0 +1,2 @@
+declare const DragHandleIcon: () => import("react/jsx-runtime").JSX.Element;
+export default DragHandleIcon;

package/dist/components/assets/icons/minus.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+type IconProps = SVGProps<SVGSVGElement> & {
+    secondaryfill?: string;
+    strokewidth?: number;
+    title?: string;
+};
+export declare function Minus({ title, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default Minus;

package/dist/components/column-reorder/column-reorder.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ColumnReOrderProps } from './column-reorder.type';
+export declare const ColumnReOrder: FC<ColumnReOrderProps>;

package/dist/components/column-reorder/column-reorder.hook.d.ts

@@ -0,0 +1,4 @@
+import { ColumnReOrderProps, ColumnType } from './column-reorder.type';
+export declare const useColumnReorder: ({ columns, onReorder }: ColumnReOrderProps) => {
+    internalColumns: ColumnType[];
+};

package/dist/components/column-reorder/column-reorder.type.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export type ColumnType = {
+    id: string;
+    label: [string, string];
+    icon: React.ReactNode;
+};
+export interface ColumnReOrderProps {
+    columns: ColumnType[];
+    onReorder?: (reorderedColumns: ColumnType[]) => void;
+    onRemove?: (columnId: string) => void;
+    className?: string;
+}

package/dist/components/column-reorder/components/column-item/column-item.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ColumnItemProps } from './column-item.type';
+export declare const ColumnItem: React.FC<ColumnItemProps>;
+export default ColumnItem;

package/dist/components/column-reorder/components/column-item/column-item.hook.d.ts

@@ -0,0 +1,7 @@
+import { ColumnType } from '../../column-reorder.type';
+import { ColumnItemState } from './column-item.type';
+export declare const idle: ColumnItemState;
+export declare const useColumnItemDragAndDrop: (column: ColumnType, index: number) => {
+    ref: import('react').RefObject<HTMLDivElement | null>;
+    state: ColumnItemState;
+};

package/dist/components/column-reorder/components/column-item/column-item.type.d.ts

@@ -0,0 +1,18 @@
+import { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
+import { ColumnType } from '../../column-reorder.type';
+export type ColumnItemState = {
+    type: 'idle';
+} | {
+    type: 'preview';
+    container: HTMLElement;
+} | {
+    type: 'is-dragging';
+} | {
+    type: 'is-dragging-over';
+    closestEdge: Edge | null;
+};
+export interface ColumnItemProps {
+    column: ColumnType;
+    index: number;
+    onRemove?: (columnId: string) => void;
+}

package/dist/components/column-reorder/components/column-item/column-item.util.d.ts

@@ -0,0 +1,10 @@
+import { ColumnType } from '../../column-reorder.type';
+export declare const getColumnData: (column: ColumnType, index: number) => {
+    columnId: string;
+    index: number;
+};
+export declare const isColumnData: (data: Record<string | symbol, unknown>) => boolean;
+export declare const parseColumnLabel: (column: ColumnType) => {
+    groupLabel: string;
+    fieldLabel: string;
+};

package/dist/components/column-reorder/components/column-item/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ColumnItem } from './column-item';
+export type { ColumnItemProps, ColumnItemState } from './column-item.type';
+export { isColumnData } from './column-item.util';

package/dist/components/column-reorder/components/index.d.ts

@@ -0,0 +1 @@
+export * from './column-item';

package/dist/components/column-reorder/index.d.ts

@@ -0,0 +1,2 @@
+export * from './column-reorder';
+export * from './column-reorder.type';

package/dist/components/select/z2-select.js

@@ -53,7 +53,7 @@ function w({
       "data-size": s,
       className: l(
         // base layout
-        "h-7.5 flex items-center justify-center w-full self-stretch transition-all cursor-pointer",
+        "h-7.5 flex items-center justify-between w-full self-stretch transition-all cursor-pointer",
         "gap-[6px] p-2 rounded-md",
         // size variants
         "data-[size=sm]:gap-1 data-[size=sm]:p-[6px]",

package/dist/components/table/components/cell/link-cell.d.ts

@@ -6,5 +6,6 @@ export interface LinkCellProps {
     rightIcon?: React.ReactNode;
     leftIcon?: React.ReactNode;
     className?: string;
+    LinkComponent?: React.ElementType;
 }
 export declare const LinkCell: React.FC<LinkCellProps>;

package/dist/components/table/components/cell/link-cell.js

@@ -1,17 +1,18 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import "react";
 import { cn as e } from "../../../../lib/utils.js";
-const p = ({
+const x = ({
   value: i,
   href: m,
   target: t = "_self",
   leftIcon: n,
   rightIcon: r,
-  className: o
+  className: o,
+  LinkComponent: c = "a"
 }) => {
   const l = "min-h-max min-w-max";
   return /* @__PURE__ */ s(
-    "a",
+    c,
     {
       href: m,
       target: t,
@@ -31,5 +32,5 @@ const p = ({
   );
 };
 export {
-  p as LinkCell
+  x as LinkCell
 };