@seveelly/baseui 16.1.1

package/documentation-site/components/yard/config/drawer.ts

@@ -0,0 +1,144 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+
+import { Drawer, ANCHOR, SIZE } from "baseui/drawer";
+import { PropTypes } from "react-view";
+import type { TConfig } from "../types";
+
+const DrawerConfig: TConfig = {
+  componentName: "Drawer",
+  imports: {
+    "baseui/drawer": {
+      named: ["Drawer"],
+    },
+  },
+  scope: { Drawer, ANCHOR, SIZE },
+  theme: [],
+  props: {
+    animate: {
+      value: undefined,
+      defaultValue: true,
+      type: PropTypes.Boolean,
+      description:
+        "Sets whether the Drawer should be displayed by easing in and out.",
+      hidden: true,
+    },
+    isOpen: {
+      value: false,
+      type: PropTypes.Boolean,
+      description: "Determines if the drawer is open.",
+      stateful: true,
+    },
+    autoFocus: {
+      value: true,
+      type: PropTypes.Boolean,
+      description:
+        "If true, focus will shift to the first interactive element within the drawer.",
+      hidden: true,
+    },
+    renderAll: {
+      value: false,
+      type: PropTypes.Boolean,
+      description:
+        "Renders all drawer content for SEO purposes regardless of drawer isOpen state.",
+    },
+    children: {
+      value: "<div>drawer content</div>",
+      type: PropTypes.ReactNode,
+      description: "Drawer content.",
+    },
+    onClose: {
+      value: "() => setIsOpen(false);",
+      type: PropTypes.Function,
+      description: "A callback that is invoked when the modal will close.",
+      propHook: {
+        what: "false",
+        into: "isOpen",
+      },
+    },
+    size: {
+      value: "SIZE.default",
+      options: SIZE,
+      defaultValue: "SIZE.default",
+      type: PropTypes.Enum,
+      description: "Defines the modal size.",
+      imports: {
+        "baseui/drawer": {
+          named: ["SIZE"],
+        },
+      },
+    },
+    anchor: {
+      value: "ANCHOR.default",
+      options: ANCHOR,
+      defaultValue: "ANCHOR.default",
+      type: PropTypes.Enum,
+      description: "Window side from which the drawer originates from.",
+      imports: {
+        "baseui/drawer": {
+          named: ["ANCHOR"],
+        },
+      },
+    },
+    closeable: {
+      value: true,
+      defaultValue: true,
+      type: PropTypes.Boolean,
+      description: "Whether the drawer should be closeable by the user.",
+      hidden: true,
+    },
+    showBackdrop: {
+      value: true,
+      defaultValue: true,
+      type: PropTypes.Boolean,
+      description: "Whether the backdrop should be shown.",
+    },
+    onBackdropClick: {
+      value: false,
+      type: PropTypes.Function,
+      description: "Callback invoked when backdrop is clicked.",
+      hidden: true,
+    },
+    onEscapeKeyDown: {
+      value: false,
+      type: PropTypes.Function,
+      description: "Callback invoked when escape key is pressed.",
+      hidden: true,
+    },
+    mountNode: {
+      value: undefined,
+      type: PropTypes.Object,
+      description:
+        "Defines where to mount the drawer. It accepts an HTMLElement.",
+      hidden: true,
+    },
+    overrides: {
+      value: undefined,
+      type: PropTypes.Custom,
+      description: "Lets you customize all aspects of the component.",
+      custom: {
+        names: ["Root", "Backdrop", "DrawerBody", "DrawerContainer", "Close"],
+        sharedProps: {
+          $animating: {
+            type: PropTypes.Boolean,
+            description: "True if drawer is animating.",
+          },
+          $isVisible: {
+            type: PropTypes.Boolean,
+            description: "True if drawer is visible.",
+          },
+          $isOpen: "isOpen",
+          $size: "size",
+          $closeable: "closeable",
+          $anchor: "anchor",
+        },
+      },
+    },
+  },
+};
+
+export default DrawerConfig;

package/documentation-site/components/yard/config/file-uploader-basic.ts

