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

package/lib/inputs2/checkboxfield/index.js

@@ -1,57 +1,35 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Input = void 0;
-require("../../assets/styles/checkbox2.scss");
-var _react = _interopRequireDefault(require("react"));
-var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
-var _permissionValidations = require("../../permissionValidations");
-var _base = require("./base");
-const _excluded = ["onDeniedActions", "permissionAttr", "gridLayout", "readOnly", "disabled"];
-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 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); }
-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((_ref, ref) => {
-  let {
-      onDeniedActions,
-      permissionAttr,
-      gridLayout,
-      readOnly,
-      disabled
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const onDenied = _react.default.useMemo(() => {
-    return onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
-  }, [onDeniedActions, permissionAttr]);
-  const {
-    hideContent,
-    unvisible
-  } = onDenied;
-  const isReadOnly = Boolean(readOnly || onDenied.readOnly);
-  const isDisabled = Boolean(disabled || onDenied.disabled);
-  const inputProps = _objectSpread({
-    readOnly: isReadOnly,
-    disabled: isDisabled
-  }, props);
-  if (unvisible || hideContent) return null;
-  if (gridLayout) {
-    return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-      cols: gridLayout
-    }, /*#__PURE__*/_react.default.createElement(_base.InputBase, _extends({
-      ref: ref
-    }, inputProps)));
-  }
-  return /*#__PURE__*/_react.default.createElement(_base.InputBase, _extends({
-    ref: ref
-  }, inputProps));
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import t from "../../gridlayout/index.js";
+import { OPTIONS_ON_DENIED as n, actionsOnPermissionDenied as r } from "../../permissionValidations.js";
+import '../../assets/styles/checkbox2.css';/* empty css                            */
+import { InputBase as i } from "./base.js";
+import a from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/lib/inputs2/checkboxfield/index.tsx
+var s = /* @__PURE__ */ e({ Input: () => l }), c = [
+	n.disabled,
+	n.unvisible,
+	n.readOnly,
+	n.hideContent
+], l = a.forwardRef(({ onDeniedActions: e, permissionAttr: n, gridLayout: s, readOnly: l, disabled: u, ...d }, f) => {
+	let p = a.useMemo(() => e || r(c, n), [e, n]), { hideContent: m, unvisible: h } = p, g = {
+		readOnly: !!(l || p.readOnly),
+		disabled: !!(u || p.disabled),
+		...d
+	};
+	return h || m ? null : s ? /* @__PURE__ */ o(t, {
+		cols: s,
+		children: /* @__PURE__ */ o(i, {
+			ref: f,
+			...g
+		})
+	}) : /* @__PURE__ */ o(i, {
+		ref: f,
+		...g
+	});
 });
-Input.displayName = 'CheckboxFieldInput';
+l.displayName = "CheckboxFieldInput";
+//#endregion
+export { l as Input, s as checkboxfield_exports };
+
+//# sourceMappingURL=index.js.map

package/lib/inputs2/checkboxfield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs2/checkboxfield/index.tsx"],"sourcesContent":["import '../../assets/styles/checkbox2.scss';\n\nimport React from 'react';\nimport GridCol from '../../gridlayout';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport { CheckboxFieldInputBaseProps, InputBase } from './base';\n\ninterface CheckboxFieldInputProps extends CheckboxFieldInputBaseProps {\n  gridLayout?: string;\n  permissionAttr?: PermissionAttr;\n  onDeniedActions?: OnDenied;\n}\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\nconst Input = React.forwardRef<HTMLInputElement, CheckboxFieldInputProps>(({\n  onDeniedActions, permissionAttr, gridLayout, readOnly, disabled, ...props\n}, ref) => {\n  const onDenied: OnDenied = React.useMemo(() => {\n    return onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  }, [onDeniedActions, permissionAttr]);\n  const { hideContent, unvisible } = onDenied;\n  const isReadOnly = Boolean(readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(disabled || onDenied.disabled);\n  const inputProps = { \n    readOnly: isReadOnly, disabled: isDisabled, ...props, \n  } satisfies CheckboxFieldInputBaseProps;\n\n  if (unvisible || hideContent) return null;\n\n  if (gridLayout) {\n    return (\n      <GridCol cols={gridLayout}>\n        <InputBase ref={ref} {...inputProps} />\n      </GridCol>\n    );\n  }\n\n  return (\n    <InputBase ref={ref} {...inputProps} />\n  );\n});\n\nInput.displayName = 'CheckboxFieldInput';\n\nexport { Input };\nexport type { CheckboxFieldInputProps };\n"],"mappings":";;;;;;;;+CAcM,IAAU;CACd,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CACnB,EACK,IAAQ,EAAM,YAAuD,EACzE,oBAAiB,mBAAgB,eAAY,aAAU,aAAU,GAAG,KACnE,MAAQ;CACT,IAAM,IAAqB,EAAM,cACxB,KAAmB,EAA0B,GAAS,EAAe,EAC3E,CAAC,GAAiB,EAAe,CAAC,EAC/B,EAAE,gBAAa,iBAAc,GAG7B,IAAa;EACjB,UAHiB,GAAQ,KAAY,EAAS;EAGxB,UAFL,GAAQ,KAAY,EAAS;EAEF,GAAG;EAChD;AAYD,QAVI,KAAa,IAAoB,OAEjC,IAEA,kBAAC,GAAD;EAAS,MAAM;YACb,kBAAC,GAAD;GAAgB;GAAK,GAAI;GAAc,CAAA;EAC/B,CAAA,GAKZ,kBAAC,GAAD;EAAgB;EAAK,GAAI;EAAc,CAAA;EAEzC;AAEF,EAAM,cAAc"}

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

@@ -1,10 +1,8 @@
-import 'react';
-export { LeftSlot, RightSlot } from '../slot/index.js';
-import '../../index-02a27c19.js';
-export { C as ColorFieldInputProps, I as Input } from '../../index-6f5c772d.js';
-import '../../@types/PermissionAttr.js';
-import '../textfield/base.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-import '../../@types/Align.js';
-import '../../@types/ColorStyles.js';
+import { LeftSlot, RightSlot } from '../slot';
+import * as TextField from '../textfield';
+interface ColorFieldInputProps extends TextField.TextFieldInputProps {
+    isTypeText?: boolean;
+}
+declare const Input: import('react').ForwardRefExoticComponent<ColorFieldInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export { Input, LeftSlot, RightSlot };
+export type { ColorFieldInputProps };

package/lib/inputs2/colorfield/index.js

@@ -1,119 +1,70 @@
-"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;
-  }
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import { OPTIONS_ON_DENIED as t, actionsOnPermissionDenied as n } from "../../permissionValidations.js";
+import r from "../../buttons/index.js";
+import '../../assets/styles/colorpicker.css';/* empty css                              */
+import { LeftSlot as i, RightSlot as a } from "../slot/index.js";
+import { Input as o } from "../textfield/index.js";
+import { forwardRef as s, useLayoutEffect as c, useRef as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/lib/inputs2/colorfield/index.tsx
+var p = /* @__PURE__ */ e({
+	Input: () => h,
+	LeftSlot: () => i,
+	RightSlot: () => a
+}), m = [
+	t.disabled,
+	t.unvisible,
+	t.readOnly,
+	t.hideContent
+], h = s((e, t) => {
+	let { name: s, isTypeText: p = !0, defaultValue: h = "", onChange: g, permissionAttr: _ = void 0, onDeniedActions: v = void 0, ...y } = e, b = l(null), x = l(null), S = l(null), { hideContent: C, unvisible: w } = v || n(m, _), T = (e) => {
+		S.current && (S.current.style.backgroundColor = e), b.current && b.current.value !== e && (b.current.value = e), x.current && x.current.value !== e && (x.current.value = e);
+	}, E = (e) => {
+		let t = e.target.value;
+		T(t), g?.(e);
+	}, D = (e) => {
+		let t = e.target.value;
+		T(t), g?.(e);
+	}, O = () => {
+		x.current?.click();
+	};
+	return c(() => {
+		T(String(h));
+	}, [h, T]), w || C ? null : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f(o, {
+		...y,
+		ref: t,
+		name: s,
+		type: p ? "text" : "color",
+		defaultValue: String(h),
+		style: { borderLeft: "1px solid #eeee" },
+		onChange: E,
+		children: [p && /* @__PURE__ */ d(i, { children: /* @__PURE__ */ d("div", {
+			style: { backgroundColor: String(h) },
+			ref: S,
+			className: "colorpicker-colormirror"
+		}) }), p && /* @__PURE__ */ d(a, { children: /* @__PURE__ */ d(r, {
+			className: "colorpicker-palettebutton",
+			onClick: O,
+			onKeyDown: (e) => {
+				(e.code === "Space" || e.key === " ") && (e.preventDefault(), O());
+			},
+			iconName: "pallete"
+		}) })]
+	}), p && /* @__PURE__ */ d("input", {
+		ref: x,
+		type: "color",
+		style: {
+			position: "absolute",
+			opacity: 0,
+			pointerEvents: "none"
+		},
+		defaultValue: String(h),
+		onChange: D,
+		tabIndex: -1
+	})] });
 });
