linear-react-components-ui 1.1.27-rc.1 → 2.0.0-beta.1

package/lib/popover/PopoverTitle.js

@@ -1,17 +0,0 @@
-"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 PopoverTitle = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("h1", {
-    className: "title"
-  }, children);
-};
-var _default = exports.default = PopoverTitle;

package/lib/popover/index.d.ts

@@ -1,13 +0,0 @@
-export { default as PopoverText } from './PopoverText.js';
-export { default as PopoverTitle } from './PopoverTitle.js';
-import { IPopoverProps } from './types.js';
-import 'react';
-import '../@types/Position.js';
-import '../@types/SizePixels.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-import '../@types/PermissionAttr.js';
-
-declare const Popover: ({ children, align, theme, iconName, iconSize, iconColor, customClass, style, customStyle, ...rest }: IPopoverProps) => JSX.Element;
-
-export { Popover as default };

package/lib/popover/index.js

@@ -1,70 +0,0 @@
-"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"));
-require("../assets/styles/popover.scss");
-const _excluded = ["children", "align", "theme", "iconName", "iconSize", "iconColor", "customClass", "style", "customStyle"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const Popover = _ref => {
-  let {
-      children,
-      align = 'left',
-      theme = 'dark',
-      iconName,
-      iconSize = 16,
-      iconColor = '',
-      customClass = '',
-      style,
-      customStyle
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_buttons.default, _extends({
-    round: true,
-    type: "button",
-    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();
-    }
-  }, rest), /*#__PURE__*/_react.default.createElement("div", {
-    className: "popovercontainer -".concat(theme, " ").concat(customClass),
-    "data-testid": "popover-container",
-    style: customStyle
-  }, children));
-};
-var _default = exports.default = Popover;

package/lib/popover/types.d.ts

@@ -1,36 +0,0 @@
-import { ReactNode, CSSProperties } from 'react';
-import { Position } from '../@types/Position.js';
-import { SizePixels } from '../@types/SizePixels.js';
-import { IconNames } from '../@types/Icon.js';
-import { PermissionAttr } from '../@types/PermissionAttr.js';
-import '../icons/helper.js';
-
-interface PopoverTitleProps {
-    children?: ReactNode;
-}
-interface PopoverTextProps {
-    children?: ReactNode;
-    text?: string;
-}
-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>;
-    disabled?: boolean;
-    customStyle?: CSSProperties;
-    isLoading?: boolean;
-    visible?: boolean;
-    skeletonize?: boolean;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    tooltipWidth?: string | number;
-    tooltip?: string;
-    handlerClose?: (cb: () => void) => void;
-    permissionAttr?: PermissionAttr | PermissionAttr[];
-    style?: CSSProperties;
-}
-
-export { IPopoverProps, PopoverTextProps, PopoverTitleProps };

package/lib/popover/types.js

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

package/lib/progress/Bar.d.ts

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

package/lib/progress/Bar.js

@@ -1,74 +0,0 @@
-"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 += "".concat(props.customClass);
-  if (props.type) style += " -".concat(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 = "".concat(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: "".concat(indeterminateDuration, "s"),
-      animationDelay: "".concat(indeterminateDelay, "s")
-    };
-  }
-  return {
-    width: "".concat(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

@@ -1,7 +0,0 @@
-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

@@ -1,38 +0,0 @@
-"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

@@ -1,37 +0,0 @@
-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

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

package/lib/radio/index.d.ts

@@ -1,16 +0,0 @@
-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;
-    displayName: string;
-};
-
-export { Radio as default };

package/lib/radio/index.js

@@ -1,114 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("../assets/styles/radio.scss");
-var _react = _interopRequireWildcard(require("react"));
-var _popover = _interopRequireDefault(require("../popover"));
-var _textContent = _interopRequireDefault(require("../textContent"));
-var _permissionValidations = require("../permissionValidations");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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 hasLabel = !!label;
-  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,
-        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 ".concat(disabled ? 'disabled' : '', " ").concat(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(),
-    "data-state-size": size
-  })), hasLabel && /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: id,
-    className: "description ".concat(size && "-".concat(size))
-  }, /*#__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));
-};
-Radio.displayName = 'Radio';
-var _default = exports.default = Radio;

package/lib/radio/types.d.ts

@@ -1,28 +0,0 @@
-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

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

package/lib/shortcuts/index.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1,28 +0,0 @@
-"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 ".concat(type && "-".concat(type)),
-    style: styleShortcut
-  }, shortcut), ":\xA0", description);
-};
-var _default = exports.default = Shortcuts;

package/lib/shortcuts/types.d.ts

@@ -1,12 +0,0 @@
-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

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

package/lib/skeleton/SkeletonContainer.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1,22 +0,0 @@
-"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 ".concat(customClass, "\n    ").concat(row && '-row');
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: getClass(),
-    style: style
-  }, children);
-};
-var _default = exports.default = SkeletonContainer;

package/lib/skeleton/index.d.ts

@@ -1,8 +0,0 @@
-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

@@ -1,51 +0,0 @@
-"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 ".concat(customClass, "\n    ").concat(color && "-".concat(color), "\n    ").concat(round && '-round', "\n    ").concat(round && size && "-".concat(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

@@ -1,21 +0,0 @@
-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 };