@bifrostui/react 1.5.0 → 2.0.0-alpha.0

package/dist/SwipeAction/index.js

@@ -1,50 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SwipeAction_exports = {};
-__export(SwipeAction_exports, {
-  DragPhaseEnum: () => import_constants.DragPhaseEnum,
-  SideTypeEnum: () => import_constants.SideTypeEnum,
-  SwipeAction: () => import_SwipeAction2.default,
-  SwipeActionItem: () => import_SwipeActionItem.default,
-  default: () => import_SwipeAction.default
-});
-module.exports = __toCommonJS(SwipeAction_exports);
-__reExport(SwipeAction_exports, require("./SwipeAction.types"), module.exports);
-var import_SwipeAction = __toESM(require("./SwipeAction"));
-var import_SwipeAction2 = __toESM(require("./SwipeAction"));
-var import_SwipeActionItem = __toESM(require("./SwipeActionItem"));
-var import_constants = require("./constants");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DragPhaseEnum,
-  SideTypeEnum,
-  SwipeAction,
-  SwipeActionItem,
-  ...require("./SwipeAction.types")
-});

package/dist/Tabs/utils/scroll.d.ts

@@ -1,2 +0,0 @@
-declare const scrollLeftTo: (scroller: HTMLElement, to: number, duration: number) => void;
-export default scrollLeftTo;

package/dist/Tabs/utils/scroll.js

@@ -1,55 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var scroll_exports = {};
-__export(scroll_exports, {
-  default: () => scroll_default
-});
-module.exports = __toCommonJS(scroll_exports);
-const root = window || global;
-let rafId;
-let prev = Date.now();
-const rafPolyfill = (fn) => {
-  const curr = Date.now();
-  const ms = Math.max(0, 16 - (curr - prev));
-  const id = setTimeout(fn, ms);
-  prev = curr + ms;
-  return id;
-};
-const cancelRaf = (id) => {
-  const cancelAnimationFrame = (root == null ? void 0 : root.cancelAnimationFrame) || (root == null ? void 0 : root.clearTimeout) || clearTimeout;
-  cancelAnimationFrame.call(root, id);
-};
-const raf = (fn) => {
-  const requestAnimationFrame = (root == null ? void 0 : root.requestAnimationFrame) || rafPolyfill;
-  return requestAnimationFrame.call(root, fn);
-};
-const scrollLeftTo = (scroller, to, duration) => {
-  cancelRaf(rafId);
-  let count = 0;
-  const from = scroller.scrollLeft;
-  const frames = duration === 0 ? 1 : Math.round(duration / 16);
-  function animate() {
-    scroller.scrollLeft += (to - from) / frames;
-    count += 1;
-    if (count < frames) {
-      rafId = raf(animate);
-    }
-  }
-  animate();
-};
-var scroll_default = scrollLeftTo;

package/dist/TextArea/TextArea.css