-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';
+h.displayName = "ColorFieldInput";
+//#endregion
+export { h as Input, i as LeftSlot, a as RightSlot, p as colorfield_exports };
+
+//# sourceMappingURL=index.js.map

package/lib/inputs2/colorfield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs2/colorfield/index.tsx"],"sourcesContent":["import '../../assets/styles/colorpicker.scss';\nimport { ChangeEvent, forwardRef, useLayoutEffect, useRef } from 'react';\nimport { LeftSlot, RightSlot } from '../slot';\nimport * as TextField from '../textfield';\nimport Button from '../../../lib/buttons';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../../lib/permissionValidations';\nimport { OnDenied } from '../../../lib/@types/PermissionAttr';\n\ninterface ColorFieldInputProps extends TextField.TextFieldInputProps {\n  isTypeText?: boolean;\n}\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\n\nconst Input = forwardRef<HTMLInputElement, ColorFieldInputProps>((props, ref) => {\n  const {\n    name,\n    isTypeText = true,\n    defaultValue = '',\n    onChange,\n    permissionAttr = undefined,\n    onDeniedActions = undefined,\n    ...restProps\n  } = props;\n  const inputRefText = useRef<HTMLInputElement>(null);\n  const inputRefColor = useRef<HTMLInputElement>(null);\n  const mirrorRef = useRef<HTMLDivElement>(null);\n  const onDenied: OnDenied = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  const { hideContent, unvisible } = onDenied;\n\n  const syncColorValues = (value: string) => {\n    if (mirrorRef.current) {\n      mirrorRef.current.style.backgroundColor = value;\n    }\n    if (inputRefText.current && inputRefText.current.value !== value) {\n      inputRefText.current.value = value;\n    }\n    if (inputRefColor.current && inputRefColor.current.value !== value) {\n      inputRefColor.current.value = value;\n    }\n  };\n\n  const handleTextInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    syncColorValues(newValue);\n    onChange?.(e);\n  };\n\n  const handleColorInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    syncColorValues(newValue);\n    onChange?.(e);\n  };\n\n  const onPaletteButtonClick = () => {\n    inputRefColor.current?.click();\n  };\n\n  useLayoutEffect(() => {\n    syncColorValues(String(defaultValue));\n  }, [defaultValue, syncColorValues]);\n\n  if (unvisible || hideContent) return null;\n\n  return (\n    <>\n      <TextField.Input\n        {...restProps}\n        ref={ref}\n        name={name}\n        type={isTypeText ? 'text' : 'color'}\n        defaultValue={String(defaultValue)}\n        style={{ borderLeft: '1px solid #eeee' }}\n        onChange={handleTextInputChange}>\n        {isTypeText && (\n          <LeftSlot>\n            <div\n              style={{ backgroundColor: String(defaultValue) }}\n              ref={mirrorRef}\n              className=\"colorpicker-colormirror\" />\n          </LeftSlot>\n        )}\n        {isTypeText && (\n          <RightSlot>\n            <Button\n              className=\"colorpicker-palettebutton\"\n              onClick={onPaletteButtonClick}\n              onKeyDown={(e) => {\n                if (e.code === 'Space' || e.key === ' ') {\n                  e.preventDefault();\n                  onPaletteButtonClick();\n                }\n              }}\n              iconName=\"pallete\" />\n          </RightSlot>\n        )}\n      </TextField.Input>\n      {isTypeText && (\n        <input\n          ref={inputRefColor}\n          type=\"color\"\n          style={{ position: 'absolute', opacity: 0, pointerEvents: 'none' }}\n          defaultValue={String(defaultValue)}\n          onChange={handleColorInputChange}\n          tabIndex={-1} />\n      )}\n    </>\n  );\n});\n\nInput.displayName = 'ColorFieldInput';\n\nexport { Input, LeftSlot, RightSlot };\nexport type { ColorFieldInputProps };\n"],"mappings":";;;;;;;;;;;;;IAYM,IAAU;CACd,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CACnB,EAEK,IAAQ,GAAoD,GAAO,MAAQ;CAC/E,IAAM,EACJ,SACA,gBAAa,IACb,kBAAe,IACf,aACA,oBAAiB,KAAA,GACjB,qBAAkB,KAAA,GAClB,GAAG,MACD,GACE,IAAe,EAAyB,KAAK,EAC7C,IAAgB,EAAyB,KAAK,EAC9C,IAAY,EAAuB,KAAK,EAExC,EAAE,gBAAa,iBADM,KAAmB,EAA0B,GAAS,EAAe,EAG1F,KAAmB,MAAkB;AAOzC,EANI,EAAU,YACZ,EAAU,QAAQ,MAAM,kBAAkB,IAExC,EAAa,WAAW,EAAa,QAAQ,UAAU,MACzD,EAAa,QAAQ,QAAQ,IAE3B,EAAc,WAAW,EAAc,QAAQ,UAAU,MAC3D,EAAc,QAAQ,QAAQ;IAI5B,KAAyB,MAAqC;EAClE,IAAM,IAAW,EAAE,OAAO;AAE1B,EADA,EAAgB,EAAS,EACzB,IAAW,EAAE;IAGT,KAA0B,MAAqC;EACnE,IAAM,IAAW,EAAE,OAAO;AAE1B,EADA,EAAgB,EAAS,EACzB,IAAW,EAAE;IAGT,UAA6B;AACjC,IAAc,SAAS,OAAO;;AAShC,QANA,QAAsB;AACpB,IAAgB,OAAO,EAAa,CAAC;IACpC,CAAC,GAAc,EAAgB,CAAC,EAE/B,KAAa,IAAoB,OAGnC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,GAAI;EACC;EACC;EACN,MAAM,IAAa,SAAS;EAC5B,cAAc,OAAO,EAAa;EAClC,OAAO,EAAE,YAAY,mBAAmB;EACxC,UAAU;YAPZ,CAQG,KACC,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GACE,OAAO,EAAE,iBAAiB,OAAO,EAAA,EAAe;GAChD,KAAK;GACL,WAAU;GAA4B,CAAA,EAC/B,CAAA,EAEZ,KACC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,WAAU;GACV,SAAS;GACT,YAAY,MAAM;AAChB,KAAI,EAAE,SAAS,WAAW,EAAE,QAAQ,SAClC,EAAE,gBAAgB,EAClB,GAAsB;;GAG1B,UAAS;GAAY,CAAA,EACb,CAAA,CAAA;KAGf,KACC,kBAAC,SAAD;EACE,KAAK;EACL,MAAK;EACL,OAAO;GAAE,UAAU;GAAY,SAAS;GAAG,eAAe;GAAQ;EAClE,cAAc,OAAO,EAAa;EAClC,UAAU;EACV,UAAU;EAAM,CAAA,CAAA,EAEnB,CAAA;EAEL;AAEF,EAAM,cAAc"}

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

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

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