@@ -0,0 +1,123 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+
+import { FileUploaderBasic } from "baseui/file-uploader-basic";
+import { PropTypes } from "react-view";
+import type { TConfig } from "../types";
+import buttonConfig from "./button";
+
+const changeHandlers = [
+  "onClick",
+  "onFocus",
+  "onBlur",
+  "onKeyDown",
+  "onDragStart",
+  "onDragEnter",
+  "onDragOver",
+  "onDragLeave",
+  "onDrop",
+  "onDropAccepted",
+  "onDropRejected",
+  "onFileDialogCancel",
+  "onCancel",
+  "onRetry",
+];
+
+const FileUploaderBasicConfig: TConfig = {
+  componentName: "FileUploaderBasic",
+  imports: {
+    "baseui/file-uploader-basic": { named: ["FileUploaderBasic"] },
+  },
+  scope: {
+    FileUploaderBasic: FileUploaderBasic,
+  },
+  theme: [],
+  props: {
+    accept: {
+      value: "",
+      type: PropTypes.String,
+      description:
+        "Set accepted file types. See https://github.com/okonet/attr-accept for more information",
+    },
+    maxSize: {
+      value: undefined,
+      type: PropTypes.Number,
+      description: "Maximum file size (in bytes).",
+    },
+    minSize: {
+      value: undefined,
+      type: PropTypes.Number,
+      description: "Minimum file size (in bytes).",
+    },
+    multiple: {
+      value: undefined,
+      type: PropTypes.Boolean,
+      description:
+        "Allow drag n drop (or selection from the file dialog) of multiple files",
+    },
+    disableClick: {
+      value: undefined,
+      type: PropTypes.Boolean,
+      description:
+        "Disallow clicking on the dropzone container to open file dialog.",
+    },
+    disabled: {
+      value: false,
+      type: PropTypes.Boolean,
+      description: "Renders component in disabled state.",
+    },
+    errorMessage: {
+      value: "",
+      type: PropTypes.String,
+      description: "Error message to be displayed.",
+      stateful: true,
+    },
+    ...changeHandlers.reduce((acc, current) => {
+      //@ts-ignore
+      acc[current] = {
+        value: undefined,
+        type: PropTypes.Function,
+        description: `Called when the ${current} event is triggered.`,
+        hidden: true,
+      };
+      return acc;
+    }, {}),
+    name: {
+      value: undefined,
+      type: PropTypes.String,
+      description: "Name attribute.",
+      hidden: true,
+    },
+    ["aria-describedby"]: {
+      value: undefined,
+      type: PropTypes.String,
+      description: `Sets aria-describedby attribute.`,
+      hidden: true,
+    },
+    overrides: {
+      value: undefined,
+      type: PropTypes.Custom,
+      description: "Lets you customize all aspects of the component.",
+      custom: {
+        names: [
+          { ...buttonConfig, componentName: "ButtonComponent" },
+          { ...buttonConfig, componentName: "CancelButtonComponent" },
+          { ...buttonConfig, componentName: "RetryButtonComponent" },
+          "ContentMessage",
+          "ErrorMessage",
+          "FileDragAndDrop",
+          "HiddenInput",
+          "Spinner",
+          "ProgressBar",
+        ],
+        sharedProps: {},
+      },
+    },
+  },
+};
+
+export default FileUploaderBasicConfig;

package/documentation-site/components/yard/config/file-uploader.ts

