armtek-uikit-react 1.0.267 → 1.0.268

package/ui/Pagination/Pagination.js

@@ -1,158 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = exports.Pagination = void 0;
-var _Stack = _interopRequireDefault(require("../Stack"));
-var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
-var _react = require("react");
-var _Icon = require("../Icon");
-var _Button = _interopRequireDefault(require("../Button"));
-var _Popover = _interopRequireDefault(require("../Popover"));
-var _List = _interopRequireDefault(require("../List"));
-var _jsxRuntime = require("react/jsx-runtime");
-const MAX_DISPLAY = 5;
-const Pagination = props => {
-  const {
-    pageSize,
-    pageSizes,
-    pageSizeLabel,
-    total,
-    page,
-    onPageSizeSelect,
-    onChange,
-    ...stackProps
-  } = props;
-  let displayFirst = page > 1;
-  let displayLast = page < total && page !== total;
-  let displayFirstDots = page >= MAX_DISPLAY && total > MAX_DISPLAY;
-  let displayLastDots = page < total - 2 && page <= total - MAX_DISPLAY;
-  let pageArr = [];
-  pageArr = [...Array(total)].map((_, item) => item + 1).filter(item => {
-    if (displayFirst && displayLast) return item > 1 && item < total;else if (displayFirst) return item > 1;else if (displayLast) return item < total;
-    return true;
-  });
-  if (page >= MAX_DISPLAY && total > MAX_DISPLAY && page <= total - MAX_DISPLAY) pageArr = pageArr.slice(page - (MAX_DISPLAY - 2), page);else if (page < MAX_DISPLAY && pageArr.length > MAX_DISPLAY) pageArr = pageArr.slice(0, displayFirst ? MAX_DISPLAY - 1 : MAX_DISPLAY);else if (page > total - MAX_DISPLAY && pageArr.length > MAX_DISPLAY) pageArr = pageArr.slice(displayLast ? -(MAX_DISPLAY - 1) : -MAX_DISPLAY);
-  const handleClick = selectedPage => () => {
-    if (selectedPage !== page) onChange(selectedPage);
-  };
-  if (total <= 1) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
-      spacing: 'small',
-      children: [pageSizes && onPageSizeSelect && /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationPerPage, {
-        ...props,
-        pageSizes: pageSizes,
-        onPageSizeSelect: onPageSizeSelect
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
-        center: true,
-        ...stackProps,
-        children: [page > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-          onClick: handleClick(page - 1),
-          size: 'small',
-          variant: 'transparent',
-          color: 'neutral',
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
-            icon: 'chevron_left'
-          })
-        }), displayFirst && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-          onClick: handleClick(1),
-          size: 'small',
-          variant: 'transparent',
-          color: 'neutral',
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: 'arm-pagination__item',
-            children: "1"
-          })
-        }), displayFirstDots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-          size: 'small',
-          disabled: true,
-          children: "..."
-        }), pageArr.map(item => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-            onClick: handleClick(item),
-            size: 'small',
-            className: page === item ? 'bg-gray-100' : '',
-            variant: 'transparent',
-            color: 'neutral',
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: 'arm-pagination__item',
-              children: item
-            })
-          }, item);
-        }), displayLastDots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-          size: 'small',
-          disabled: true,
-          children: "..."
-        }), displayLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-          onClick: handleClick(total),
-          size: 'small',
-          variant: 'transparent',
-          color: 'neutral',
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: 'arm-pagination__item',
-            children: total
-          })
-        }), page !== total && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-          onClick: handleClick(page + 1),
-          size: 'small',
-          variant: 'transparent',
-          color: 'neutral',
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
-            icon: 'chevron_right'
-          })
-        })]
-      })]
-    })
-  });
-};
-exports.Pagination = Pagination;
-const PaginationPerPage = props => {
-  const {
-    pageSize,
-    pageSizes,
-    pageSizeLabel,
-    onPageSizeSelect
-  } = props;
-  const [visible, setVisible] = (0, _react.useState)(false);
-  const btnRef = (0, _react.useRef)(null);
-  const handleClose = () => setVisible(false);
-  const handleClick = item => {
-    onPageSizeSelect(item);
-    handleClose();
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
-    spacing: 'small',
-    center: true,
-    className: 'flex items-center',
-    children: [pageSizeLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: 'text-small',
-      children: pageSizeLabel
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      variant: 'transparent',
-      onClick: () => setVisible(true),
-      ref: btnRef,
-      endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
-        icon: 'expand_more'
-      }),
-      size: 'small',
-      color: 'neutral',
-      children: pageSize
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
-      placement: 'bottom',
-      open: visible,
-      anchorEl: btnRef.current,
-      onClose: handleClose,
-      classes: {
-        paper: 'p-0'
-      },
-      children: pageSizes.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
-        onClick: () => handleClick(item),
-        active: item === pageSize,
-        children: item
-      }, item))
-    })]
-  });
-};
-var _default = exports.default = Pagination;