@@ -1,44 +1,31 @@
-"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
-  };
+import { require_compiler_runtime as e } from "../../../node_modules/react/compiler-runtime.js";
+import { useEffect as t, useState as n } from "react";
+//#region src/lib/inputs2/date/base/constants.ts
+var r = e(), i = (e, i) => {
+	let a = (0, r.c)(7), o;
+	a[0] === Symbol.for("react.memo_cache_sentinel") ? (o = {}, a[0] = o) : o = a[0];
+	let [s, c] = n(o), l, u;
+	a[1] !== e || a[2] !== i ? (l = () => {
+		let t = () => {
+			let e = i.current?.getBoundingClientRect();
+			if (e) {
+				let { top: t, left: n, width: r, height: i } = e;
+				c({
+					top: t + i + window.scrollY,
+					left: n + window.scrollX,
+					width: r,
+					position: "absolute"
+				});
+			}
+		};
+		return e && (t(), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0)), () => {
+			window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
+		};
+	}, u = [e, i], a[1] = e, a[2] = i, a[3] = l, a[4] = u) : (l = a[3], u = a[4]), t(l, u);
+	let d;
+	return a[5] === s ? d = a[6] : (d = { calendarBoxStyles: s }, a[5] = s, a[6] = d), d;
 };
-exports.useCalendarPosition = useCalendarPosition;
+//#endregion
+export { i as useCalendarPosition };
+
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../../../src/lib/inputs2/date/base/constants.ts"],"sourcesContent":["import { CSSProperties, RefObject, useEffect, useState } from \"react\";\n\nexport const useCalendarPosition = (\n  calendarBoxOpen: boolean,\n  containerRef: RefObject<HTMLDivElement | null>,\n) => {\n  const [calendarBoxStyles, setCalendarBoxStyles] = useState<CSSProperties>({});\n\n  useEffect(() => {\n    const updatePosition = () => {\n      const selectPositionOnScreen = containerRef.current?.getBoundingClientRect();\n      if (selectPositionOnScreen) {\n        const { top, left, width, height } = selectPositionOnScreen;\n        setCalendarBoxStyles({\n          top: top + height + window.scrollY,\n          left: left + window.scrollX,\n          width: width,\n          position: 'absolute',\n        });\n      }\n    };\n\n    if (calendarBoxOpen) {\n      updatePosition();\n      window.addEventListener('resize', updatePosition);\n      window.addEventListener('scroll', updatePosition, true);\n    }\n\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [calendarBoxOpen, containerRef]);\n\n  return { calendarBoxStyles };\n};\n"],"mappings":";;;aAEa,KAAA,GAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,EAAA,EAAA;AAAA,CAAA,EAAA,OAAA,OAAA,IAAA,4BAAA,IAI+D,IAAA,EAAE,EAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAA5E,IAAA,CAAA,GAAA,KAAkD,EAAwB,EAAG,EAAA,GAAA;AAE7E,CAF6E,EAAA,OAAA,KAAA,EAAA,OAAA,KAE7E,UAAA;EACE,IAAA,UAAM;GACJ,IAAA,IAA+B,EAAA,SAAsB,uBAAuB;AAC5E,OAAI,GAAA;IACF,IAAA,EAAA,QAAA,SAAA,UAAA,cAAqC;AACrC,MAAqB;KAAA,KACd,IAAM,IAAS,OAAA;KAAO,MACrB,IAAO,OAAA;KAAO;KAAA,UAEV;KACX,CAAC;;;SAIF,MACF,GAAgB,EAChB,OAAA,iBAAwB,UAAU,EAAe,EACjD,OAAA,iBAAwB,UAAU,GAAgB,GAAK,SAGzD;AAEE,GADA,OAAA,oBAA2B,UAAU,EAAe,EACpD,OAAA,oBAA2B,UAAU,GAAgB,GAAK;;IAE3D,IAAA,CAAC,GAAiB,EAAa,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,MAAA,IAAA,EAAA,IAAA,IAAA,EAAA,KAxBlC,EAAA,GAwBG,EAAgC;CAAA,IAAA;AAEP,QAFO,EAAA,OAAA,IAEP,IAAA,EAAA,MAArB,IAAA,EAAA,sBAAqB,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,IAArB"}

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

@@ -1,12 +1,6 @@
-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 };
+import { BaseDateInputRootProps, BaseDateInputLabelProps, BaseDateInputContainerProps, BaseDateInputProps, BaseDateInputTriggersProps } from '../types';
+export declare const Root: import('react').ForwardRefExoticComponent<BaseDateInputRootProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Label: import('react').ForwardRefExoticComponent<BaseDateInputLabelProps & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const Container: import('react').ForwardRefExoticComponent<BaseDateInputContainerProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Input: import('react').ForwardRefExoticComponent<BaseDateInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const Triggers: import('react').ForwardRefExoticComponent<BaseDateInputTriggersProps & import('react').RefAttributes<HTMLDivElement>>;