@@ -1,53 +0,0 @@
-.bui-textarea {
-  --border-radius: var(--bui-textarea-border-radius, var(--bui-shape-radius-label));
-  --width: var(--bui-textarea-width, 100%);
-  --bg-color: var(--bui-textarea-background-color, var(--bui-color-bg-default));
-  --text-color: var(--bui-textarea-text-color, var(--bui-color-fg-subtle));
-  --count-bg-color: var(--bg-color, var(--bui-color-bg-default));
-  --count-text-color: var(--bui-textarea-count-color, var(--bui-color-fg-subtle));
-  --text-font-size: var(--bui-textarea-text-font-size, var(--bui-text-size-2));
-  --count-font-size: var(--bui-textarea-count-font-size, var(--bui-title-size-3));
-  --content-padding: var(--bui-textarea-padding, 8px);
-  --count-padding: var(--bui-textarea-count-padding, 0 4px);
-  --placeholder-color: var(--bui-textarea-placeholder-color, #ced1d6);
-  --placeholder-line-height: var(--bui-textarea-placeholder-line-height, 1.3);
-  background: var(--bui-color-bg-default);
-  border-radius: var(--border-radius);
-  font-family: var(--bui-font-family);
-  overflow: hidden;
-}
-.bui-textarea textarea {
-  font-size: var(--text-font-size);
-  color: var(--text-color);
-  line-height: var(--bui-line-height);
-}
-.bui-textarea .bui-mini-placeholder {
-  color: var(--placeholder-color);
-}
-.bui-textarea-disabled {
-  pointer-events: none;
-}
-.bui-textarea .a-textarea-count-wrap {
-  display: none;
-}
-.bui-textarea-content {
-  width: var(--width);
-  resize: none;
-  background-color: var(--bg-color);
-  padding: var(--content-padding);
-  border: none;
-  outline: none;
-  word-break: break-all;
-  box-sizing: border-box;
-}
-.bui-textarea-content::placeholder {
-  color: var(--placeholder-color);
-  line-height: var(--placeholder-line-height);
-}
-.bui-textarea-count {
-  background-color: var(--count-bg-color);
-  color: var(--count-text-color);
-  text-align: right;
-  padding: var(--count-padding);
-  font-size: var(--count-font-size);
-}

package/dist/Toast/Toast.css

@@ -1,53 +0,0 @@
-.bui-toast {
-  --min-width: var(--bui-toast-min-width, 86px);
-  --max-width: var(--bui-toast-max-width, 80%);
-  --text-align: var(--bui-toast-text-align, center);
-  --flex-direction: var(--bui-toast-flex-direction, column);
-  --padding: var(--bui-toast-padding, var(--bui-spacing-xl));
-  --position-top: var(--bui-toast-position-top, 15%);
-  --position-bottom: var(--bui-toast-position-bottom, 85%);
-  --background-color: var(--bui-toast-bg-color, rgba(0, 0, 0, 0.8));
-  --border-radius: var(--bui-toast-border-radius, var(--bui-shape-radius-default));
-  --icon-margin: var(--bui-toast-icon-margin, 0 0 8px);
-  --icon-font-size: var(--bui-toast-icon-font-size, 30px);
-  position: fixed;
-  left: 50%;
-  z-index: var(--bui-z-index-toast);
-  min-width: var(--min-width);
-  max-width: var(--max-width);
-  padding: var(--padding);
-  font-size: var(--bui-text-size-1);
-  color: var(--bui-color-white);
-  border-radius: var(--border-radius);
-  word-break: break-all;
-  white-space: pre-wrap;
-  background-color: var(--background-color);
-  text-align: var(--text-align);
-  font-family: var(--bui-font-family);
-}
-.bui-toast.bui-toast-allow-click {
-  position: fixed;
-  right: unset;
-  bottom: unset;
-}
-.bui-toast-center {
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.bui-toast-top {
-  top: var(--position-top);
-  transform: translate(-50%, calc(-1 * var(--position-top)));
-}
-.bui-toast-bottom {
-  top: var(--position-bottom);
-  transform: translate(-50%, calc(-1 * var(--position-bottom)));
-}
-.bui-toast-icon {
-  display: flex;
-  flex-direction: var(--flex-direction);
-  align-items: center;
-}
-.bui-toast-icon .bui-svg-icon {
-  margin: var(--icon-margin);
-  font-size: var(--icon-font-size);
-}

package/dist/Tooltip/Tooltip.css

@@ -1,91 +0,0 @@
-.bui-tooltip {
-  --arrow-size: var(--bui-tooltip-arrow-size, 8PX);
-  --localtion-position: var(--bui-tooltip-localtion-position, 8PX);
-  --max-width: var(--bui-tooltip-max-width, 350px);
-  --content-min-width: var(--bui-tooltip-content-min-width, 30px);
-  --content-min-height: var(--bui-tooltip-content-min-height, 32px);
-  --content-padding: var(--bui-tooltip-content-padding, 6px 8px);
-  max-width: var(--max-width);
-  font-size: var(--bui-text-size-1);
-  position: absolute;
-  visibility: hidden;
-  z-index: var(--bui-z-index-tooltip);
-}
-.bui-tooltip .bui-tooltip-arrow {
-  width: 0;
-  height: 0;
-  position: absolute;
-}
-.bui-tooltip .bui-tooltip-arrow.location-left {
-  left: var(--localtion-position);
-}
-.bui-tooltip .bui-tooltip-arrow.location-right {
-  right: var(--localtion-position);
-}
-.bui-tooltip .bui-tooltip-arrow.location-top {
-  top: var(--localtion-position);
-}
-.bui-tooltip .bui-tooltip-arrow.location-bottom {
-  bottom: var(--localtion-position);
-}
-.bui-tooltip.tooltip-top .location-center,
-.bui-tooltip.tooltip-bottom .location-center {
-  left: 50%;
-  transform: translateX(-50%);
-}
-.bui-tooltip.tooltip-left .location-center,
-.bui-tooltip.tooltip-right .location-center {
-  top: 50%;
-  transform: translateY(-50%);
-}
-.bui-tooltip.tooltip-top {
-  padding-bottom: var(--arrow-size);
-}
-.bui-tooltip.tooltip-top .bui-tooltip-arrow {
-  border-left: var(--arrow-size) solid transparent;
-  border-right: var(--arrow-size) solid transparent;
-  border-top: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
-  bottom: 0;
-}
-.bui-tooltip.tooltip-bottom {
-  padding-top: var(--arrow-size);
-}
-.bui-tooltip.tooltip-bottom .bui-tooltip-arrow {
-  border-left: var(--arrow-size) solid transparent;
-  border-right: var(--arrow-size) solid transparent;
-  border-bottom: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
-  top: 0;
-}
-.bui-tooltip.tooltip-left {
-  padding-right: var(--arrow-size);
-}
-.bui-tooltip.tooltip-left .bui-tooltip-arrow {
-  border-top: var(--arrow-size) solid transparent;
-  border-bottom: var(--arrow-size) solid transparent;
-  border-left: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
-  right: 0;
-}
-.bui-tooltip.tooltip-right {
-  padding-left: var(--arrow-size);
-}
-.bui-tooltip.tooltip-right .bui-tooltip-arrow {
-  border-top: var(--arrow-size) solid transparent;
-  border-bottom: var(--arrow-size) solid transparent;
-  border-right: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
-  left: 0;
-}
-.bui-tooltip .bui-tooltip-content {
-  min-width: var(--content-min-width);
-  min-height: var(--content-min-height);
-  padding: var(--content-padding);
-  color: var(--bui-color-white);
-  text-align: left;
-  text-decoration: none;
-  word-wrap: break-word;
-  background-color: var(--bui-color-bg-alpha-dark-7);
-  border-radius: var(--bui-shape-radius-poster);
-  box-shadow:
-    0 3px 6px -4px rgba(0, 0, 0, 0.12),
-    0 6px 16px 0 rgba(0, 0, 0, 0.08),
-    0 9px 28px 8px rgba(0, 0, 0, 0.05);
-}

package/es/Breadcrumb/Breadcrumb.css

@@ -1,34 +0,0 @@
-.bui-breadcrumb {
-  --margin: var(--bui-breadcrumb-margin, 0);
-  --padding: var(--bui-breadcrumb-padding, 0);
-  --color: var(--bui-breadcrumb-color, rgba(0, 0, 0, 0.45));
-  --item-separator-margin: var(--bui-breadcrumb-item-separator-margin, 0 8px);
-  --list-li-color: var(--bui-breadcrumb-list-li-color, rgba(0, 0, 0, 0.88));
-  margin: var(--margin);
-  padding: var(--padding);
-  color: var(--color);
-  list-style: none;
-  font-size: var(--bui-text-size-1);
-  line-height: var(--bui-line-height);
-}
-.bui-breadcrumb-list {
-  display: flex;
-  flex-wrap: wrap;
-  margin: var(--margin);
-  padding: var(--padding);
-  list-style: none;
-}
-.bui-breadcrumb-list a {
-  color: var(--color);
-  text-decoration: none;
-  cursor: pointer;
-}
-.bui-breadcrumb-list li:last-child {
-  color: var(--list-li-color);
-}
-.bui-breadcrumb-item {
-  cursor: pointer;
-}
-.bui-breadcrumb-item-separator {
-  margin: var(--item-separator-margin);
-}

package/es/CitySelector/miniapp.css

@@ -1,4 +0,0 @@
-.bui-city-scroll-view-container {
-  height: 100%;
-  display: block;
-}

package/es/Collapse/Collapse.miniapp.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { CollapseProps } from './Collapse.types';
-import './Collapse.less';
-declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLElement>>;
-export default Collapse;

package/es/Collapse/Collapse.miniapp.js

@@ -1,157 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import React, { useEffect, useRef, useState } from "react";
-import {
-  useForkRef,
-  duration,
-  easing,
-  getTransitionProps,
-  createTransitions,
-  getBoundingClientRect
-} from "@bifrostui/utils";
-import { Transition } from "../Transition";
-import "./Collapse.css";
-const defaultEasing = {
-  enter: easing.easeOut,
-  exit: easing.sharp
-};
-const defaultTimeout = {
-  enter: duration.enteringScreen,
-  exit: duration.leavingScreen
-};
-const FIT_CONTENT = "fit-content";
-const Collapse = /* @__PURE__ */ React.forwardRef((props, ref) => {
-  const _a = props, {
-    appear = false,
-    in: inProp,
-    easing: easingProp = defaultEasing,
-    direction = "vertical",
-    timeout = defaultTimeout,
-    delay = 0,
-    collapsedSize: collapsedSizeProp = 0,
-    style,
-    className,
-    children
-  } = _a, other = __objRest(_a, [
-    "appear",
-    "in",
-    "easing",
-    "direction",
-    "timeout",
-    "delay",
-    "collapsedSize",
-    "style",
-    "className",
-    "children"
-  ]);
-  const wrapperRef = useRef(null);
-  const collapseRef = useForkRef(wrapperRef, ref);
-  const [wrapperSize, setWrapperSize] = useState("");
-  const transitions = createTransitions();
-  const isHorizontal = direction === "horizontal";
-  const collapsedSize = typeof collapsedSizeProp === "number" ? `${collapsedSizeProp}px` : collapsedSizeProp;
-  const size = isHorizontal ? "width" : "height";
-  const getCollapseWrapperSize = (reactNode) => {
-    return new Promise((resolve) => {
-      var _a2;
-      const reactNodeChild = (_a2 = reactNode == null ? void 0 : reactNode.children) == null ? void 0 : _a2[0];
-      if (!reactNodeChild) {
-        resolve(FIT_CONTENT);
-      }
-      getBoundingClientRect(reactNodeChild).then((res) => {
-        if (!res) {
-          resolve(FIT_CONTENT);
-          setWrapperSize(FIT_CONTENT);
-        } else {
-          setWrapperSize(isHorizontal ? `${res == null ? void 0 : res.width}px` : `${res == null ? void 0 : res.height}px`);
-        }
-      });
-    });
-  };
-  useEffect(() => {
-    if (appear === false && inProp === true && wrapperSize === FIT_CONTENT) {
-      getCollapseWrapperSize(wrapperRef.current).then((res) => {
-        setWrapperSize(res);
-      });
-    }
-  }, [appear, inProp]);
-  if (!children)
-    return null;
-  return /* @__PURE__ */ React.createElement(
-    Transition,
-    __spreadProps(__spreadValues({}, other), {
-      in: inProp,
-      timeout,
-      delay,
-      appear
-    }),
-    (state, childProps) => {
-      var _a2;
-      const transition = transitions.create(
-        size,
-        getTransitionProps(
-          { timeout, style, easing: easingProp, delay },
-          { mode: state }
-        )
-      );
-      if (state === "entering" || state === "entered") {
-        getCollapseWrapperSize(wrapperRef.current).then(
-          (res = FIT_CONTENT) => {
-            setWrapperSize(res);
-          }
-        );
-      } else {
-        setWrapperSize(collapsedSize);
-      }
-      return React.createElement(
-        "div",
-        __spreadProps(__spreadValues({
-          className: `bui-collapse ${className || ""}`,
-          style: __spreadValues(__spreadProps(__spreadValues({}, style), {
-            transition,
-            WebkitTransition: transition
-          }), isHorizontal ? { width: wrapperSize, WebKitWidth: wrapperSize } : { height: wrapperSize, WebKitHeight: wrapperSize })
-        }, childProps), {
-          ref: collapseRef
-        }),
-        React.cloneElement(children, {
-          style: __spreadValues({}, (_a2 = children.props) == null ? void 0 : _a2.style)
-        })
-      );
-    }
-  );
-});
-Collapse.displayName = "BuiCollapse";
-var Collapse_miniapp_default = Collapse;
-export {
-  Collapse_miniapp_default as default
-};

package/es/DatePicker/DatePicker.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DatePickerProps } from './DatePicker.types';
-declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps<"div", Omit<import("../Picker").PickerProps<"div", import("..").DrawerProps>, "value" | "defaultValue" | "onChange" | "onClose" | "onConfirm">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default DatePicker;