@@ -0,0 +1,176 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+
+import { FileUploader } from "baseui/file-uploader";
+import { PropTypes } from "react-view";
+import type { TConfig } from "../types";
+import iconConfig from "./icon";
+
+const changeHandlers = [
+  "onClick",
+  "onFocus",
+  "onBlur",
+  "onKeyDown",
+  "onDragStart",
+  "onDragEnter",
+  "onDragOver",
+  "onDragLeave",
+  "onFileDialogCancel",
+  "onCancel",
+  "onRetry",
+];
+
+const FileUploaderConfig: TConfig = {
+  componentName: "FileUploader",
+  imports: {
+    "baseui/file-uploader": { named: ["FileUploader"] },
+  },
+  scope: {
+    FileUploader: FileUploader,
+  },
+  theme: [],
+  props: {
+    accept: {
+      value: "",
+      type: PropTypes.String,
+      description:
+        "Set accepted file types. See https://github.com/okonet/attr-accept for more information",
+    },
+    disabled: {
+      value: false,
+      type: PropTypes.Boolean,
+      description: "Renders component in disabled state.",
+    },
+    fileRows: {
+      value: "[]",
+      type: PropTypes.Array,
+      description: "Array of file objects.",
+      stateful: true,
+    },
+    hint: {
+      value: undefined,
+      type: PropTypes.String,
+      description: "Hint text to be displayed below the file rows.",
+    },
+    itemPreview: {
+      value: false,
+      type: PropTypes.Boolean,
+      description:
+        "Renders a file preview thumbnail. Works best with image files.",
+    },
+    label: {
+      value: undefined,
+      type: PropTypes.String,
+      description: "Label text to be displayed above the file uploader.",
+    },
+    maxFiles: {
+      value: undefined,
+      type: PropTypes.Number,
+      description: "Maximum number of files that can be uploaded.",
+    },
+    maxSize: {
+      value: undefined,
+      type: PropTypes.Number,
+      description: "Maximum file size (in bytes).",
+    },
+    minSize: {
+      value: undefined,
+      type: PropTypes.Number,
+      description: "Minimum file size (in bytes).",
+    },
+    processFileOnDrop: {
+      value: undefined,
+      type: PropTypes.Function,
+      description:
+        "Application defined callback function that runs on file drop. Takes a File as input and returns a Promise<{ errorMessage: string | null; fileInfo?: any }>.",
+    },
+    setFileRows: {
+      value: "newFileRows => setFileRows(newFileRows)",
+      type: PropTypes.Function,
+      description: "Function to set file rows.",
+    },
+    multiple: {
+      value: undefined,
+      type: PropTypes.Boolean,
+      description:
+        "Allow drag n drop (or selection from the file dialog) of multiple files",
+      hidden: true,
+    },
+    disableClick: {
+      value: undefined,
+      type: PropTypes.Boolean,
+      description:
+        "Disallow clicking on the dropzone container to open file dialog.",
+      hidden: true,
+    },
+    errorMessage: {
+      value: undefined,
+      type: PropTypes.String,
+      description: "Error message to be displayed.",
+      hidden: true,
+    },
+    ...changeHandlers.reduce((acc, current) => {
+      //@ts-ignore
+      acc[current] = {
+        value: undefined,
+        type: PropTypes.Function,
+        description: `Called when the ${current} event is triggered.`,
+        hidden: true,
+      };
+      return acc;
+    }, {}),
+    name: {
+      value: undefined,
+      type: PropTypes.String,
+      description: "Name attribute.",
+      hidden: true,
+    },
+    ["aria-describedby"]: {
+      value: undefined,
+      type: PropTypes.String,
+      description: `Sets aria-describedby attribute.`,
+      hidden: true,
+    },
+    progressAmountStartValue: {
+      value: undefined,
+      type: PropTypes.Number,
+      description:
+        "Sets the progress amount the loading bar begins at. It is a number between 1 and 100. It is particularly useful for the 'Dynamic loading' example.",
+      hidden: true,
+    },
+    overrides: {
+      value: undefined,
+      type: PropTypes.Custom,
+      description: "Lets you customize all aspects of the component.",
+      custom: {
+        names: [
+          { ...iconConfig, componentName: "AlertIcon" },
+          { ...iconConfig, componentName: "CircleCheckFilledIcon" },
+          "FileRow",
+          "FileRowColumn",
+          "FileRowContent",
+          "FileRowFileName",
+          "FileRowText",
+          "FileRowUploadMessage",
+          "FileRowUploadText",
+          "FileRows",
+          "Hint",
+          "ImagePreviewThumbnail",
+          "ItemPreviewContainer",
+          "Label",
+          { ...iconConfig, componentName: "PaperclipFilledIcon" },
+          "ParentRoot",
+          { ...iconConfig, componentName: "TrashCanFilledIcon" },
+          "TrashCanFilledIconContainer",
+        ],
+        sharedProps: {},
+      },
+    },
+  },
+};
+
+export default FileUploaderConfig;

package/documentation-site/components/yard/config/fixed-marker.ts

