linear-react-components-ui 1.1.24-beta.4 → 1.1.25-rc.1

package/lib/inputs2/radiofield/index.d.ts

@@ -1,9 +0,0 @@
-import 'react';
-export { RadioFieldInputProps } from './types.js';
-export { I as Input } from '../../index-7ad68789.js';
-import '../../@types/Size.js';
-import '../../@types/Align.js';
-import '../../@types/ColorStyles.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-import '../../@types/PermissionAttr.js';

package/lib/inputs2/radiofield/index.js

@@ -1,143 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Input = void 0;
-require("../../assets/styles/radiofield.scss");
-var _react = _interopRequireDefault(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _uuid = require("uuid");
-var _hint = _interopRequireDefault(require("../../hint"));
-var _popover = _interopRequireDefault(require("../../popover"));
-var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
-var Tooltip = _interopRequireWildcard(require("../../tooltip"));
-var _permissionValidations = require("../../permissionValidations");
-const _excluded = ["label", "errors", "tooltip", "tooltipPosition", "tooltipWidth", "hint", "gridLayout", "size", "onDeniedActions", "permissionAttr", "labelUppercase", "customClassLabel", "customClassInputContainer", "customClass", "customClassWrapper", "textAlign", "skeletonize", "hintPosition", "themePopover", "popoverAlign"];
-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 _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 {
-      label,
-      errors,
-      tooltip,
-      tooltipPosition,
-      tooltipWidth,
-      hint,
-      gridLayout,
-      size = 'medium',
-      onDeniedActions = undefined,
-      permissionAttr = undefined,
-      labelUppercase = false,
-      customClassLabel = '',
-      customClassInputContainer = '',
-      customClass = '',
-      customClassWrapper = '',
-      textAlign = 'left',
-      skeletonize = false,
-      hintPosition = 'below',
-      themePopover = 'light',
-      popoverAlign = 'left'
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
-  const onDenied = _react.default.useMemo(() => {
-    return onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
-  }, [onDeniedActions, permissionAttr]);
-  const {
-    hideContent,
-    unvisible
-  } = onDenied;
-  const inputContainerRef = _react.default.useRef(null);
-  const inputId = _react.default.useMemo(() => props.id || props.name || (0, _uuid.v1)(), [props.id, props.name]);
-  const hasLabel = !_lodash.default.isEmpty(props?.label);
-  const isReadOnly = Boolean(props.readOnly || onDenied.readOnly);
-  const isDisabled = Boolean(props.disabled || onDenied.disabled);
-  const hasHintMessages = Boolean(hint?.length);
-  const hasValidationErrors = Boolean(errors?.length);
-  const handleOnChange = event => {
-    if (isReadOnly) {
-      event.preventDefault();
-      event.stopPropagation();
-      return;
-    }
-    rest.onChange?.(event);
-  };
-  const handleOnClick = event => {
-    if (isReadOnly) {
-      event.preventDefault();
-      event.stopPropagation();
-      return;
-    }
-    rest.onClick?.(event);
-  };
-  if (unvisible || hideContent) return null;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-    cols: gridLayout
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "test-radio-field-root",
-    "data-state-error": hasValidationErrors,
-    className: `radio-field-root ${customClassWrapper}`
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: inputContainerRef,
-    "data-state-skeletonize": skeletonize,
-    className: `container ${customClassInputContainer}`
-  }, /*#__PURE__*/_react.default.createElement("input", _extends({
-    "data-testid": "test-radio-field-input"
-  }, rest, {
-    ref: ref,
-    id: inputId,
-    type: "radio",
-    readOnly: isReadOnly,
-    disabled: isDisabled || isReadOnly,
-    className: `input ${customClass}`,
-    tabIndex: !isReadOnly ? 0 : -1,
-    placeholder: rest.placeholder,
-    "data-state-size": size,
-    "data-state-error": hasValidationErrors,
-    "data-state-read-only": isReadOnly,
-    "data-state-text-align": textAlign,
-    "data-state-skeletonize": skeletonize,
-    onClick: handleOnClick,
-    onChange: handleOnChange
-  })), hasLabel && /*#__PURE__*/_react.default.createElement("span", {
-    className: `root-label ${customClassLabel}`,
-    "data-state-skeletonize": skeletonize
-  }, /*#__PURE__*/_react.default.createElement("label", {
-    className: "label",
-    title: label,
-    htmlFor: inputId,
-    "data-state-disabled": isDisabled,
-    "data-state-read-only": isReadOnly,
-    "data-state-input-required": props.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"
-  }, hint))), hintPosition === 'below' && /*#__PURE__*/_react.default.createElement(_hint.default, {
-    customClass: "hint",
-    description: hint,
-    disabled: isDisabled,
-    skeletonize: skeletonize,
-    visible: hasHintMessages
-  }), hasValidationErrors && /*#__PURE__*/_react.default.createElement("span", {
-    "data-testid": "test-radio-field-list-errors",
-    className: "error",
-    "data-state-skeletonize": skeletonize,
-    "aria-describedby": String(props.name).concat('-errors')
-  }, errors?.map((error, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-    key: `${index + 1}-${error}`
-  }, error, "\xA0"))))), /*#__PURE__*/_react.default.createElement(Tooltip.Tooltip, {
-    targetRef: inputContainerRef,
-    text: tooltip,
-    width: tooltipWidth,
-    position: tooltipPosition
-  }));
-});
-Input.displayName = 'RadioFieldInput';

