@ztwoint/z-ui 0.1.59 → 0.1.61

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ColumnReorderExample: React.FC;
+export default ColumnReorderExample;

package/dist/routes/index.d.ts

@@ -1,3 +1,4 @@
 export { default as DefaultPage } from './default';
 export { default as TablePage } from './table';
 export { default as TableCardPage } from './table-card';
+export { default as ColumnReorderPage } from './column-reorder';

package/dist/types/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/types/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/types/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/types/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/types/components/column-reorder/column-reorder.type.d.ts

@@ -0,0 +1,12 @@
+import 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/types/components/column-reorder/components/column-item/column-item.d.ts

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

package/dist/types/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/types/components/column-reorder/components/column-item/column-item.type.d.ts

@@ -0,0 +1,18 @@
+import { type 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/types/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/types/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/types/components/column-reorder/components/index.d.ts

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

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

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

package/dist/types/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/types/routes/column-reorder.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ColumnReorderExample: React.FC;
+export default ColumnReorderExample;

package/dist/types/routes/index.d.ts

@@ -1,3 +1,4 @@
 export { default as DefaultPage } from './default';
 export { default as TablePage } from './table';
 export { default as TableCardPage } from './table-card';
+export { default as ColumnReorderPage } from './column-reorder';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztwoint/z-ui",
-  "version": "0.1.59",
+  "version": "0.1.61",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -80,6 +80,10 @@
     "vitest": "^3.1.1"
   },
   "dependencies": {
+    "@atlaskit/pragmatic-drag-and-drop": "^1.7.4",
+    "@atlaskit/pragmatic-drag-and-drop-flourish": "^2.0.4",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
+    "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.4",
     "@fontsource-variable/inter": "^5.2.5",
     "@heroicons/react": "^2.2.0",
     "@radix-ui/react-checkbox": "^1.3.2",