package/ui/Pagination/index.js

@@ -1,8 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Pagination = _interopRequireDefault(require("./Pagination"));
-exports.default = _Pagination.default;
-module.exports = exports.default;

package/ui/Paper/Paper.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
-const Paper = props => {
-  let {
-    children,
-    className,
-    theme,
-    variant = 'elevation',
-    ...divPops
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _clsx.default)('arm-paper', className, {
-        'arm-paper_elevation': variant === 'elevation',
-        'arm-paper_outlined': variant === 'outlined',
-        'arm-paper_dark': theme === 'dark'
-      }),
-      ...divPops,
-      children: children
-    })
-  });
-};
-var _default = exports.default = Paper;
-module.exports = exports.default;

package/ui/Paper/index.js

@@ -1,8 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Paper = _interopRequireDefault(require("./Paper"));
-exports.default = _Paper.default;
-module.exports = exports.default;

package/ui/Popover/Popover.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = exports.Popover = void 0;
-var _BackDrop = _interopRequireDefault(require("../BackDrop"));
-var _PopperBase = require("../Popper/PopperBase");
-var _Paper = _interopRequireDefault(require("../Paper"));
-var _jsxRuntime = require("react/jsx-runtime");
-const Popover = props => {
-  const {
-    onClose,
-    matchWidth = false,
-    children,
-    classes,
-    ...popperProps
-  } = props;
-  if (!props.open || !popperProps.anchorEl) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
-      onClick: onClose,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
-        ...popperProps,
-        anchorEl: popperProps.anchorEl,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paper.default, {
-          className: classes == null ? void 0 : classes.paper,
-          style: matchWidth ? {
-            width: popperProps.anchorEl.clientWidth
-          } : undefined,
-          children: children
-        })
-      })
-    })
-  });
-};
-exports.Popover = Popover;
-var _default = exports.default = Popover;

package/ui/Popover/index.js

@@ -1,8 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Popover = _interopRequireDefault(require("./Popover"));
-exports.default = _Popover.default;
-module.exports = exports.default;

package/ui/Popper/Popper.d.ts

@@ -1,4 +0,0 @@
-import { PopperBaseProps } from './PopperBase';
-export type PopperProps = {} & PopperBaseProps;
-export declare const Popper: (props: PopperBaseProps & import("react").RefAttributes<HTMLDivElement>) => JSX.Element;
-export default Popper;

package/ui/Popper/Popper.js

@@ -1,21 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.Popper = void 0;
-var _reactDom = require("react-dom");
-var _PopperBase = require("./PopperBase");
-var _helpers = require("../../lib/helpers");
-var _jsxRuntime = require("react/jsx-runtime");
-//TODO TESTS
-
-const Popper = exports.Popper = (0, _helpers.fixedForwardRef)((props, ref) => {
-  if (!props.open) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
-      ref: ref,
-      ...props,
-      children: props.children
-    }), document.body)
-  });
-});
-var _default = exports.default = Popper;

