@zendeskgarden/react-draggable 9.0.0-next.19

package/dist/typings/elements/draggable-list/components/DropIndicator.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+/**
+ * @extends LiHTMLAttributes<HTMLLIElement>
+ */
+export declare const DropIndicator: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;

package/dist/typings/elements/draggable-list/components/Item.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+/**
+ * @extends LiHTMLAttributes<HTMLLIElement>
+ */
+export declare const Item: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;

package/dist/typings/elements/dropzone/Dropzone.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { Message } from './components/Message';
+import { Icon } from './components/Icon';
+import { IDropzoneProps } from '../../types';
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const Dropzone: React.ForwardRefExoticComponent<IDropzoneProps & React.RefAttributes<HTMLDivElement>> & {
+    Icon: typeof Icon;
+    Message: typeof Message;
+};

package/dist/typings/elements/dropzone/components/Icon.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const Icon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/dropzone/components/Message.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+/**
+ * @extends HTMLAttributes<HTMLParagraphElement>
+ */
+export declare const Message: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/typings/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+export { Draggable } from './elements/draggable/Draggable';
+export { DraggableList } from './elements/draggable-list/DraggableList';
+export { Dropzone } from './elements/dropzone/Dropzone';
+export type { IDraggableProps, IDraggableListProps, IDropzoneProps } from './types';

package/dist/typings/styled/draggable/StyledContent.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/draggable/StyledDraggable.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { ThemeProps, DefaultTheme } from 'styled-components';
+import { IGardenTheme } from '@zendeskgarden/react-theming';
+export interface IStyledDraggableProps extends ThemeProps<DefaultTheme> {
+    focusInset?: boolean;
+    isBare?: boolean;
+    isCompact?: boolean;
+    isDisabled?: boolean;
+    isGrabbed?: boolean;
+    isPlaceholder?: boolean;
+}
+export declare function getDragShadow(theme: IGardenTheme): string;
+export declare const StyledDraggable: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledDraggableProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/draggable/StyledGrip.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { DefaultTheme } from 'styled-components';
+export declare const StyledGrip: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/draggable-list/StyledDraggableList.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { ThemeProps, DefaultTheme } from 'styled-components';
+export interface IStyledDraggableListProps extends ThemeProps<DefaultTheme> {
+    isHorizontal?: boolean;
+}
+/**
+ * 1. <ul> reset.
+ */
+export declare const StyledDraggableList: import("styled-components").StyledComponent<"ul", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledDraggableListProps & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/draggable-list/StyledDropIndicator.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { ThemeProps, DefaultTheme } from 'styled-components';
+export interface IStyledDropIndicatorProps extends ThemeProps<DefaultTheme> {
+    isHorizontal?: boolean;
+}
+export declare const StyledDropIndicator: import("styled-components").StyledComponent<"li", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledDropIndicatorProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/draggable-list/StyledItem.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { DefaultTheme, ThemeProps } from 'styled-components';
+export interface IStyledItemProps extends ThemeProps<DefaultTheme> {
+    isHorizontal?: boolean;
+}
+export declare const StyledItem: import("styled-components").StyledComponent<"li", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledItemProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/dropzone/StyledDropzone.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { DefaultTheme, ThemeProps } from 'styled-components';
+export interface IStyledDropzoneProps extends ThemeProps<DefaultTheme> {
+    isActive?: boolean;
+    isVertical?: boolean;
+    isDanger?: boolean;
+    isDisabled?: boolean;
+    isHighlighted?: boolean;
+    hasMessage?: boolean;
+    hasIcon?: boolean;
+}
+/**
+ * 1. Reset margin, e.g. when alternative tag includes native margin
+ */
+export declare const StyledDropzone: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledDropzoneProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/dropzone/StyledIcon.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { DefaultTheme, ThemeProps } from 'styled-components';
+interface IStyledIconProps extends ThemeProps<DefaultTheme> {
+    isVertical?: boolean;
+    hasMessage?: boolean;
+}
+/**
+ * 1. Corrects the vertical text alignment of the icon within a dropzone message.
+ */
+export declare const StyledIcon: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledIconProps, "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/styled/dropzone/StyledMessage.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+export declare const StyledMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+export { StyledDraggable } from './draggable/StyledDraggable';
+export { StyledContent } from './draggable/StyledContent';
+export { StyledGrip } from './draggable/StyledGrip';
+export { StyledDraggableList } from './draggable-list/StyledDraggableList';
+export { StyledDropIndicator } from './draggable-list/StyledDropIndicator';
+export { StyledItem } from './draggable-list/StyledItem';
+export { StyledDropzone } from './dropzone/StyledDropzone';
+export { StyledMessage } from './dropzone/StyledMessage';
+export { StyledIcon } from './dropzone/StyledIcon';

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

