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

package/lib/inputs2/colorfield/index.js

@@ -1,119 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Input = void 0;
-Object.defineProperty(exports, "LeftSlot", {
-  enumerable: true,
-  get: function () {
-    return _slot.LeftSlot;
-  }
-});
-Object.defineProperty(exports, "RightSlot", {
-  enumerable: true,
-  get: function () {
-    return _slot.RightSlot;
-  }
-});
-require("../../assets/styles/colorpicker.scss");
-var _react = _interopRequireDefault(require("react"));
-var _slot = require("../slot");
-var TextField = _interopRequireWildcard(require("../textfield"));
-var _buttons = _interopRequireDefault(require("../../../lib/buttons"));
-var _permissionValidations = require("../../../lib/permissionValidations");
-const _excluded = ["name", "isTypeText", "defaultValue", "onChange", "permissionAttr", "onDeniedActions"];
-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 _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 options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
-const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-      name,
-      isTypeText = true,
-      defaultValue = '',
-      onChange,
-      permissionAttr = undefined,
-      onDeniedActions = undefined
-    } = props,
-    restProps = _objectWithoutProperties(props, _excluded);
-  const inputRefText = _react.default.useRef(null);
-  const inputRefColor = _react.default.useRef(null);
-  const mirrorRef = _react.default.useRef(null);
-  const onDenied = _react.default.useMemo(() => {
-    return onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
-  }, [onDeniedActions, permissionAttr]);
-  const {
-    hideContent,
-    unvisible
-  } = onDenied;
-  const syncColorValues = _react.default.useCallback(value => {
-    if (mirrorRef.current) {
-      mirrorRef.current.style.backgroundColor = value;
-    }
-    if (inputRefText.current && inputRefText.current.value !== value) {
-      inputRefText.current.value = value;
-    }
-    if (inputRefColor.current && inputRefColor.current.value !== value) {
-      inputRefColor.current.value = value;
-    }
-  }, []);
-  const handleTextInputChange = e => {
-    const newValue = e.target.value;
-    syncColorValues(newValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(e);
-  };
-  const handleColorInputChange = e => {
-    const newValue = e.target.value;
-    syncColorValues(newValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(e);
-  };
-  const onPaletteButtonClick = () => {
-    var _inputRefColor$curren;
-    (_inputRefColor$curren = inputRefColor.current) === null || _inputRefColor$curren === void 0 ? void 0 : _inputRefColor$curren.click();
-  };
-  _react.default.useLayoutEffect(() => {
-    syncColorValues(String(defaultValue));
-  }, [defaultValue, syncColorValues]);
-  if (unvisible || hideContent) return null;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(TextField.Input, _extends({}, restProps, {
-    ref: ref,
-    name: name,
-    type: isTypeText ? 'text' : 'color',
-    defaultValue: String(defaultValue),
-    style: {
-      borderLeft: '1px solid #eeee'
-    },
-    onChange: handleTextInputChange
-  }), isTypeText && /*#__PURE__*/_react.default.createElement(_slot.LeftSlot, null, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      backgroundColor: String(defaultValue)
-    },
-    ref: mirrorRef,
-    className: "colorpicker-colormirror"
-  })), isTypeText && /*#__PURE__*/_react.default.createElement(_slot.RightSlot, null, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    className: "colorpicker-palettebutton",
-    onClick: onPaletteButtonClick,
-    onKeyDown: e => {
-      if (e.code === 'Space' || e.key === ' ') {
-        e.preventDefault();
-        onPaletteButtonClick();
-      }
-    },
-    iconName: "pallete"
-  }))), isTypeText && /*#__PURE__*/_react.default.createElement("input", {
-    ref: inputRefColor,
-    type: "color",
-    style: {
-      position: 'absolute',
-      opacity: 0,
-      pointerEvents: 'none'
-    },
-    defaultValue: String(defaultValue),
-    onChange: handleColorInputChange,
-    tabIndex: -1
-  }));
-});
-Input.displayName = 'ColorFieldInput';

package/lib/inputs2/date/base/constants.d.ts

@@ -1,7 +0,0 @@
-import React__default from 'react';
-
-declare const useCalendarPosition: (calendarBoxOpen: boolean, containerRef: React__default.RefObject<HTMLDivElement | null>) => {
-    calendarBoxStyles: React__default.CSSProperties;
-};
-
-export { useCalendarPosition };