package/lib/inputs2/radiofield/types.d.ts

@@ -1,33 +0,0 @@
-import React__default from 'react';
-import { Size } from '../../@types/Size.js';
-import { TextAlign } from '../../@types/Align.js';
-import { ColorTheme } from '../../@types/ColorStyles.js';
-import { ITooltipCommonProps } from '../../tooltip/types.js';
-import { HintPosition, Position } from '../../@types/Position.js';
-import { PermissionAttr, OnDenied } from '../../@types/PermissionAttr.js';
-
-type RadioValue = string | number | boolean | null;
-type InputHTMLProps = Omit<React__default.ComponentPropsWithRef<'input'>, 'multiple' | 'type' | 'size'>;
-interface RadioFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
-    hint?: string;
-    label?: string;
-    errors?: string[];
-    readOnly?: boolean;
-    customClass?: string;
-    skeletonize?: boolean;
-    labelUppercase?: boolean;
-    customClassLabel?: string;
-    customClassWrapper?: string;
-    gridLayout?: string;
-    customClassInputContainer?: string;
-    getFieldValue?: (name: string) => any;
-    size?: Extract<Size, 'small' | 'medium' | 'large'>;
-    textAlign?: TextAlign;
-    hintPosition?: HintPosition;
-    themePopover?: ColorTheme;
-    popoverAlign?: Extract<Position, 'left' | 'right'>;
-    permissionAttr?: PermissionAttr;
-    onDeniedActions?: OnDenied;
-}
-
-export { RadioFieldInputProps, RadioValue };

package/lib/inputs2/radiofield/types.js

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

package/lib/inputs2/selectfield/context.d.ts