@@ -0,0 +1,41 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { HTMLAttributes } from 'react';
+export interface IDraggableProps extends HTMLAttributes<HTMLDivElement> {
+    /** Applies inset `box-shadow` styling on focus */
+    focusInset?: boolean;
+    /** Removes borders */
+    isBare?: boolean;
+    /** Applies compact spacing */
+    isCompact?: boolean;
+    /** Disables the draggable */
+    isDisabled?: boolean;
+    /** Applies grab styling */
+    isGrabbed?: boolean;
+    /** Hides content and applies placeholder background styling */
+    isPlaceholder?: boolean;
+    /** Updates the element's HTML tag */
+    tag?: any;
+}
+export interface IDraggableListProps extends HTMLAttributes<HTMLUListElement> {
+    /** Flows list items inline */
+    isHorizontal?: boolean;
+}
+export interface IDropzoneProps extends HTMLAttributes<HTMLDivElement> {
+    /** Indicates a drop is possible during a drag */
+    isActive?: boolean;
+    /** Aligns dropzone message content vertically */
+    isVertical?: boolean;
+    /** Applies danger styling */
+    isDanger?: boolean;
+    /** Disables the dropzone */
+    isDisabled?: boolean;
+    /** Indicates a draggable is on a droppable area */
+    isHighlighted?: boolean;
+    /** Updates the element's HTML tag */
+    tag?: any;
+}

package/dist/typings/utils/useDraggableListContext.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+export interface IDraggableListContext {
+    isHorizontal?: boolean;
+}
+export declare const DraggableListContext: import("react").Context<IDraggableListContext | undefined>;
+export declare const useDraggableListContext: () => IDraggableListContext;

package/dist/typings/utils/useDropzoneContext.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+export interface IDropzoneContext {
+    isVertical?: boolean;
+    isDanger?: boolean;
+    hasIcon?: boolean;
+    setHasIcon?: (hasIcon: boolean) => void;
+    hasMessage?: boolean;
+    setHasMessage?: (hasMessage: boolean) => void;
+}
+export declare const DropzoneContext: import("react").Context<IDropzoneContext | undefined>;
+export declare const useDropzoneContext: () => IDropzoneContext;

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@zendeskgarden/react-draggable",
+  "version": "9.0.0-next.19",
+  "description": "Components related to drag and drop in the Garden Design System",
+  "license": "Apache-2.0",
+  "author": "Zendesk Garden <garden@zendesk.com>",
+  "homepage": "https://garden.zendesk.com/",
+  "repository": "https://github.com/zendeskgarden/react-components",
+  "bugs": {
+    "url": "https://github.com/zendeskgarden/react-components/issues"
+  },
+  "main": "dist/index.cjs.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "../../utils/scripts/build.sh",
+    "start": "../../utils/scripts/start.sh"
+  },
+  "sideEffects": false,
+  "types": "dist/typings/index.d.ts",
+  "dependencies": {
+    "polished": "^4.3.1",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "@zendeskgarden/react-theming": ">=9.0.0-next",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "styled-components": "^5.3.1"
+  },
+  "devDependencies": {
+    "@dnd-kit/core": "6.1.0",
+    "@dnd-kit/sortable": "8.0.0",
+    "@dnd-kit/utilities": "3.2.2",
+    "@zendeskgarden/react-theming": "^9.0.0-next.19",
+    "@zendeskgarden/react-typography": "^9.0.0-next.19",
+    "@zendeskgarden/svg-icons": "7.1.1"
+  },
+  "keywords": [
+    "components",
+    "drag",
+    "draggable",
+    "drop",
+    "dropzone",
+    "garden",
+    "react",
+    "zendesk"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "zendeskgarden:src": "src/index.ts",
+  "gitHead": "3f18fec721a25bebc274de6af38cd88ab4e63a79"
+}