package/lib/inputs2/date/base/constants.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCalendarPosition = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const useCalendarPosition = (calendarBoxOpen, containerRef) => {
-  const [calendarBoxStyles, setCalendarBoxStyles] = _react.default.useState({});
-  _react.default.useEffect(() => {
-    const updatePosition = () => {
-      var _containerRef$current;
-      const selectPositionOnScreen = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect();
-      if (selectPositionOnScreen) {
-        const {
-          top,
-          left,
-          width,
-          height
-        } = selectPositionOnScreen;
-        setCalendarBoxStyles({
-          top: top + height + window.scrollY,
-          left: left + window.scrollX,
-          width: width,
-          position: 'absolute'
-        });
-      }
-    };
-    if (calendarBoxOpen) {
-      updatePosition();
-      window.addEventListener('resize', updatePosition);
-      window.addEventListener('scroll', updatePosition, true);
-    }
-    return () => {
-      window.removeEventListener('resize', updatePosition);
-      window.removeEventListener('scroll', updatePosition, true);
-    };
-  }, [calendarBoxOpen, containerRef]);
-  return {
-    calendarBoxStyles
-  };
-};
-exports.useCalendarPosition = useCalendarPosition;

package/lib/inputs2/date/base/index.d.ts

@@ -1,12 +0,0 @@
-import React__default from 'react';
-import { BaseDateInputRootProps, BaseDateInputLabelProps, BaseDateInputContainerProps, BaseDateInputProps, BaseDateInputTriggersProps } from '../types.js';
-import '../../../@types/ColorStyles.js';
-import '../../../@types/Position.js';
-
-declare const Root: React__default.ForwardRefExoticComponent<BaseDateInputRootProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const Label: React__default.ForwardRefExoticComponent<BaseDateInputLabelProps & React__default.RefAttributes<HTMLSpanElement>>;
-declare const Container: React__default.ForwardRefExoticComponent<BaseDateInputContainerProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const Input: React__default.ForwardRefExoticComponent<BaseDateInputProps & React__default.RefAttributes<HTMLInputElement>>;
-declare const Triggers: React__default.ForwardRefExoticComponent<BaseDateInputTriggersProps & React__default.RefAttributes<HTMLDivElement>>;
-
-export { Container, Input, Label, Root, Triggers };

package/lib/inputs2/date/base/index.js