package/ui/Popper/PopperBase.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-export type PopperBaseProps = {
-    children: ReactNode;
-    anchorEl: Element;
-    open?: boolean;
-    anchorPosition?: {
-        x: number;
-        y: number;
-    };
-    className?: string;
-    placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
-};
-export declare const PopperBase: (props: PopperBaseProps & import("react").RefAttributes<HTMLDivElement>) => JSX.Element;
-export default PopperBase;

package/ui/Popper/PopperBase.js

@@ -1,60 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = exports.PopperBase = void 0;
-var _react = require("react");
-var _core = require("@popperjs/core");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _helpers = require("../../lib/helpers");
-var _jsxRuntime = require("react/jsx-runtime");
-const PopperBase = exports.PopperBase = (0, _helpers.fixedForwardRef)((props, ref) => {
-  const {
-    anchorEl,
-    children,
-    placement = 'top',
-    className,
-    anchorPosition,
-    open
-  } = props;
-  const tooltipRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, () => tooltipRef.current, []);
-  (0, _react.useEffect)(() => {
-    let modifiers = [{
-      name: 'offset',
-      options: {
-        offset: [0, 5]
-      }
-    }];
-    if (anchorPosition) {
-      modifiers.push({
-        name: 'computeStyles',
-        options: {
-          gpuAcceleration: false,
-          // true by default
-          roundOffsets: () => ({
-            x: anchorPosition.x,
-            y: anchorPosition.y
-          })
-        }
-      });
-    }
-    const popper = (0, _core.createPopper)(anchorEl, tooltipRef.current, {
-      placement: placement,
-      modifiers: modifiers
-    });
-    return () => {
-      popper.destroy();
-      // handlePopperRefRef.current!(null)
-    };
-  }, [open, placement]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ref: tooltipRef,
-      className: (0, _clsx.default)(className, 'arm-popper'),
-      children: children
-    })
-  });
-});
-var _default = exports.default = PopperBase;

package/ui/Popper/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = exports.PopperBase = void 0;
-var _Popper = _interopRequireDefault(require("./Popper"));
-exports.default = _Popper.default;
-var _PopperBase = require("./PopperBase");
-exports.PopperBase = _PopperBase.PopperBase;

package/ui/Skeleton/Skeleton.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
-const Skeleton = props => {
-  const {
-    width = '100%',
-    height,
-    className,
-    circle,
-    ...divProps
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ...divProps,
-    className: (0, _clsx.default)(className, 'arm-skeleton', {
-      'arm-skeleton_circle': !!circle
-    }),
-    style: {
-      width: typeof width === 'number' ? width + 'px' : width,
-      height: typeof height === 'number' ? height + 'px' : height
-    }
-  });
-};
-var _default = exports.default = Skeleton;
-module.exports = exports.default;

package/ui/Skeleton/index.js

@@ -1,8 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Skeleton = _interopRequireDefault(require("./Skeleton"));
-exports.default = _Skeleton.default;
-module.exports = exports.default;

package/ui/Slider/RcSlider.js

@@ -1 +0,0 @@
-"use strict";

package/ui/Slider/Slider.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _rcSlider = _interopRequireDefault(require("rc-slider"));
-require("./style.scss");
-var _HelperText = _interopRequireDefault(require("../HelperText/HelperText"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
-function Slider(props) {
-  const {
-    size = 'large',
-    color = 'primary',
-    ...restProps
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_rcSlider.default, {
-        ...restProps,
-        className: (0, _clsx.default)('_' + size, {
-          ['arm-slider__' + color]: !!color
-        })
-      }), restProps.min !== undefined && restProps.max !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: 'arm-slider__text',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
-            children: restProps.min
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
-            children: restProps.max
-          })
-        })]
-      })]
-    })
-  });
-}
-var _default = exports.default = Slider;
-module.exports = exports.default;

package/ui/Slider/index.js

@@ -1,8 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Slider = _interopRequireDefault(require("./Slider"));
-exports.default = _Slider.default;
-module.exports = exports.default;