@@ -1,38 +0,0 @@
-import React__default from 'react';
-import { Position } from '../../@types/Position.js';
-
-interface SelectFieldContextProps {
-    striped?: boolean;
-    listBoxOpen: boolean;
-    isDisabled?: boolean;
-    showClearButton?: boolean;
-    searchOnDropdown?: boolean;
-    isMultipleSelect?: boolean;
-    isMultipleDefault?: boolean;
-    isMultipleWithCheckboxes?: boolean;
-    label?: string;
-    filterValue?: string;
-    nameSelect?: string;
-    valueSelect?: any;
-    selectFieldId: string;
-    activeDescendant?: string;
-    notFoundFilterLabel: string;
-    searchInputPlaceholder: string;
-    dropdownAlignButton?: Extract<Position, 'left' | 'right'>;
-    liSelectedRef: React__default.RefObject<HTMLLIElement | null>;
-    selectInputRef: React__default.RefObject<HTMLInputElement | null>;
-    selectContainerRef: React__default.RefObject<HTMLDivElement | null>;
-    selectSearchInputRef: React__default.RefObject<HTMLInputElement>;
-    handleOnSearch?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
-    handleOnChange?: (value?: string, label?: string, addOrRemove?: boolean) => void;
-    handleOnKeyDown?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
-    handleClearValue?: () => void;
-    handleCloseListBox: () => void;
-    handleCheckMultiple: (checkOrUncheckAll?: boolean) => void;
-    handleChangeLiSelected: (liElement: HTMLLIElement | null) => void;
-    handleChangeListBoxState: () => void;
-}
-declare const SelectFieldContext: React__default.Context<SelectFieldContextProps>;
-declare const useSelectFieldContext: () => SelectFieldContextProps;
-
-export { SelectFieldContext, SelectFieldContextProps, useSelectFieldContext };

package/lib/inputs2/selectfield/context.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSelectFieldContext = exports.SelectFieldContext = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SelectFieldContext = exports.SelectFieldContext = /*#__PURE__*/_react.default.createContext({});
-const useSelectFieldContext = () => {
-  const context = _react.default.useContext(SelectFieldContext);
-  if (context === undefined) throw new Error('useSelectFieldContext must be used within a SelectFieldProvider');
-  return context;
-};
-exports.useSelectFieldContext = useSelectFieldContext;

package/lib/inputs2/selectfield/helpers.d.ts

@@ -1,6 +0,0 @@
-declare const setFocusOnOffsetElement: (current: HTMLElement, nextOrBefore: 'next' | 'before') => void;
-declare const options: string[];
-declare const NAVIGATION_KEYS: string[];
-declare const isTypingKey: (event: React.KeyboardEvent) => boolean;
-
-export { NAVIGATION_KEYS, isTypingKey, options, setFocusOnOffsetElement };

package/lib/inputs2/selectfield/helpers.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setFocusOnOffsetElement = exports.options = exports.isTypingKey = exports.NAVIGATION_KEYS = void 0;
-var _permissionValidations = require("../../permissionValidations");
-var _types = require("./types");
-const FOCUSABLE_SELECTOR = ['a[href]', 'button:not([disabled])', 'input:not([disabled])', 'select:not([disabled])', 'textarea:not([disabled])', '[tabindex]:not([tabindex="-1"])'].join(',');
-const setFocusOnOffsetElement = (current, nextOrBefore) => {
-  const elementFocusables = Array.from(document.querySelectorAll(FOCUSABLE_SELECTOR));
-  const offsetElement = nextOrBefore === 'next' ? 1 : -1;
-  const elementIndex = elementFocusables.indexOf(current);
-  const nextElement = elementFocusables[elementIndex + offsetElement];
-  if (nextElement) nextElement.focus();
-};
-exports.setFocusOnOffsetElement = setFocusOnOffsetElement;
-const options = exports.options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
-const NAVIGATION_KEYS = exports.NAVIGATION_KEYS = [_types.Keys.escape, _types.Keys.arrowDown, _types.Keys.arrowUp, _types.Keys.enter];
-const isTypingKey = event => {
-  if (event.ctrlKey || event.metaKey || event.altKey) return false;
-  const validKeys = [_types.Keys.backspace, _types.Keys.delete, _types.Keys.spaceBar];
-  return event.key.length === 1 || validKeys.includes(event.key);
-};
-exports.isTypingKey = isTypingKey;

package/lib/inputs2/selectfield/index.d.ts

@@ -1,10 +0,0 @@
-import 'react';
-export { LeftSlot, RightSlot } from '../slot/index.js';
-export { Item } from './item.js';
-export { SelectFieldInputProps } from './types.js';
-export { I as Input } from '../../index-c512803d.js';
-import '../../@types/Align.js';
-import '../../@types/ColorStyles.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-import '../../@types/PermissionAttr.js';