@@ -1,177 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Triggers = exports.Root = exports.Label = exports.Input = exports.Container = void 0;
-require("../../../assets/styles/datepicker2.scss");
-var _react = _interopRequireDefault(require("react"));
-var _icons = _interopRequireDefault(require("../../../icons"));
-var _popover = _interopRequireWildcard(require("../../../popover"));
-const _excluded = ["children", "customClassWrapper", "hasValidationErrors"],
-  _excluded2 = ["hint", "label", "inputId", "isDisabled", "isReadOnly", "required", "hasHintMessages", "labelUppercase", "skeletonize", "hintPosition", "themePopover", "popoverAlign", "customClassLabel"],
-  _excluded3 = ["children", "skeletonize", "customClassInputContainer"],
-  _excluded4 = ["customClass"],
-  _excluded5 = ["children", "isReadOnly", "isDisabled", "skeletonize", "inputFieldId", "calendarBoxOpen", "showCalendarButton", "showClearButton", "onClearSelectedDate", "onClickTriggerCalendar", "hasValidDateSelection", "hasValidPeriodSelected", "clearButtonTestId", "calendarButtonTestId"];
-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 _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 Root = exports.Root = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-      children,
-      customClassWrapper = '',
-      hasValidationErrors = false
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, rest, {
-    ref: ref,
-    "data-state-error": hasValidationErrors,
-    className: "date-field-root ".concat(customClassWrapper)
-  }), children);
-});
-Root.displayName = 'BaseDateRoot';
-const Label = exports.Label = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-      hint,
-      label,
-      inputId,
-      isDisabled = false,
-      isReadOnly = false,
-      required = false,
-      hasHintMessages = false,
-      labelUppercase = false,
-      skeletonize = false,
-      hintPosition = 'below',
-      themePopover = 'light',
-      popoverAlign = 'left',
-      customClassLabel = ''
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded2);
-  return /*#__PURE__*/_react.default.createElement("span", _extends({}, rest, {
-    ref: ref,
-    className: "root-label ".concat(customClassLabel),
-    "data-state-skeletonize": skeletonize
-  }), /*#__PURE__*/_react.default.createElement("label", {
-    className: "label",
-    title: label,
-    htmlFor: inputId,
-    "aria-disabled": isDisabled,
-    "data-state-disabled": isDisabled,
-    "data-state-read-only": isReadOnly,
-    "data-state-input-required": required,
-    "data-state-label-uppercase": labelUppercase
-  }, label), hasHintMessages && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
-    customClass: "label-popover",
-    theme: themePopover,
-    align: popoverAlign,
-    iconColor: "#03bde2"
-  }, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, {
-    text: hint
-  })));
-});
-Label.displayName = 'BaseDateLabel';
-const Container = exports.Container = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-      children,
-      skeletonize = false,
-      customClassInputContainer = ''
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded3);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, rest, {
-    ref: ref,
-    "data-state-skeletonize": skeletonize,
-    className: "container ".concat(customClassInputContainer)
-  }), children);
-});
-Container.displayName = 'BaseDateContainer';
-const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-      customClass = ''
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded4);
-  return /*#__PURE__*/_react.default.createElement("input", _extends({}, rest, {
-    ref: ref,
-    multiple: false,
-    type: "text",
-    role: "combobox",
-    "aria-haspopup": "true",
-    className: "input ".concat(customClass),
-    "aria-autocomplete": "list"
-  }));
-});
-Input.displayName = 'BaseDateInput';
-const Triggers = exports.Triggers = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-      children,
-      isReadOnly,
-      isDisabled,
-      skeletonize,
-      inputFieldId,
-      calendarBoxOpen,
-      showCalendarButton,
-      showClearButton,
-      onClearSelectedDate,
-      onClickTriggerCalendar,
-      hasValidDateSelection = false,
-      hasValidPeriodSelected = false,
-      clearButtonTestId = 'test-date-trigger-clear',
-      calendarButtonTestId = 'test-date-trigger-open-calendar'
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded5);
-  const ariaLabel = !calendarBoxOpen ? 'Abrir Calendário' : 'Fechar Calendário';
-  const shouldHavePermitClickOnTrigger = !isReadOnly && !isDisabled;
-  const handleOnClickClear = event => {
-    if (!shouldHavePermitClickOnTrigger) {
-      event.preventDefault();
-    } else {
-      onClearSelectedDate();
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, rest, {
-    ref: ref,
-    className: "triggers",
-    "data-state-disabled": isDisabled,
-    "data-state-read-only": isReadOnly,
-    "data-state-skeletonize": skeletonize
-  }), /*#__PURE__*/_react.default.createElement("button", {
-    "data-testid": clearButtonTestId,
-    className: "clear-selected-date",
-    type: "button",
-    title: "Limpar Data Selecionada",
-    tabIndex: -1,
-    disabled: isDisabled,
-    "aria-readonly": isReadOnly,
-    "aria-label": "Limpar Data Selecionada",
-    "aria-controls": inputFieldId,
-    "data-state-read-only": isReadOnly,
-    "data-state-visible": showClearButton,
-    "data-state-valid-date-selected": hasValidDateSelection || hasValidPeriodSelected,
-    onClick: handleOnClickClear,
-    onMouseDown: event => {
-      event.preventDefault();
-    }
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: "cancel"
-  })), /*#__PURE__*/_react.default.createElement("button", {
-    "data-testid": calendarButtonTestId,
-    className: "open-calendar",
-    type: "button",
-    title: ariaLabel,
-    tabIndex: -1,
-    disabled: isDisabled,
-    "aria-readonly": isReadOnly,
-    "aria-label": ariaLabel,
-    "aria-controls": inputFieldId,
-    "data-state-visible": showCalendarButton,
-    "data-state-read-only": isReadOnly,
-    onClick: onClickTriggerCalendar,
-    onMouseDown: event => {
-      event.preventDefault();
-    }
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: "calendar"
-  })), children);
-});
-Triggers.displayName = 'BaseDateTriggers';

package/lib/inputs2/date/datefield/base.d.ts

@@ -1,13 +0,0 @@
-import React__default from 'react';
-import { DateFieldInputBaseProps } from './types.js';
-import 'moment';
-import '../../../@types/Align.js';
-import '../../../@types/ColorStyles.js';
-import '../../../tooltip/types.js';
-import '../../../@types/Position.js';
-import '../../../@types/PermissionAttr.js';
-import '../types.js';
-
-declare const InputBase: React__default.ForwardRefExoticComponent<DateFieldInputBaseProps & React__default.RefAttributes<HTMLInputElement>>;
-
-export { InputBase };