linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.34

package/lib/popover/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PopoverText", {
+  enumerable: true,
+  get: function () {
+    return _PopoverText.default;
+  }
+});
+Object.defineProperty(exports, "PopoverTitle", {
+  enumerable: true,
+  get: function () {
+    return _PopoverTitle.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _buttons = _interopRequireDefault(require("../buttons"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _PopoverText = _interopRequireDefault(require("./PopoverText"));
+var _PopoverTitle = _interopRequireDefault(require("./PopoverTitle"));
+var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
+require("../assets/styles/popover.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Popover = _ref => {
+  let {
+    children,
+    align = 'left',
+    theme = 'dark',
+    iconName,
+    iconSize = 16,
+    iconColor = '',
+    customClass = '',
+    style
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    round: true,
+    dropdown: true,
+    transparent: true,
+    tabIndex: -1,
+    boxShadow: false,
+    iconAlign: "center",
+    dropdownAlign: align,
+    showIconDropdown: false,
+    customClass: "popover-component",
+    style: style,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      customClass: "buttonicon",
+      name: iconName || 'information',
+      color: iconColor || 'gray',
+      size: iconSize
+    }),
+    onClick: e => {
+      e.preventDefault();
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${customClass} popovercontainer -${theme}`,
+    "data-testid": "popover-container"
+  }, children));
+};
+var _default = exports.default = (0, _withDropdown.default)(Popover);

package/lib/popover/types.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode, CSSProperties } from 'react';
+import { Position } from '../@types/Position.js';
+import { SizePixels } from '../@types/SizePixels.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
+
+interface PopoverTitleProps {
+    children?: ReactNode;
+}
+interface PopoverTextProps {
+    children?: ReactNode;
+}
+interface IPopoverProps {
+    iconName?: IconNames;
+    iconColor?: string;
+    customClass?: string;
+    children?: ReactNode;
+    theme?: 'light' | 'dark';
+    align?: Extract<Position, 'left' | 'right'>;
+    iconSize?: Extract<SizePixels, 10 | 16 | 24 | 32 | 40 | 64>;
+    style?: CSSProperties;
+}
+
+export { IPopoverProps, PopoverTextProps, PopoverTitleProps };

package/lib/popover/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/progress/Bar.d.ts

@@ -0,0 +1,6 @@
+import { IBarProps } from './types.js';
+import 'react';
+
+declare const ProgressBar: (props: IBarProps) => JSX.Element;
+
+export { ProgressBar as default };

package/lib/progress/Bar.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ROUND_PRECISION = 1000;
+const getPercentage = _ref => {
+  let {
+    max = 100,
+    min = 0,
+    value = 0
+  } = _ref;
+  const percentage = (value - min) / (max - min) * 100;
+  return Math.round(percentage * ROUND_PRECISION) / ROUND_PRECISION;
+};
+const getClass = props => {
+  let style = 'bar';
+  if (props.customClass) style += `${props.customClass}`;
+  if (props.type) style += ` -${props.type}`;
+  if (props.effect) style += ' -effect';
+  if (props.animated) style += ' -animated';
+  if (props.indeterminate) style += ' -indeterminate';
+  return style;
+};
+const getLabel = progress => {
+  let value = progress.label;
+  if (!progress.label) {
+    value = `${getPercentage(progress)}%`;
+  }
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "progressbar-label "
+  }, value);
+};
+const getStyle = props => {
+  const {
+    indeterminate,
+    indeterminateDelay = 1,
+    indeterminateDuration = 1.5,
+    progressWidth = '100%',
+    height = '100%'
+  } = props;
+  if (indeterminate) {
+    return {
+      width: progressWidth,
+      height,
+      animationDuration: `${indeterminateDuration}s`,
+      animationDelay: `${indeterminateDelay}s`
+    };
+  }
+  return {
+    width: `${getPercentage(props)}%`,
+    height
+  };
+};
+const ProgressBar = props => {
+  const {
+    value = 0,
+    min = 0,
+    max = 100,
+    showLabel = true
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    role: "progressbar",
+    className: getClass(props),
+    style: getStyle(props),
+    "aria-valuenow": value,
+    "aria-valuemin": min,
+    "aria-valuemax": max
+  }, showLabel && !props.indeterminate && getLabel(props));
+};
+var _default = exports.default = ProgressBar;

package/lib/progress/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Bar } from './Bar.js';
+import { IProgressBarProps } from './types.js';
+import 'react';
+
+declare const ProgressBar: (props: IProgressBarProps) => JSX.Element;
+
+export { ProgressBar as default };

package/lib/progress/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Bar", {
+  enumerable: true,
+  get: function () {
+    return _Bar.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Bar = _interopRequireDefault(require("./Bar"));
+require("../assets/styles/progress.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const ProgressBar = props => {
+  const {
+    style,
+    children,
+    width = '100%',
+    height = '24px'
+  } = props;
+  const getStyle = _objectSpread(_objectSpread({}, style), {}, {
+    width,
+    height
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "container-progress",
+    style: getStyle
+  }, children || /*#__PURE__*/_react.default.createElement(_Bar.default, props));
+};
+var _default = exports.default = ProgressBar;

package/lib/progress/types.d.ts

@@ -0,0 +1,37 @@
+import { CSSProperties, ReactNode } from 'react';
+
+interface IBarProps {
+    label?: string;
+    min?: number;
+    value?: number;
+    max?: number;
+    progressWidth?: string | number;
+    height?: string | number;
+    showLabel?: boolean;
+    effect?: boolean;
+    type?: string;
+    customClass?: string;
+    animated?: boolean;
+    indeterminate?: boolean;
+    indeterminateDuration?: number;
+    indeterminateDelay?: number;
+}
+interface IProgressBarProps extends IBarProps {
+    width?: string | number;
+    height?: string | number;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+interface IPercentageParams {
+    max?: number;
+    min?: number;
+    value?: number;
+}
+interface ILabelParams {
+    label?: string;
+    max?: number;
+    min?: number;
+    value?: number;
+}
+
+export { IBarProps, ILabelParams, IPercentageParams, IProgressBarProps };

package/lib/progress/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/radio/index.d.ts

@@ -0,0 +1,13 @@
+import { IRadioProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Size.js';
+
+/**
+ * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
+ * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
+ * componente para gerar propriedades customizadas.
+ */
+declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, inputRef, size, customClassForLabel, labelUppercase, hint, hintPosition, themePopover, popoverAlign, permissionAttr, }: IRadioProps) => JSX.Element | null;
+
+export { Radio as default };

package/lib/radio/index.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("../assets/styles/radio.scss");
+var _permissionValidations = require("../permissionValidations");
+var _popover = _interopRequireDefault(require("../popover"));
+var _textContent = _interopRequireDefault(require("../textContent"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
+ * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
+ * componente para gerar propriedades customizadas.
+ */
+
+const Radio = _ref => {
+  let {
+    id,
+    label,
+    value,
+    checked,
+    onChange,
+    name = '',
+    disabled = false,
+    required = false,
+    skeletonize = false,
+    defaultChecked = false,
+    inputRef,
+    size = 'medium',
+    customClassForLabel,
+    labelUppercase,
+    hint,
+    hintPosition = 'onLabelRight',
+    themePopover = 'light',
+    popoverAlign = 'left',
+    permissionAttr
+  } = _ref;
+  const [isChecked, setIsChecked] = (0, _react.useState)(checked);
+  const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
+  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
+  (0, _react.useEffect)(() => {
+    if (checked !== isChecked) setIsChecked(checked);
+  }, [checked]);
+  const shouldDisable = () => disabled || !!onDenied.disabled || skeletonize;
+  const getCustomProps = () => {
+    let customProps = {};
+    const checkProps = defaultChecked && !checked ? {
+      defaultChecked
+    } : {
+      checked: isChecked
+    };
+    customProps = _objectSpread({}, checkProps);
+    if (onChange && !shouldDisable()) {
+      customProps = _objectSpread(_objectSpread({}, customProps), {}, {
+        onChange: e => onChange(e),
+        onKeyDown: null,
+        role: 'button',
+        tabIndex: '0'
+      });
+    }
+    return customProps;
+  };
+  if (onDenied.unvisible) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "radio-input",
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `radio-button ${disabled ? 'disabled' : ''} ${skeletonize ? '-skeletonized' : ''}`
+  }, /*#__PURE__*/_react.default.createElement("input", _extends({}, getCustomProps(), {
+    ref: inputRef,
+    className: "radio-component",
+    type: "radio",
+    value: value,
+    id: id,
+    name: name,
+    required: required,
+    disabled: shouldDisable()
+  })), /*#__PURE__*/_react.default.createElement("label", {
+    className: `description ${size && `-${size}`}`,
+    htmlFor: id
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_textContent.default, {
+    required: required,
+    disabled: shouldDisable(),
+    className: customClassForLabel,
+    labelUppercase: labelUppercase
+  }), label, /*#__PURE__*/_react.default.createElement(_textContent.default, null)))), !!hint && hintPosition === 'onLabelRight' && /*#__PURE__*/_react.default.createElement(_popover.default, {
+    theme: themePopover,
+    align: popoverAlign,
+    customClass: "-hint",
+    iconColor: "#03bde2",
+    iconSize: 16,
+    style: {
+      margin: '0px 5px',
+      height: 'auto',
+      width: 20
+    }
+  }, hint));
+};
+var _default = exports.default = Radio;

package/lib/radio/types.d.ts

@@ -0,0 +1,28 @@
+import { ChangeEvent, Ref, RefObject } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { Size } from '../@types/Size.js';
+
+interface IRadioProps {
+    label?: string;
+    disabled?: boolean;
+    defaultChecked?: boolean;
+    value?: string;
+    name?: string;
+    id?: string;
+    required?: boolean;
+    size?: Extract<Size, 'small' | 'medium' | 'large'>;
+    onChange?: (value: ChangeEvent<HTMLInputElement>) => void;
+    checked?: boolean;
+    permissionAttr?: PermissionAttr | PermissionAttr;
+    skeletonize?: boolean;
+    forwardedRef?: Ref<HTMLInputElement>;
+    inputRef?: RefObject<HTMLInputElement>;
+    customClassForLabel?: string;
+    labelUppercase?: boolean;
+    hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+
+export { IRadioProps };

package/lib/radio/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/shortcuts/index.d.ts

@@ -0,0 +1,7 @@
+import { IShortcutsProps } from './types.js';
+import 'react';
+import '../@types/ColorStyles.js';
+
+declare const Shortcuts: ({ type, style, styleShortcut, shortcut, description }: IShortcutsProps) => JSX.Element;
+
+export { Shortcuts as default };

package/lib/shortcuts/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("../assets/styles/shortcuts.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Shortcuts = _ref => {
+  let {
+    type,
+    style,
+    styleShortcut,
+    shortcut,
+    description
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("p", {
+    "data-testid": "description",
+    className: "shortcut-description",
+    style: style
+  }, /*#__PURE__*/_react.default.createElement("kbd", {
+    "data-testid": "shortcut",
+    className: `shortcut-component ${type && `-${type}`}`,
+    style: styleShortcut
+  }, shortcut), ":\xA0", description);
+};
+var _default = exports.default = Shortcuts;

package/lib/shortcuts/types.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { ColorStyles } from '../@types/ColorStyles.js';
+
+interface IShortcutsProps {
+    type?: ColorStyles;
+    style?: CSSProperties;
+    styleShortcut?: CSSProperties;
+    shortcut: string;
+    description: string;
+}
+
+export { IShortcutsProps };

package/lib/shortcuts/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/skeleton/SkeletonContainer.d.ts

@@ -0,0 +1,7 @@
+import { ISkeletonContainerProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+
+declare const SkeletonContainer: ({ children, row, customClass, style }: ISkeletonContainerProps) => JSX.Element;
+
+export { SkeletonContainer as default };

package/lib/skeleton/SkeletonContainer.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SkeletonContainer = _ref => {
+  let {
+    children,
+    row,
+    customClass,
+    style
+  } = _ref;
+  const getClass = () => `skeletoncontainer-component ${customClass}
+    ${row && '-row'}`;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: getClass(),
+    style: style
+  }, children);
+};
+var _default = exports.default = SkeletonContainer;

package/lib/skeleton/index.d.ts

@@ -0,0 +1,8 @@
+export { default as SkeletonContainer } from './SkeletonContainer.js';
+import { ISkeletonProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+
+declare const Skeleton: (props: ISkeletonProps) => JSX.Element;
+
+export { Skeleton as default };

package/lib/skeleton/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SkeletonContainer", {
+  enumerable: true,
+  get: function () {
+    return _SkeletonContainer.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _gridlayout = _interopRequireDefault(require("../gridlayout"));
+var _SkeletonContainer = _interopRequireDefault(require("./SkeletonContainer"));
+require("../assets/styles/skeleton.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const Skeleton = props => {
+  const {
+    customClass = '',
+    style,
+    width,
+    height,
+    round,
+    color = 'default',
+    size = 'medium',
+    gridLayout
+  } = props;
+  const customStyles = {
+    width,
+    height
+  };
+  const getClass = () => `skeleton-component ${customClass}
+    ${color && `-${color}`}
+    ${round && '-round'}
+    ${round && size && `-${size}`}`;
+  const renderContent = () => /*#__PURE__*/_react.default.createElement("div", {
+    className: getClass(),
+    style: _objectSpread(_objectSpread({}, customStyles), style)
+  });
+  if (gridLayout !== undefined) {
+    return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+      customClass: "-withskeleton",
+      cols: gridLayout
+    }, renderContent());
+  }
+  return renderContent();
+};
+var _default = exports.default = Skeleton;

package/lib/skeleton/types.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties, ReactNode } from 'react';
+import { Size } from '../@types/Size.js';
+
+interface ISkeletonProps {
+    width?: string | number;
+    height?: string | number;
+    round?: boolean;
+    size?: Exclude<Size, 'default'>;
+    color?: 'default' | 'white';
+    gridLayout?: string;
+    customClass?: string;
+    style?: CSSProperties;
+}
+interface ISkeletonContainerProps {
+    children: ReactNode;
+    row?: boolean;
+    customClass?: string;
+    style?: CSSProperties;
+}
+
+export { ISkeletonContainerProps, ISkeletonProps };

package/lib/skeleton/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/spinner/SpinnerLoading.d.ts

@@ -0,0 +1,7 @@
+import { ISpinnerLoadingProps } from './types.js';
+import 'react';
+import '../@types/Align.js';
+
+declare const SpinnerLoading: ({ color, size }: ISpinnerLoadingProps) => JSX.Element;
+
+export { SpinnerLoading as default };