@@ -0,0 +1,192 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+
+import {
+  FixedMarker,
+  PINHEAD_SIZES_SHAPES,
+  NEEDLE_SIZES,
+  KIND,
+  BADGE_ENHANCER_SIZES,
+  LABEL_ENHANCER_POSITIONS,
+} from "baseui/map-marker";
+import { PropTypes } from "react-view";
+import type { TConfig } from "../types";
+import { Check, Upload, Search } from "baseui/icon";
+
+export const theme = [];
+
+export const fixedMarkerProps = {
+  label: {
+    value: "Uber HQ",
+    type: PropTypes.String,
+    description: "Text to display inside of the marker.",
+  },
+  dragging: {
+    value: false,
+    type: PropTypes.Boolean,
+    description:
+      "Renders the component with circular shadow to represent dragging.",
+    defaultValue: false,
+  },
+  size: {
+    value: "PINHEAD_SIZES_SHAPES.medium",
+    enumName: "PINHEAD_SIZES_SHAPES",
+    defaultValue: "PINHEAD_SIZES_SHAPES.medium",
+    options: PINHEAD_SIZES_SHAPES,
+    type: PropTypes.Enum,
+    description: "Size of the pinhead (top container) of the marker.",
+    imports: {
+      "baseui/map-marker": {
+        named: ["PINHEAD_SIZES_SHAPES"],
+      },
+    },
+  },
+  needle: {
+    value: "NEEDLE_SIZES.medium",
+    enumName: "NEEDLE_SIZES",
+    defaultValue: "NEEDLE_SIZES.medium",
+    options: NEEDLE_SIZES,
+    type: PropTypes.Enum,
+    description: "Size of the needle (bottom element) of the marker.",
+    imports: {
+      "baseui/map-marker": {
+        named: ["NEEDLE_SIZES"],
+      },
+    },
+  },
+  startEnhancer: {
+    value: "({size}) => <Upload size={size}/>",
+    placeholder: "({size}) => <Upload size={size}/>",
+    type: PropTypes.Function,
+    description:
+      "Icon or element to render in the leading slot (before the label).",
+    imports: {
+      "baseui/icon": {
+        named: ["Upload"],
+      },
+    },
+  },
+  endEnhancer: {
+    value: undefined,
+    placeholder: "({size}) => <Search size={size}/>",
+    type: PropTypes.Function,
+    description:
+      "Icon or element to render in the trailing slot (after the label).",
+    imports: {
+      "baseui/icon": {
+        named: ["Search"],
+      },
+    },
+  },
+  kind: {
+    value: "KIND.default",
+    enumName: "KIND",
+    defaultValue: "KIND.default",
+    options: KIND,
+    type: PropTypes.Enum,
+    description: "Kind changes colors of the PinHead, Needle and DragShadow.",
+    imports: {
+      "baseui/map-marker": {
+        named: ["KIND"],
+      },
+    },
+  },
+  badgeEnhancerSize: {
+    value: "BADGE_ENHANCER_SIZES.none",
+    enumName: "BADGE_ENHANCER_SIZES",
+    defaultValue: "BADGE_ENHANCER_SIZES.none",
+    options: BADGE_ENHANCER_SIZES,
+    type: PropTypes.Enum,
+    description: "Size of the badge enhancer.",
+    imports: {
+      "baseui/map-marker": {
+        named: ["BADGE_ENHANCER_SIZES"],
+      },
+    },
+  },
+  badgeEnhancerContent: {
+    value: "({size}) => <Check size={size}/>",
+    placeholder: "({size}) => <Check size={size}/>",
+    type: PropTypes.Function,
+    description: "Content to render inside of the badge enhancer.",
+    imports: {
+      "baseui/icon": {
+        named: ["Check"],
+      },
+    },
+  },
+  labelEnhancerContent: {
+    value: "Uber Eats",
+    type: PropTypes.String,
+    description: "Text to display as the optional label enhancer.",
+  },
+  labelEnhancerPosition: {
+    value: "LABEL_ENHANCER_POSITIONS.bottom",
+    enumName: "LABEL_ENHANCER_POSITIONS",
+    defaultValue: "LABEL_ENHANCER_POSITIONS.bottom",
+    options: LABEL_ENHANCER_POSITIONS,
+    type: PropTypes.Enum,
+    description: "Position of the label enhancer.",
+    imports: {
+      "baseui/map-marker": {
+        named: ["LABEL_ENHANCER_POSITIONS"],
+      },
+    },
+  },
+};
+
+const FixedMarkerConfig: TConfig = {
+  componentName: "FixedMarker",
+  imports: {
+    "baseui/map-marker": {
+      named: ["FixedMarker"],
+    },
+    "baseui/icon": {
+      named: ["Check"],
+    },
+  },
+  scope: {
+    FixedMarker,
+    NEEDLE_SIZES,
+    KIND,
+    PINHEAD_SIZES_SHAPES,
+    BADGE_ENHANCER_SIZES,
+    Check,
+    Upload,
+    LABEL_ENHANCER_POSITIONS,
+    Search,
+  },
+  theme,
+  props: {
+    ...fixedMarkerProps,
+    overrides: {
+      value: undefined,
+      type: PropTypes.Custom,
+      description: "Lets you customize all aspects of the component.",
+      custom: {
+        names: [
+          "Root",
+          "PinHead",
+          "LabelSlot",
+          "Label",
+          "EnhancerSlot",
+          "PinHeadContainer",
+          "Needle",
+          "DragShadow",
+          "DragShadowContainer",
+          "DragContainer",
+          "BadgeEnhancer",
+          "LabelEnhancerContainer",
+          "LabelEnhancer",
+        ],
+        sharedProps: {},
+      },
+    },
+  },
+};
+
+export default FixedMarkerConfig;