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

package/lib/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/radio/index.tsx"],"sourcesContent":["import { useState, useEffect, ChangeEvent } from 'react';\nimport '../assets/styles/radio.scss';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\n\nimport { IRadioProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport Popover from '../popover';\nimport TextContent from '../textContent';\n\n/**\n * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado\n * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do\n * componente para gerar propriedades customizadas.\n */\n\nconst Radio = ({\n  id,\n  label,\n  value,\n  checked,\n  onChange,\n  name = '',\n  disabled = false,\n  required = false,\n  skeletonize = false,\n  defaultChecked = false,\n  inputRef,\n  size = 'medium',\n  customClassForLabel, \n  labelUppercase, \n  hint,\n  hintPosition = 'onLabelRight',\n  themePopover = 'light',\n  popoverAlign = 'left',\n  permissionAttr, \n}: IRadioProps) => {\n  const [isChecked, setIsChecked] = useState(checked);\n  const options = [OPTIONS_ON_DENIED.disabled, OPTIONS_ON_DENIED.unvisible];\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(options, permissionAttr));\n\n  useEffect(() => {\n    if (checked !== isChecked) setIsChecked(checked);\n  }, [checked]);\n\n  const shouldDisable = () => disabled || !!onDenied.disabled || skeletonize;\n\n  const getCustomProps = () => {\n    let customProps = {};\n    const checkProps = defaultChecked && !checked ? { defaultChecked } : { checked: isChecked };\n    customProps = {\n      ...checkProps,\n    };\n\n    if (onChange && !shouldDisable()) {\n      customProps = {\n        ...customProps,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => onChange(e),\n        onKeyDown: null,\n        role: 'button',\n        tabIndex: '0',\n      };\n    }\n    return customProps;\n  };\n\n  if (onDenied.unvisible) return null;\n\n  return (\n    <div className='radio-input' style={{ display: 'flex', alignItems: 'center' }}>\n      <div\n        className={`radio-button ${disabled ? 'disabled' : ''} ${skeletonize ? '-skeletonized' : ''}`}>\n        <input\n          {...getCustomProps()}\n          ref={inputRef}\n          className=\"radio-component\"\n          type=\"radio\"\n          value={value}\n          id={id}\n          name={name}\n          required={required}\n          disabled={shouldDisable()} />\n        <label className={`description ${size && `-${size}`}`} htmlFor={id}>\n          <span>\n            <TextContent \n              required={required}\n              disabled={shouldDisable()}\n              className={customClassForLabel}\n              labelUppercase={labelUppercase} />\n            {label}\n            <TextContent />\n          </span>\n        </label>\n      </div>\n      {!!hint && hintPosition === 'onLabelRight' && (\n        <Popover \n          theme={themePopover}\n          align={popoverAlign}\n          customClass=\"-hint\"\n          iconColor=\"#03bde2\" \n          iconSize={16}\n          style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n          {hint}\n        </Popover>\n      )}\n    </div>\n  );\n};\n\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"mappings":"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"}

package/lib/radio/types.d.ts

@@ -1,8 +1,7 @@
 import { ChangeEvent, Ref, RefObject } from 'react';
-import { PermissionAttr } from '../@types/PermissionAttr.js';
-import { Size } from '../@types/Size.js';
-
-interface IRadioProps {
+import { PermissionAttr } from '../@types/PermissionAttr';
+import { Size } from '../@types/Size';
+export interface IRadioProps {
     label?: string;
     disabled?: boolean;
     defaultChecked?: boolean;
@@ -24,5 +23,3 @@ interface IRadioProps {
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
 }
-
-export { IRadioProps };

package/lib/shortcuts/index.d.ts

@@ -1,7 +1,3 @@
-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 };
+import { IShortcutsProps } from './types';
+declare const Shortcuts: ({ type, style, styleShortcut, shortcut, description }: IShortcutsProps) => import("react/jsx-runtime").JSX.Element;
+export default Shortcuts;

package/lib/shortcuts/index.js

@@ -1,28 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import '../assets/styles/shortcuts.css';/* empty css                         */
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/lib/shortcuts/index.tsx
+var n = ({ type: n, style: r, styleShortcut: i, shortcut: a, description: o }) => /* @__PURE__ */ t("p", {
+	"data-testid": "description",
+	className: "shortcut-description",
+	style: r,
+	children: [
+		/* @__PURE__ */ e("kbd", {
+			"data-testid": "shortcut",
+			className: `shortcut-component ${n && `-${n}`}`,
+			style: i,
+			children: a
+		}),
+		":\xA0",
+		o
+	]
 });
-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;
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=index.js.map

package/lib/shortcuts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/shortcuts/index.tsx"],"sourcesContent":["import { IShortcutsProps } from './types';\nimport '../assets/styles/shortcuts.scss';\n\nconst Shortcuts = ({ type, style, styleShortcut, shortcut, description }: IShortcutsProps) => (\n  <p data-testid=\"description\" className=\"shortcut-description\" style={style}>\n    <kbd data-testid=\"shortcut\" className={`shortcut-component ${type && `-${type}`}`} style={styleShortcut}>\n      {shortcut}\n    </kbd>\n    &#58;&nbsp;\n    {description}\n  </p>\n);\n\nexport default Shortcuts;\n"],"mappings":";;;AAGA,IAAM,KAAa,EAAE,SAAM,UAAO,kBAAe,aAAU,qBACzD,kBAAC,KAAD;CAAG,eAAY;CAAc,WAAU;CAA8B;WAArE;EACE,kBAAC,OAAD;GAAK,eAAY;GAAW,WAAW,sBAAsB,KAAQ,IAAI;GAAU,OAAO;aACvF;GACG,CAAA;;EAEL;EAAA"}

package/lib/shortcuts/types.d.ts

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

package/lib/skeleton/SkeletonContainer.d.ts

@@ -1,7 +1,3 @@
-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 };
+import { ISkeletonContainerProps } from './types';
+declare const SkeletonContainer: ({ children, row, customClass, style }: ISkeletonContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default SkeletonContainer;

package/lib/skeleton/SkeletonContainer.js

@@ -1,22 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import { jsx as e } from "react/jsx-runtime";
+//#region src/lib/skeleton/SkeletonContainer.tsx
+var t = ({ children: t, row: n, customClass: r, style: i }) => /* @__PURE__ */ e("div", {
+	className: `skeletoncontainer-component ${r}
+    ${n && "-row"}`,
+	style: i,
+	children: t
 });
-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;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=SkeletonContainer.js.map

package/lib/skeleton/SkeletonContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonContainer.js","names":[],"sources":["../../src/lib/skeleton/SkeletonContainer.tsx"],"sourcesContent":["import { ISkeletonContainerProps } from './types';\n\nconst SkeletonContainer = ({ children, row, customClass, style }: ISkeletonContainerProps) => {\n  const getClass = () => (\n    `skeletoncontainer-component ${customClass}\n    ${row && '-row'}`\n  );\n\n  return (\n    <div className={getClass()} style={style}>\n      {children}\n    </div>\n  );\n};\n\nexport default SkeletonContainer;\n"],"mappings":";;AAEA,IAAM,KAAqB,EAAE,aAAU,QAAK,gBAAa,eAOrD,kBAAC,OAAD;CAAK,WALL,+BAA+B,EAAA;MAC7B,KAAO;CAI0B;CAChC;CACG,CAAA"}

package/lib/skeleton/index.d.ts

@@ -1,8 +1,5 @@
-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 };
+import { default as SkeletonContainer } from './SkeletonContainer';
+import { ISkeletonProps } from './types';
+declare const Skeleton: (props: ISkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default Skeleton;
+export { SkeletonContainer };

package/lib/skeleton/index.js

@@ -1,51 +1,29 @@
-"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();
+import e from "../gridlayout/index.js";
+import t from "./SkeletonContainer.js";
+import '../assets/styles/skeleton.css';/* empty css                        */
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/skeleton/index.tsx
+var r = (t) => {
+	let { customClass: r = "", style: i, width: a, height: o, round: s, color: c = "default", size: l = "medium", gridLayout: u } = t, d = {
+		width: a,
+		height: o
+	}, f = () => `skeleton-component ${r}
+    ${c && `-${c}`}
+    ${s && "-round"}
+    ${s && l && `-${l}`}`, p = () => /* @__PURE__ */ n("div", {
+		className: f(),
+		style: {
+			...d,
+			...i
+		}
+	});
+	return u === void 0 ? p() : /* @__PURE__ */ n(e, {
+		customClass: "-withskeleton",
+		cols: u,
+		children: p()
+	});
 };
-var _default = exports.default = Skeleton;
+//#endregion
+export { t as SkeletonContainer, r as default };
+
+//# sourceMappingURL=index.js.map

package/lib/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/skeleton/index.tsx"],"sourcesContent":["import Grid from '../gridlayout';\nimport SkeletonContainer from './SkeletonContainer';\nimport '../assets/styles/skeleton.scss';\nimport { ISkeletonProps } from './types';\n\nconst Skeleton = (props: ISkeletonProps) => {\n  const {\n    customClass = '', style, width, height, round, color = 'default', size = 'medium', gridLayout,\n  } = props;\n  const customStyles = { width, height };\n\n  const getClass = () => (\n    `skeleton-component ${customClass}\n    ${color && `-${color}`}\n    ${round && '-round'}\n    ${round && size && `-${size}`}`\n  );\n\n  const renderContent = () => (\n    <div className={getClass()} style={{ ...customStyles, ...style }} />\n  );\n\n  if (gridLayout !== undefined) {\n    return (\n      <Grid customClass=\"-withskeleton\" cols={gridLayout}>\n        {renderContent()}\n      </Grid>\n    );\n  }\n\n  return renderContent();\n};\n\nexport default Skeleton;\nexport { SkeletonContainer };\n"],"mappings":";;;;;AAKA,IAAM,KAAY,MAA0B;CAC1C,IAAM,EACJ,iBAAc,IAAI,UAAO,UAAO,WAAQ,UAAO,WAAQ,WAAW,UAAO,UAAU,kBACjF,GACE,IAAe;EAAE;EAAO;EAAQ,EAEhC,UACJ,sBAAsB,EAAA;MACpB,KAAS,IAAI,IAAA;MACb,KAAS,SAAA;MACT,KAAS,KAAQ,IAAI,OAGnB,UACJ,kBAAC,OAAD;EAAK,WAAW,GAAU;EAAE,OAAO;GAAE,GAAG;GAAc,GAAG;;EAAW,CAAA;AAWtE,QARI,MAAe,KAAA,IAQZ,GAAe,GANlB,kBAAC,GAAD;EAAM,aAAY;EAAgB,MAAM;YACrC,GAAA;EACI,CAAA"}

package/lib/skeleton/types.d.ts

@@ -1,7 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { Size } from '../@types/Size.js';
-
-interface ISkeletonProps {
+import { Size } from '../@types/Size';
+export interface ISkeletonProps {
     width?: string | number;
     height?: string | number;
     round?: boolean;
@@ -11,11 +10,9 @@ interface ISkeletonProps {
     customClass?: string;
     style?: CSSProperties;
 }
-interface ISkeletonContainerProps {
+export interface ISkeletonContainerProps {
     children: ReactNode;
     row?: boolean;
     customClass?: string;
     style?: CSSProperties;
 }
-
-export { ISkeletonContainerProps, ISkeletonProps };

package/lib/spinner/SpinnerLoading.d.ts

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