@jenesei-software/jenesei-kit-react 1.3.30 → 1.3.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/area-preview.cjs.js +1 -1
- package/build/area-preview.es.js +1 -1
- package/build/area-skeleton.cjs.js +1 -1
- package/build/area-skeleton.es.js +1 -1
- package/build/build-info.txt +3 -3
- package/build/{component-qRPasLxk.cjs → component-B8kWtTfs.cjs} +2 -2
- package/build/{component-qRPasLxk.cjs.map → component-B8kWtTfs.cjs.map} +1 -1
- package/build/{component-DXZrlFCa.js → component-BD3FCIT8.js} +3 -3
- package/build/{component-DXZrlFCa.js.map → component-BD3FCIT8.js.map} +1 -1
- package/build/{component-DjIZRLtN.js → component-BybwN9H4.js} +2 -2
- package/build/{component-DjIZRLtN.js.map → component-BybwN9H4.js.map} +1 -1
- package/build/{component-BHINcJGw.cjs → component-BzWpboBU.cjs} +2 -2
- package/build/{component-BHINcJGw.cjs.map → component-BzWpboBU.cjs.map} +1 -1
- package/build/{component-Ud_GRMAS.js → component-C0354Xwu.js} +3 -3
- package/build/{component-Ud_GRMAS.js.map → component-C0354Xwu.js.map} +1 -1
- package/build/{component-CQmuGUIt.cjs → component-C8ueaiSO.cjs} +2 -2
- package/build/{component-CQmuGUIt.cjs.map → component-C8ueaiSO.cjs.map} +1 -1
- package/build/{component-COVO0g4K.cjs → component-CANbSEA3.cjs} +2 -2
- package/build/{component-COVO0g4K.cjs.map → component-CANbSEA3.cjs.map} +1 -1
- package/build/{component-BJxTgP87.js → component-CATlnN8o.js} +2 -2
- package/build/{component-BJxTgP87.js.map → component-CATlnN8o.js.map} +1 -1
- package/build/{component-CJ_IYmXp.js → component-CGPZf0Mx.js} +2 -2
- package/build/{component-CJ_IYmXp.js.map → component-CGPZf0Mx.js.map} +1 -1
- package/build/{component-BkAJZ9bN.cjs → component-CM4bf3RV.cjs} +2 -2
- package/build/{component-BkAJZ9bN.cjs.map → component-CM4bf3RV.cjs.map} +1 -1
- package/build/{component-CVODnsK7.js → component-DAocGHCP.js} +2 -2
- package/build/{component-CVODnsK7.js.map → component-DAocGHCP.js.map} +1 -1
- package/build/{component-CQ4haQho.cjs → component-DHXjnBNp.cjs} +2 -2
- package/build/{component-CQ4haQho.cjs.map → component-DHXjnBNp.cjs.map} +1 -1
- package/build/{component-BnqGhIYn.js → component-DIA35EVR.js} +2 -2
- package/build/{component-BnqGhIYn.js.map → component-DIA35EVR.js.map} +1 -1
- package/build/{component-DxjC5ZDY.cjs → component-DIk87lHF.cjs} +2 -2
- package/build/{component-DxjC5ZDY.cjs.map → component-DIk87lHF.cjs.map} +1 -1
- package/build/{component-Cy1LF62n.js → component-DJDXAzlq.js} +3 -3
- package/build/{component-Cy1LF62n.js.map → component-DJDXAzlq.js.map} +1 -1
- package/build/{component-B0KY9CML.cjs → component-DNVmU44U.cjs} +2 -2
- package/build/{component-B0KY9CML.cjs.map → component-DNVmU44U.cjs.map} +1 -1
- package/build/{component-AtGU3rIh.cjs → component-DbRG0dzX.cjs} +2 -2
- package/build/{component-AtGU3rIh.cjs.map → component-DbRG0dzX.cjs.map} +1 -1
- package/build/{component-JqUoQ-8S.js → component-DpX5Qw3i.js} +2 -2
- package/build/{component-JqUoQ-8S.js.map → component-DpX5Qw3i.js.map} +1 -1
- package/build/{component-Ch9eF_4H.js → component-DrTBbu8u.js} +4 -4
- package/build/{component-Ch9eF_4H.js.map → component-DrTBbu8u.js.map} +1 -1
- package/build/{component-BI6fe9pl.js → component-Duwta9MT.js} +2 -2
- package/build/{component-BI6fe9pl.js.map → component-Duwta9MT.js.map} +1 -1
- package/build/{component-DAtaP1gP.cjs → component-DwVvs3yX.cjs} +2 -2
- package/build/{component-DAtaP1gP.cjs.map → component-DwVvs3yX.cjs.map} +1 -1
- package/build/component-accordion.cjs.js +1 -1
- package/build/component-accordion.es.js +2 -2
- package/build/component-button-group.cjs.js +1 -1
- package/build/component-button-group.es.js +2 -2
- package/build/component-button.cjs.js +1 -1
- package/build/component-button.es.js +1 -1
- package/build/component-checkbox-group.cjs.js +1 -1
- package/build/component-checkbox-group.es.js +2 -2
- package/build/component-checkbox.cjs.js +1 -1
- package/build/component-checkbox.es.js +2 -2
- package/build/component-date-picker.cjs.js +1 -1
- package/build/component-date-picker.d.ts +1 -0
- package/build/component-date-picker.es.js +2 -2
- package/build/component-icon.cjs.js +1 -1
- package/build/component-icon.es.js +1 -1
- package/build/component-image-button.cjs.js +1 -1
- package/build/component-image-button.es.js +1 -1
- package/build/component-image-select.cjs.js +1 -1
- package/build/component-image-select.es.js +2 -2
- package/build/component-image-slider.cjs.js +1 -1
- package/build/component-image-slider.es.js +2 -2
- package/build/component-image.cjs.js +1 -1
- package/build/component-image.es.js +2 -2
- package/build/component-input-otp.cjs.js +1 -1
- package/build/component-input-otp.es.js +2 -2
- package/build/component-input.cjs.js +1 -1
- package/build/component-input.es.js +2 -2
- package/build/component-map.cjs.js +1 -1
- package/build/component-map.es.js +2 -2
- package/build/component-pagination.cjs.js +1 -1
- package/build/component-pagination.es.js +1 -1
- package/build/component-range.cjs.js +1 -1
- package/build/component-range.es.js +2 -2
- package/build/component-select.cjs.js +1 -1
- package/build/component-select.d.ts +1 -0
- package/build/component-select.es.js +1 -1
- package/build/{component-D5Bg68Aq.cjs → component-skAuX4C8.cjs} +2 -2
- package/build/{component-D5Bg68Aq.cjs.map → component-skAuX4C8.cjs.map} +1 -1
- package/build/component-textarea.cjs.js +1 -1
- package/build/component-textarea.d.ts +3 -0
- package/build/component-textarea.es.js +1 -1
- package/build/component-toggle.cjs.js +1 -1
- package/build/component-toggle.es.js +2 -2
- package/build/component-tooltip.cjs.js +1 -1
- package/build/component-tooltip.d.ts +107 -0
- package/build/component-tooltip.es.js +1 -1
- package/build/component-typography.cjs.js +1 -1
- package/build/component-typography.d.ts +107 -0
- package/build/component-typography.es.js +1 -1
- package/build/{component.components-BJ1nh728.js → component.components-83DbC_hw.js} +2 -2
- package/build/{component.components-BJ1nh728.js.map → component.components-83DbC_hw.js.map} +1 -1
- package/build/{component.components-0OAiJjsR.cjs → component.components-BjdoMO5R.cjs} +2 -2
- package/build/{component.components-0OAiJjsR.cjs.map → component.components-BjdoMO5R.cjs.map} +1 -1
- package/build/{component.constants-ASMqRXmH.js → component.constants-Be7PPP03.js} +2 -2
- package/build/{component.constants-ASMqRXmH.js.map → component.constants-Be7PPP03.js.map} +1 -1
- package/build/{component.constants-DLrolRBs.cjs → component.constants-BgV35uxo.cjs} +2 -2
- package/build/{component.constants-DLrolRBs.cjs.map → component.constants-BgV35uxo.cjs.map} +1 -1
- package/build/{component.constants-B1XT0pqP.cjs → component.constants-C4Du7oRP.cjs} +2 -2
- package/build/{component.constants-B1XT0pqP.cjs.map → component.constants-C4Du7oRP.cjs.map} +1 -1
- package/build/{component.constants-4Zuzymaj.js → component.constants-DbWj5l8e.js} +3 -3
- package/build/{component.constants-4Zuzymaj.js.map → component.constants-DbWj5l8e.js.map} +1 -1
- package/build/{component.types-BXYLxQWv.js → component.types-B3IQzYHq.js} +2 -2
- package/build/{component.types-BXYLxQWv.js.map → component.types-B3IQzYHq.js.map} +1 -1
- package/build/{component.types-haccSZSq.cjs → component.types-C6Zrax1A.cjs} +2 -2
- package/build/{component.types-haccSZSq.cjs.map → component.types-C6Zrax1A.cjs.map} +1 -1
- package/build/consts.cjs.js +1 -1
- package/build/consts.es.js +1 -1
- package/build/context-app.cjs.js +1 -1
- package/build/context-app.es.js +2 -2
- package/build/context-sonner.cjs.js +1 -1
- package/build/context-sonner.es.js +2 -2
- package/build/{context.constants-p2bRkgM3.cjs → context.constants-BMJ3rLa_.cjs} +259 -258
- package/build/context.constants-BMJ3rLa_.cjs.map +1 -0
- package/build/{context.constants-Dop398a2.js → context.constants-YlWOZAd7.js} +120 -12
- package/build/context.constants-YlWOZAd7.js.map +1 -0
- package/build/{context.hooks-Spdhsa4j.cjs → context.hooks-B1QdI16d.cjs} +2 -2
- package/build/{context.hooks-Spdhsa4j.cjs.map → context.hooks-B1QdI16d.cjs.map} +1 -1
- package/build/{context.hooks-b1w6_aK9.js → context.hooks-Bl4gTFVP.js} +2 -2
- package/build/{context.hooks-b1w6_aK9.js.map → context.hooks-Bl4gTFVP.js.map} +1 -1
- package/build/{context.hooks-CUlqrzfP.js → context.hooks-CnqRriMa.js} +2 -2
- package/build/{context.hooks-CUlqrzfP.js.map → context.hooks-CnqRriMa.js.map} +1 -1
- package/build/{context.hooks-BFjFm8iR.cjs → context.hooks-D23gzlbO.cjs} +2 -2
- package/build/{context.hooks-BFjFm8iR.cjs.map → context.hooks-D23gzlbO.cjs.map} +1 -1
- package/build/index.cjs.js +1 -1
- package/build/index.d.ts +111 -0
- package/build/index.es.js +18 -18
- package/build/style-error.cjs.js +1 -1
- package/build/style-error.es.js +1 -1
- package/build/style-theme.cjs.js +1 -1
- package/build/style-theme.es.js +1 -1
- package/build/{use-CHyIgo-M.cjs → use-DZU4NdpU.cjs} +2 -2
- package/build/{use-CHyIgo-M.cjs.map → use-DZU4NdpU.cjs.map} +1 -1
- package/build/{use-DLn-Y7_0.js → use-JWHe9gP5.js} +3 -3
- package/build/{use-DLn-Y7_0.js.map → use-JWHe9gP5.js.map} +1 -1
- package/package.json +2 -2
- package/build/context.constants-Dop398a2.js.map +0 -1
- package/build/context.constants-p2bRkgM3.cjs.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-
|
|
1
|
+
{"version":3,"file":"component-DwVvs3yX.cjs","sources":["../src/components/input-otp/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\n\nimport { ClipboardEvent, FocusEvent, KeyboardEvent, useCallback, useRef, useState } from 'react';\n\nimport { Input } from '../input';\nimport { InputOTPProps, InputOTPWrapper } from '.';\n\nexport const InputOTP = (props: InputOTPProps) => {\n const [otp, setOtp] = useState<string[]>(new Array(props.length).fill(''));\n const inputsRef = useRef<(HTMLInputElement | null)[]>([]);\n const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n const handlePaste = useCallback(\n (index: number, e: ClipboardEvent<HTMLInputElement>) => {\n e.preventDefault();\n\n const pasteData = e.clipboardData.getData('Text');\n const digits = pasteData.replace(/\\D/g, '').split('');\n\n if (!digits.length) return;\n\n setOtp((prevOtp) => {\n const newOtp = [...prevOtp];\n let currentIndex = index;\n\n for (let i = 0; i < digits.length && currentIndex < newOtp.length; i++) {\n newOtp[currentIndex] = digits[i];\n currentIndex++;\n }\n\n const joined = newOtp.join('');\n\n props.onChange?.(joined);\n\n if (newOtp.every((char) => char !== '')) {\n props.onComplete?.(joined);\n }\n\n setTimeout(() => {\n const firstEmpty = newOtp.findIndex((char) => char === '');\n if (firstEmpty !== -1) {\n inputsRef.current[firstEmpty]?.focus();\n } else if (currentIndex < newOtp.length) {\n inputsRef.current[currentIndex]?.focus();\n }\n }, 0);\n\n return newOtp;\n });\n },\n [props],\n );\n\n const handleChange = useCallback(\n (index: number, value: string) => {\n if (!/^\\d*$/.test(value)) return;\n\n setOtp((prevOtp) => {\n const newOtp = [...prevOtp];\n newOtp[index] = value.slice(-1);\n\n if (props.onChange) {\n props.onChange(newOtp.join(''));\n }\n\n if (newOtp.every((char) => char !== '')) {\n props.onComplete?.(newOtp.join(''));\n }\n\n if (value && index < prevOtp.length - 1) {\n setTimeout(() => {\n inputsRef.current[index + 1]?.focus();\n }, 0);\n }\n\n return newOtp;\n });\n },\n [props],\n );\n\n const handleKeyDown = (index: number, e: KeyboardEvent<HTMLInputElement>) => {\n const input = inputsRef.current[index];\n\n if (!input) return;\n\n if (e.key === 'ArrowRight') {\n const nextIndex = index < otp.length - 1 ? index + 1 : 0;\n const nextInput = inputsRef.current[nextIndex];\n\n if (nextInput) {\n nextInput.focus();\n setTimeout(() => nextInput.setSelectionRange(0, nextInput.value.length), 0);\n }\n }\n\n if (e.key === 'ArrowLeft') {\n const prevIndex = index > 0 ? index - 1 : otp.length - 1;\n const prevInput = inputsRef.current[prevIndex];\n\n if (prevInput) {\n prevInput.focus();\n setTimeout(() => prevInput.setSelectionRange(0, prevInput.value.length), 0);\n }\n }\n\n if (e.key === 'Backspace') {\n if (input.value) {\n setTimeout(() => input.setSelectionRange(0, input.value.length), 0);\n } else if (index > 0) {\n setTimeout(() => {\n const prevInput = inputsRef.current[index - 1];\n if (prevInput) {\n prevInput.focus();\n prevInput.setSelectionRange(0, prevInput.value.length);\n }\n }, 0);\n }\n }\n };\n\n const handleFocusInput = useCallback((e: FocusEvent<HTMLInputElement>) => {\n setTimeout(() => e.target.setSelectionRange(0, e.target.value.length), 0);\n }, []);\n return (\n <>\n <InputOTPWrapper\n $error={props.error}\n $size={props.size}\n id={props.id}\n ref={wrapperRef}\n onBlur={(e) => {\n setTimeout(() => {\n if (wrapperRef.current && !wrapperRef.current.contains(document.activeElement)) {\n props.onBlur?.(e);\n }\n }, 0);\n }}\n onFocus={(e) => {\n setTimeout(() => {\n if (wrapperRef.current?.contains(document.activeElement)) {\n props.onFocus?.(e);\n }\n }, 0);\n }}\n $sx={props.sx}\n >\n {otp.map((digit, index) => (\n <Input\n isWidthAsHeight\n key={index}\n tabIndex={index + 1}\n ref={(el) => {\n inputsRef.current[index] = el;\n }}\n variety='standard'\n type='text'\n inputMode='numeric'\n maxLength={1}\n value={digit}\n onFocus={handleFocusInput}\n onPaste={(e) => handlePaste(index, e)}\n onChange={(value) => handleChange(index, value)}\n onKeyDown={(e) => handleKeyDown(index, e)}\n genre={props.genre}\n size={props.size}\n font={props.font}\n />\n ))}\n </InputOTPWrapper>\n {props?.error ? (\n <ErrorMessage\n {...props.error}\n size={props?.error.size ?? props.size}\n font={{\n size: 12,\n weight: 400,\n family: props.font?.family,\n }}\n />\n ) : null}\n </>\n );\n};\n"],"names":["props","otp","setOtp","useState","Array","length","fill","inputsRef","useRef","wrapperRef","handlePaste","useCallback","index","e","preventDefault","digits","clipboardData","getData","replace","split","prevOtp","newOtp","currentIndex","i","joined","join","_a","onChange","call","every","char","_b","onComplete","setTimeout","firstEmpty","findIndex","current","focus","handleChange","value","test","slice","handleFocusInput","target","setSelectionRange","jsxs","Fragment","children","jsx","InputOTPWrapper","$error","error","$size","size","id","ref","onBlur","contains","document","activeElement","onFocus","$sx","sx","map","digit","Input","isWidthAsHeight","tabIndex","el","variety","type","inputMode","maxLength","onPaste","onKeyDown","input","key","nextIndex","nextInput","prevIndex","prevInput","handleKeyDown","genre","font","ErrorMessage","weight","family"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-DHXjnBNp.cjs"),r=require("./context.constants-BMJ3rLa_.cjs");exports.Accordion=o.Accordion,exports.AccordionDetails=r.AccordionDetails,exports.AccordionStyledIcon=r.AccordionStyledIcon,exports.AccordionSummary=r.AccordionSummary,exports.AccordionSummaryContent=r.AccordionSummaryContent,exports.AccordionWrapper=r.AccordionWrapper;
|
|
2
2
|
//# sourceMappingURL=component-accordion.cjs.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { A } from "./component-
|
|
2
|
-
import { d, e, b, c, A as A2 } from "./context.constants-
|
|
1
|
+
import { A } from "./component-CATlnN8o.js";
|
|
2
|
+
import { d, e, b, c, A as A2 } from "./context.constants-YlWOZAd7.js";
|
|
3
3
|
export {
|
|
4
4
|
A as Accordion,
|
|
5
5
|
d as AccordionDetails,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-BMJ3rLa_.cjs"),o=require("./component-DIk87lHF.cjs");exports.ButtonGroupWrapper=t.ButtonGroupWrapper,exports.ButtonGroup=o.ButtonGroup;
|
|
2
2
|
//# sourceMappingURL=component-button-group.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-BMJ3rLa_.cjs");exports.Button=t.Button,exports.StyledButton=t.StyledButton,exports.StyledButtonIconsWrapper=t.StyledButtonIconsWrapper;
|
|
2
2
|
//# sourceMappingURL=component-button.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-C8ueaiSO.cjs"),o=require("./context.constants-BMJ3rLa_.cjs");exports.CheckboxGroup=e.CheckboxGroup,exports.CheckboxChildren=o.CheckboxChildren,exports.CheckboxGroupItem=o.CheckboxGroupItem,exports.CheckboxGroupLabel=o.CheckboxGroupLabel,exports.CheckboxGroupSize=o.CheckboxGroupSize,exports.CheckboxGroupSizeConstructor=o.CheckboxGroupSizeConstructor,exports.CheckboxGroupWrapper=o.CheckboxGroupWrapper;
|
|
2
2
|
//# sourceMappingURL=component-checkbox-group.cjs.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C } from "./component-
|
|
2
|
-
import { q, o, p, l, m, n } from "./context.constants-
|
|
1
|
+
import { C } from "./component-DJDXAzlq.js";
|
|
2
|
+
import { q, o, p, l, m, n } from "./context.constants-YlWOZAd7.js";
|
|
3
3
|
export {
|
|
4
4
|
q as CheckboxChildren,
|
|
5
5
|
C as CheckboxGroup,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-skAuX4C8.cjs"),o=require("./context.constants-BMJ3rLa_.cjs");exports.Checkbox=e.Checkbox,exports.CheckboxGenre=o.CheckboxGenre,exports.CheckboxSize=o.CheckboxSize,exports.CheckboxSizeConstructor=o.CheckboxSizeConstructor,exports.CheckboxWrapper=o.CheckboxWrapper;
|
|
2
2
|
//# sourceMappingURL=component-checkbox.cjs.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C } from "./component-
|
|
2
|
-
import { j, C as C2, i, k } from "./context.constants-
|
|
1
|
+
import { C } from "./component-DIA35EVR.js";
|
|
2
|
+
import { j, C as C2, i, k } from "./context.constants-YlWOZAd7.js";
|
|
3
3
|
export {
|
|
4
4
|
C as Checkbox,
|
|
5
5
|
j as CheckboxGenre,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.types-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.types-C6Zrax1A.cjs"),e=require("./context.constants-BMJ3rLa_.cjs");exports.DatePicker=t.DatePicker,exports.DatePickerVariant=t.DatePickerVariant,exports.DateDropdownDay=e.DateDropdownDay,exports.DateDropdownDayOfWeek=e.DateDropdownDayOfWeek,exports.DateDropdownDays=e.DateDropdownDays,exports.DateDropdownList=e.DateDropdownList,exports.DateDropdownListParent=e.DateDropdownListParent,exports.DateInput=e.DateInput,exports.DateInputButton=e.DateInputButton,exports.DateInputButtonClear=e.DateInputButtonClear,exports.DateInputWrapper=e.DateInputWrapper,exports.DateWrapper=e.DateWrapper,exports.addDateDropdownDaySize=e.addDateDropdownDaySize,exports.addDateInputButtonClearSize=e.addDateInputButtonClearSize,exports.addDateInputButtonSize=e.addDateInputButtonSize,exports.addDateInputWrapperSize=e.addDateInputWrapperSize;
|
|
2
2
|
//# sourceMappingURL=component-date-picker.cjs.js.map
|
|
@@ -458,6 +458,7 @@ declare type SelectProps<T extends ISelectItem> = addErrorProps & addFontProps &
|
|
|
458
458
|
id?: string;
|
|
459
459
|
size: IThemeSize;
|
|
460
460
|
genre: TInputSelect;
|
|
461
|
+
isToggleWhenClickSelectListOption?: boolean;
|
|
461
462
|
isDisabled?: boolean;
|
|
462
463
|
isShowDropdownOptionIcon?: boolean;
|
|
463
464
|
isShowIconToggle?: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { D, a } from "./component.types-
|
|
2
|
-
import { v, w, t, s, r, x, F, H, z, D as D2, u, G, E, y } from "./context.constants-
|
|
1
|
+
import { D, a } from "./component.types-B3IQzYHq.js";
|
|
2
|
+
import { v, w, t, s, r, x, F, H, z, D as D2, u, G, E, y } from "./context.constants-YlWOZAd7.js";
|
|
3
3
|
export {
|
|
4
4
|
v as DateDropdownDay,
|
|
5
5
|
w as DateDropdownDayOfWeek,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-BMJ3rLa_.cjs");exports.Icon=e.Icon,exports.StyledIcon=e.StyledIcon,exports.StyledIconSkeleton=e.StyledIconSkeleton,exports.getIconComponents=e.getIconComponents,exports.useInjectSprites=e.useInjectSprites,exports.useLazyInjectSprite=e.useLazyInjectSprite;
|
|
2
2
|
//# sourceMappingURL=component-icon.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-CM4bf3RV.cjs");exports.ImageButton=e.ImageButton;
|
|
2
2
|
//# sourceMappingURL=component-image-button.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-BzWpboBU.cjs"),t=require("./context.constants-BMJ3rLa_.cjs");exports.ImageSelect=e.ImageSelect,exports.ImageSelectListSize=t.ImageSelectListSize,exports.ImageSelectListSizeConstructor=t.ImageSelectListSizeConstructor,exports.ImageSelectListWrapper=t.ImageSelectListWrapper,exports.ImageSelectSize=t.ImageSelectSize,exports.ImageSelectSizeConstructor=t.ImageSelectSizeConstructor,exports.ImageSelectWrapper=t.ImageSelectWrapper;
|
|
2
2
|
//# sourceMappingURL=component-image-select.cjs.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { I } from "./component-
|
|
2
|
-
import { Q, R, W, T, U, V } from "./context.constants-
|
|
1
|
+
import { I } from "./component-DrTBbu8u.js";
|
|
2
|
+
import { Q, R, W, T, U, V } from "./context.constants-YlWOZAd7.js";
|
|
3
3
|
export {
|
|
4
4
|
I as ImageSelect,
|
|
5
5
|
Q as ImageSelectListSize,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-BMJ3rLa_.cjs"),t=require("./component.constants-BgV35uxo.cjs");exports.SliderDot=e.SliderDot,exports.SliderImage=e.SliderImage,exports.IMAGES=t.IMAGES,exports.ImageSlider=t.ImageSlider;
|
|
2
2
|
//# sourceMappingURL=component-image-slider.cjs.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Y, X } from "./context.constants-
|
|
2
|
-
import { a, I } from "./component.constants-
|
|
1
|
+
import { Y, X } from "./context.constants-YlWOZAd7.js";
|
|
2
|
+
import { a, I } from "./component.constants-DbWj5l8e.js";
|
|
3
3
|
export {
|
|
4
4
|
a as IMAGES,
|
|
5
5
|
I as ImageSlider,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-DbRG0dzX.cjs"),t=require("./context.constants-BMJ3rLa_.cjs");exports.Image=e.Image,exports.ImageIMG=t.ImageIMG;
|
|
2
2
|
//# sourceMappingURL=component-image.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-DwVvs3yX.cjs"),e=require("./context.constants-BMJ3rLa_.cjs");exports.InputOTP=t.InputOTP,exports.InputOTPSize=e.InputOTPSize,exports.InputOTPSizeConstructor=e.InputOTPSizeConstructor,exports.InputOTPWrapper=e.InputOTPWrapper;
|
|
2
2
|
//# sourceMappingURL=component-input-otp.cjs.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { I } from "./component-
|
|
2
|
-
import { aa, ab, ac } from "./context.constants-
|
|
1
|
+
import { I } from "./component-BD3FCIT8.js";
|
|
2
|
+
import { aa, ab, ac } from "./context.constants-YlWOZAd7.js";
|
|
3
3
|
export {
|
|
4
4
|
I as InputOTP,
|
|
5
5
|
aa as InputOTPSize,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-DNVmU44U.cjs"),e=require("./context.constants-BMJ3rLa_.cjs");exports.Input=t.Input,exports.formatPhoneNumber=t.formatPhoneNumber,exports.InputPostfixChildren=e.InputPostfixChildren,exports.InputPrefixChildren=e.InputPrefixChildren,exports.InputSize=e.InputSize,exports.InputSizeConstructor=e.InputSizeConstructor,exports.StyledInput=e.StyledInput,exports.StyledInputCSS=e.StyledInputCSS,exports.StyledInputNumeric=e.StyledInputNumeric,exports.StyledInputPattern=e.StyledInputPattern,exports.StyledInputWrapper=e.StyledInputWrapper,exports.StyledMotionInput=e.StyledMotionInput,exports.addInputIsInputEffect=e.addInputIsInputEffect,exports.addInputPlaceholder=e.addInputPlaceholder,exports.addInputPlaceholderNiceNumber=e.addInputPlaceholderNiceNumber;
|
|
2
2
|
//# sourceMappingURL=component-input.cjs.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { I, f } from "./component-
|
|
2
|
-
import { a9, a8, a0, a1, a4, a3, a7, a6, Z, a5, a2, _, $ } from "./context.constants-
|
|
1
|
+
import { I, f } from "./component-DAocGHCP.js";
|
|
2
|
+
import { a9, a8, a0, a1, a4, a3, a7, a6, Z, a5, a2, _, $ } from "./context.constants-YlWOZAd7.js";
|
|
3
3
|
export {
|
|
4
4
|
I as Input,
|
|
5
5
|
a9 as InputPostfixChildren,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-BMJ3rLa_.cjs"),e=require("./component.components-BjdoMO5R.cjs");exports.DEFAULT_MAP_CENTER=t.DEFAULT_MAP_CENTER,exports.DEFAULT_MAP_MAX_ZOOM=t.DEFAULT_MAP_MAX_ZOOM,exports.DEFAULT_MAP_MIN_ZOOM=t.DEFAULT_MAP_MIN_ZOOM,exports.DEFAULT_MAP_THEME=t.DEFAULT_MAP_THEME,exports.DEFAULT_MAP_ZOOM=t.DEFAULT_MAP_ZOOM,exports.MapWrapper=t.MapWrapper,exports.CustomZoomControl=e.CustomZoomControl,exports.MapCluster=e.MapCluster,exports.MapDot=e.MapDot,exports.MarkerCluster=e.MarkerCluster,exports.UpdateMapSettings=e.UpdateMapSettings,exports.createClusterIcon=e.createClusterIcon,exports.customDefaultIcon=e.customDefaultIcon,exports.customTextIcon=e.customTextIcon;
|
|
2
2
|
//# sourceMappingURL=component-map.cjs.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ag, ad, ae, ah, af, ai } from "./context.constants-
|
|
2
|
-
import { C, M, a, b, U, c, e, d } from "./component.components-
|
|
1
|
+
import { ag, ad, ae, ah, af, ai } from "./context.constants-YlWOZAd7.js";
|
|
2
|
+
import { C, M, a, b, U, c, e, d } from "./component.components-83DbC_hw.js";
|
|
3
3
|
export {
|
|
4
4
|
C as CustomZoomControl,
|
|
5
5
|
ag as DEFAULT_MAP_CENTER,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.constants-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.constants-C4Du7oRP.cjs");exports.DEFAULT_COMPONENT_PAGINATION_GAP=t.DEFAULT_COMPONENT_PAGINATION_GAP,exports.Pagination=t.Pagination;
|
|
2
2
|
//# sourceMappingURL=component-pagination.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-CANbSEA3.cjs"),r=require("./context.constants-BMJ3rLa_.cjs");exports.Range=e.Range,exports.RangeThumb=r.RangeThumb,exports.RangeTrack=r.RangeTrack,exports.RangeWrapper=r.RangeWrapper;
|
|
2
2
|
//# sourceMappingURL=component-range.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-BMJ3rLa_.cjs");exports.ButtonList=t.ButtonList,exports.ContainerDropdownListOption=t.ContainerDropdownListOption,exports.ContainerSelectListOption=t.ContainerSelectListOption,exports.DropdownList=t.DropdownList,exports.DropdownListOption=t.DropdownListOption,exports.DropdownListOptionIcon=t.DropdownListOptionIcon,exports.DropdownListParent=t.DropdownListParent,exports.Select=t.Select,exports.SelectLanguage=t.SelectLanguage,exports.SelectList=t.SelectList,exports.SelectListOption=t.SelectListOption,exports.SelectMapTheme=t.SelectMapTheme,exports.SelectMonth=t.SelectMonth,exports.SelectMonths=t.SelectMonths,exports.SelectTextArea=t.SelectTextArea,exports.SelectWrapper=t.SelectWrapper,exports.SelectYear=t.SelectYear;
|
|
2
2
|
//# sourceMappingURL=component-select.cjs.js.map
|
|
@@ -225,6 +225,7 @@ export declare type SelectProps<T extends ISelectItem> = addErrorProps & addFont
|
|
|
225
225
|
id?: string;
|
|
226
226
|
size: IThemeSize;
|
|
227
227
|
genre: TInputSelect;
|
|
228
|
+
isToggleWhenClickSelectListOption?: boolean;
|
|
228
229
|
isDisabled?: boolean;
|
|
229
230
|
isShowDropdownOptionIcon?: boolean;
|
|
230
231
|
isShowIconToggle?: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { aA, an, ao, aw, ax, ay, av, am, ap, az, aB, at, aq, ar, aC, au, as } from "./context.constants-
|
|
1
|
+
import { aA, an, ao, aw, ax, ay, av, am, ap, az, aB, at, aq, ar, aC, au, as } from "./context.constants-YlWOZAd7.js";
|
|
2
2
|
export {
|
|
3
3
|
aA as ButtonList,
|
|
4
4
|
an as ContainerDropdownListOption,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),s=require("./context.constants-
|
|
2
|
-
//# sourceMappingURL=component-
|
|
1
|
+
"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),s=require("./context.constants-BMJ3rLa_.cjs"),i=require("react"),n=require("styled-components");require("./component.styles-Dpg-__rn.cjs");const r=require("./component-CLqcB5mM.cjs");exports.Checkbox=o=>{var t,l,d;const c=i.useCallback(e=>{var s;null==(s=o.onChange)||s.call(o,e)},[o.onChange]),a=n.useTheme(),x=i.useMemo(()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(s.Icon,{...o.checked?o.view.true:o.view.false,size:(o.checked?o.view.true:o.view.false).size??o.size}),o.children&&o.children]}),[o.checked,o.children,o.size,o.view]),u=e.jsxRuntimeExports.jsx(s.Icon,{size:o.size,type:"loading",name:"Line"});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(s.CheckboxWrapper,{type:"button",$genre:o.genre,$error:o.error,$view:o.view,$font:{...o.font,size:(null==(t=o.font)?void 0:t.size)??s.KEY_SIZE_DATA[o.size].font,weight:(null==(l=o.font)?void 0:l.weight)??700},$checked:o.checked,$isWidthAsHeight:o.isWidthAsHeight,$size:o.size,$isDisabled:o.isDisabled,$isHiddenBorder:o.isHiddenBorder,$isNotBackground:o.isNotBackground,$sx:o.sx,$sxTypography:o.sxTypography,$isDisabledOutline:o.isDisabled??o.isDisabledOutline,$isOutlineBoxShadow:o.isOutlineBoxShadow,$isReadOnly:o.isReadOnly,disabled:o.isDisabled,tabIndex:0,onClick:()=>!o.isDisabled&&c(!o.checked),children:[e.jsxRuntimeExports.jsx(r.Ripple,{color:a.colors.checkbox[o.genre].color.rest,isDisabled:o.isDisabled}),o.isOnlyLoading?o.isLoading?u:x:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[x,o.isLoading&&u]})]}),(null==o?void 0:o.error)?e.jsxRuntimeExports.jsx(s.ErrorMessage,{...o.error,size:(null==o?void 0:o.error.size)??o.size,font:{size:12,weight:400,family:(null==(d=o.font)?void 0:d.family)??a.font.family}}):null]})};
|
|
2
|
+
//# sourceMappingURL=component-skAuX4C8.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-
|
|
1
|
+
{"version":3,"file":"component-skAuX4C8.cjs","sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { FC, useCallback, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { Icon } from '../icon';\nimport { Ripple } from '../ripple';\nimport { CheckboxProps, CheckboxWrapper } from '.';\n\nexport const Checkbox: FC<CheckboxProps> = (props) => {\n const handleOnClick = useCallback(\n (checked: boolean) => {\n props.onChange?.(checked);\n },\n [props.onChange],\n );\n const theme = useTheme();\n const children = useMemo(\n () => (\n <>\n <Icon\n {...(props.checked ? props.view.true : props.view.false)}\n size={(props.checked ? props.view.true : props.view.false).size ?? props.size}\n />\n {props.children && props.children}\n </>\n ),\n [props.checked, props.children, props.size, props.view],\n );\n const LoadingComponent = <Icon size={props.size} type='loading' name='Line' />;\n\n return (\n <>\n <CheckboxWrapper\n type='button'\n $genre={props.genre}\n $error={props.error}\n $view={props.view}\n $font={{\n ...props.font,\n size: props.font?.size ?? KEY_SIZE_DATA[props.size].font,\n weight: props.font?.weight ?? 700,\n }}\n $checked={props.checked}\n $isWidthAsHeight={props.isWidthAsHeight}\n $size={props.size}\n $isDisabled={props.isDisabled}\n $isHiddenBorder={props.isHiddenBorder}\n $isNotBackground={props.isNotBackground}\n $sx={props.sx}\n $sxTypography={props.sxTypography}\n $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n $isOutlineBoxShadow={props.isOutlineBoxShadow}\n $isReadOnly={props.isReadOnly}\n disabled={props.isDisabled}\n tabIndex={0}\n onClick={() => !props.isDisabled && handleOnClick(!props.checked)}\n >\n <Ripple color={theme.colors.checkbox[props.genre].color.rest} isDisabled={props.isDisabled} />\n {props.isOnlyLoading ? (\n props.isLoading ? (\n LoadingComponent\n ) : (\n children\n )\n ) : (\n <>\n {children}\n {props.isLoading && LoadingComponent}\n </>\n )}\n </CheckboxWrapper>\n {props?.error ? (\n <ErrorMessage\n {...props.error}\n size={props?.error.size ?? props.size}\n font={{\n size: 12,\n weight: 400,\n family: props.font?.family ?? theme.font.family,\n }}\n />\n ) : null}\n </>\n );\n};\n"],"names":["props","handleOnClick","useCallback","checked","_a","onChange","call","theme","useTheme","children","useMemo","jsxs","Fragment","jsx","Icon","view","true","false","size","LoadingComponent","type","name","CheckboxWrapper","$genre","genre","$error","error","$view","$font","font","KEY_SIZE_DATA","weight","_b","$checked","$isWidthAsHeight","isWidthAsHeight","$size","$isDisabled","isDisabled","$isHiddenBorder","isHiddenBorder","$isNotBackground","isNotBackground","$sx","sx","$sxTypography","sxTypography","$isDisabledOutline","isDisabledOutline","$isOutlineBoxShadow","isOutlineBoxShadow","$isReadOnly","isReadOnly","disabled","tabIndex","onClick","Ripple","color","colors","checkbox","rest","isOnlyLoading","isLoading","ErrorMessage","family","_c"],"mappings":"mQAU4CA,cAC1C,MAAMC,EAAgBC,EAAAA,YACnBC,UACC,OAAAC,EAAAJ,EAAMK,WAAND,EAAAE,KAAAN,EAAiBG,IAEnB,CAACH,EAAMK,WAEHE,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,QACf,MACEC,kBAAAA,KAAAC,6BAAA,CACEH,SAAA,GAAAI,kBAAAA,IAACC,EAAAA,KAAA,IACMd,EAAMG,QAAUH,EAAMe,KAAKC,KAAOhB,EAAMe,KAAKE,MAClDC,MAAOlB,EAAMG,QAAUH,EAAMe,KAAKC,KAAOhB,EAAMe,KAAKE,OAAOC,MAAQlB,EAAMkB,OAE1ElB,EAAMS,UAAYT,EAAMS,YAG7B,CAACT,EAAMG,QAASH,EAAMS,SAAUT,EAAMkB,KAAMlB,EAAMe,OAE9CI,0BAAoBL,EAAAA,KAAA,CAAKI,KAAMlB,EAAMkB,KAAME,KAAK,UAAUC,KAAK,SAErE,SACEV,kBAAAA,KAAAC,6BAAA,CACEH,SAAA,GAAAE,kBAAAA,KAACW,EAAAA,gBAAA,CACCF,KAAK,SACLG,OAAQvB,EAAMwB,MACdC,OAAQzB,EAAM0B,MACdC,MAAO3B,EAAMe,KACba,MAAO,IACF5B,EAAM6B,KACTX,MAAM,OAAAd,IAAMyB,WAAN,EAAAzB,EAAYc,OAAQY,EAAAA,cAAc9B,EAAMkB,MAAMW,KACpDE,QAAQ,OAAAC,EAAAhC,EAAM6B,WAAN,EAAAG,EAAYD,SAAU,KAEhCE,SAAUjC,EAAMG,QAChB+B,iBAAkBlC,EAAMmC,gBACxBC,MAAOpC,EAAMkB,KACbmB,YAAarC,EAAMsC,WACnBC,gBAAiBvC,EAAMwC,eACvBC,iBAAkBzC,EAAM0C,gBACxBC,IAAK3C,EAAM4C,GACXC,cAAe7C,EAAM8C,aACrBC,mBAAoB/C,EAAMsC,YAActC,EAAMgD,kBAC9CC,oBAAqBjD,EAAMkD,mBAC3BC,YAAanD,EAAMoD,WACnBC,SAAUrD,EAAMsC,WAChBgB,SAAU,EACVC,QAAS,KAAOvD,EAAMsC,YAAcrC,GAAeD,EAAMG,SAEzDM,SAAA,GAAAI,kBAAAA,IAAC2C,EAAAA,OAAA,CAAOC,MAAOlD,EAAMmD,OAAOC,SAAS3D,EAAMwB,OAAOiC,MAAMG,KAAMtB,WAAYtC,EAAMsC,aAC/EtC,EAAM6D,cACL7D,EAAM8D,UACJ3C,EAEAV,EAGFE,EAAAA,kBAAAA,KAAAC,6BAAA,CACGH,SAAA,CAAAA,EACAT,EAAM8D,WAAa3C,SAIzB,MAAAnB,OAAA,EAAAA,EAAO0B,OACNb,EAAAA,kBAAAA,IAACkD,EAAAA,aAAA,IACK/D,EAAM0B,MACVR,MAAM,MAAAlB,OAAA,EAAAA,EAAO0B,MAAMR,OAAQlB,EAAMkB,KACjCW,KAAM,CACJX,KAAM,GACNa,OAAQ,IACRiC,QAAQ,OAAAC,EAAAjE,EAAM6B,WAAN,EAAAoC,EAAYD,SAAUzD,EAAMsB,KAAKmC,UAG3C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-BMJ3rLa_.cjs");exports.StyledTextArea=e.StyledTextArea,exports.TextArea=e.TextArea,exports.TextAreaWrapper=e.TextAreaWrapper,exports.addTextArea=e.addTextArea;
|
|
2
2
|
//# sourceMappingURL=component-textarea.cjs.js.map
|
|
@@ -9,6 +9,7 @@ import { HTMLInputAutoCompleteAttribute } from 'react';
|
|
|
9
9
|
import { IStyledComponentBase } from 'styled-components/dist/types';
|
|
10
10
|
import { JSX } from 'react/jsx-runtime';
|
|
11
11
|
import { KeyboardEventHandler } from 'react';
|
|
12
|
+
import { MouseEventHandler } from 'react';
|
|
12
13
|
import { RefObject } from 'react';
|
|
13
14
|
import { RuleSet } from 'styled-components';
|
|
14
15
|
import { Substitute } from 'styled-components/dist/types';
|
|
@@ -69,6 +70,8 @@ declare type CommonTextAreaProps = addErrorProps & addFontProps & addSXProps & {
|
|
|
69
70
|
onFocus?: (event?: FocusEvent_2<HTMLTextAreaElement>) => void;
|
|
70
71
|
onBlur?: (event?: FocusEvent_2<HTMLTextAreaElement>) => void;
|
|
71
72
|
onChange?: (value: string) => void;
|
|
73
|
+
onClick?: MouseEventHandler<HTMLTextAreaElement>;
|
|
74
|
+
onMouseDown?: MouseEventHandler<HTMLTextAreaElement>;
|
|
72
75
|
onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
|
|
73
76
|
};
|
|
74
77
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-B8kWtTfs.cjs"),o=require("./context.constants-BMJ3rLa_.cjs");exports.Toggle=e.Toggle,exports.ToggleCenter=o.ToggleCenter,exports.ToggleWrapper=o.ToggleWrapper;
|
|
2
2
|
//# sourceMappingURL=component-toggle.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./context.constants-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./context.constants-BMJ3rLa_.cjs");exports.DEFAULT_TOOLTIP_OFFSET_FALLBACK=o.DEFAULT_TOOLTIP_OFFSET_FALLBACK,exports.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK=o.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,exports.Tooltip=o.Tooltip,exports.TooltipBox=o.TooltipBox,exports.TooltipContainer=o.TooltipContainer,exports.TooltipContent=o.TooltipContent,exports.addTooltipBoxSize=o.addTooltipBoxSize,exports.addTooltipBoxSizeConstructor=o.addTooltipBoxSizeConstructor;
|
|
2
2
|
//# sourceMappingURL=component-tooltip.cjs.js.map
|
|
@@ -84,16 +84,59 @@ declare type IThemeTypographyHeading = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' |
|
|
|
84
84
|
|
|
85
85
|
declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
|
|
86
86
|
|
|
87
|
+
/**
|
|
88
|
+
* Props for the Popover component. / Свойства компонента Popover.
|
|
89
|
+
*/
|
|
87
90
|
declare type PopoverProps = PropsWithChildren & {
|
|
91
|
+
/**
|
|
92
|
+
* Additional class name for the popover root element.
|
|
93
|
+
* Дополнительный CSS-класс для корневого элемента поповера.
|
|
94
|
+
*/
|
|
88
95
|
className?: string;
|
|
96
|
+
/**
|
|
97
|
+
* Maximum width of the popover (CSS value, e.g. '300px' or '100%').
|
|
98
|
+
* Максимальная ширина поповера (CSS-значение, например, '300px' или '100%').
|
|
99
|
+
*/
|
|
89
100
|
maxWidth?: string;
|
|
101
|
+
/**
|
|
102
|
+
* Maximum height of the popover (CSS value, e.g. '400px' or '100%').
|
|
103
|
+
* Максимальная высота поповера (CSS-значение, например, '400px' или '100%').
|
|
104
|
+
*/
|
|
90
105
|
maxHeight?: string;
|
|
106
|
+
/**
|
|
107
|
+
* Controls whether the popover is open (visible).
|
|
108
|
+
* Управляет открытием поповера (видимостью).
|
|
109
|
+
*/
|
|
91
110
|
isOpen: boolean;
|
|
111
|
+
/**
|
|
112
|
+
* If true, always show the outline (for accessibility/debug).
|
|
113
|
+
* Если true — всегда показывать обводку (для доступности/отладки).
|
|
114
|
+
*/
|
|
92
115
|
isShowAlwaysOutline?: boolean;
|
|
116
|
+
/**
|
|
117
|
+
* Styles for the floating popover element (from floating-ui).
|
|
118
|
+
* Стили для плавающего элемента поповера (от floating-ui).
|
|
119
|
+
*/
|
|
93
120
|
floatingStyles: CSSProperties;
|
|
121
|
+
/**
|
|
122
|
+
* Callback fired when the popover should close (e.g. click outside).
|
|
123
|
+
* Колбэк, вызываемый при необходимости закрыть поповер (например, при клике вне).
|
|
124
|
+
*/
|
|
94
125
|
onClose?: () => void;
|
|
126
|
+
/**
|
|
127
|
+
* Ref to the popover root element.
|
|
128
|
+
* Ref на корневой элемент поповера.
|
|
129
|
+
*/
|
|
95
130
|
ref?: Ref<HTMLElement | null>;
|
|
131
|
+
/**
|
|
132
|
+
* Size of the popover (affects padding, font, etc.).
|
|
133
|
+
* Размер поповера (влияет на отступы, шрифт и т.д.).
|
|
134
|
+
*/
|
|
96
135
|
size?: IThemeSize;
|
|
136
|
+
/**
|
|
137
|
+
* Visual genre/style of the popover (e.g. 'black', 'primary').
|
|
138
|
+
* Визуальный стиль поповера (например, 'black', 'primary').
|
|
139
|
+
*/
|
|
97
140
|
genre?: TButtonGenre;
|
|
98
141
|
} & addSXProps & addFontProps & addSXTypographyProps;
|
|
99
142
|
|
|
@@ -171,20 +214,84 @@ declare type TypographyVariantProps = TypographyDefaultProps & {
|
|
|
171
214
|
variant: IThemeTypographyHeading;
|
|
172
215
|
};
|
|
173
216
|
|
|
217
|
+
/**
|
|
218
|
+
* Props for the usePopover hook (popover logic and behavior).
|
|
219
|
+
* Свойства для хука usePopover (логика и поведение поповера).
|
|
220
|
+
*/
|
|
174
221
|
declare type UsePopoverProps = {
|
|
222
|
+
/**
|
|
223
|
+
* Поддержка фокуса внутри поповера (если true, фокус будет удерживаться внутри поповера).
|
|
224
|
+
*/
|
|
225
|
+
isFocusTrap?: boolean;
|
|
226
|
+
/**
|
|
227
|
+
* Delay in ms before closing popover on hover out (default: 100).
|
|
228
|
+
* Задержка в мс перед закрытием поповера при уходе мыши (по умолчанию: 100).
|
|
229
|
+
*/
|
|
175
230
|
hoverCloseDelay?: number;
|
|
231
|
+
/**
|
|
232
|
+
* Offset in px for hover zone around popover (default: 8).
|
|
233
|
+
* Отступ в пикселях для hover-зоны вокруг поповера (по умолчанию: 8).
|
|
234
|
+
*/
|
|
176
235
|
hoverOffset?: number;
|
|
236
|
+
/**
|
|
237
|
+
* If true, popover closes when clicking outside.
|
|
238
|
+
* Если true — поповер закрывается при клике вне его.
|
|
239
|
+
*/
|
|
177
240
|
isClickOutside?: boolean;
|
|
241
|
+
/**
|
|
242
|
+
* If true, disables all popover logic and interaction.
|
|
243
|
+
* Если true — отключает всю логику и взаимодействие поповера.
|
|
244
|
+
*/
|
|
178
245
|
isDisabled?: boolean;
|
|
246
|
+
/**
|
|
247
|
+
* If true, enables floating hover mode (popover stays open while mouse is near).
|
|
248
|
+
* Если true — включает режим плавающего hover (поповер открыт, пока мышь рядом).
|
|
249
|
+
*/
|
|
179
250
|
isFloatingHover?: boolean;
|
|
251
|
+
/**
|
|
252
|
+
* If true, popover width matches reference element.
|
|
253
|
+
* Если true — ширина поповера совпадает с reference-элементом.
|
|
254
|
+
*/
|
|
180
255
|
isWidthAsContent?: boolean;
|
|
256
|
+
/**
|
|
257
|
+
* Popover open/close mode: 'click', 'hover', 'clickOpen', or 'independence'.
|
|
258
|
+
* Режим открытия/закрытия поповера: 'click', 'hover', 'clickOpen', 'independence'.
|
|
259
|
+
*/
|
|
181
260
|
mode?: 'click' | 'hover' | 'clickOpen' | 'independence';
|
|
261
|
+
/**
|
|
262
|
+
* Offset in px between reference and popover (default: 8).
|
|
263
|
+
* Отступ в пикселях между reference и поповером (по умолчанию: 8).
|
|
264
|
+
*/
|
|
182
265
|
offset?: number;
|
|
266
|
+
/**
|
|
267
|
+
* Placement of the popover relative to reference (from floating-ui).
|
|
268
|
+
* Положение поповера относительно reference (из floating-ui).
|
|
269
|
+
*/
|
|
183
270
|
placement: Placement;
|
|
271
|
+
/**
|
|
272
|
+
* Refs to elements that should not trigger click outside close.
|
|
273
|
+
* Массив ref'ов, которые не должны вызывать закрытие при клике вне.
|
|
274
|
+
*/
|
|
184
275
|
refsExcludeClickOutside?: Ref<HTMLElement | null>[];
|
|
276
|
+
/**
|
|
277
|
+
* Refs to elements that should not trigger blur close.
|
|
278
|
+
* Массив ref'ов, которые не должны вызывать закрытие при потере фокуса.
|
|
279
|
+
*/
|
|
185
280
|
refsExcludeBlur?: Ref<HTMLElement | null>[];
|
|
281
|
+
/**
|
|
282
|
+
* Callback fired when popover is focused/opened.
|
|
283
|
+
* Колбэк, вызываемый при открытии/фокусе поповера.
|
|
284
|
+
*/
|
|
186
285
|
onFocus?: () => void;
|
|
286
|
+
/**
|
|
287
|
+
* Callback fired when popover is blurred/closed.
|
|
288
|
+
* Колбэк, вызываемый при закрытии/потере фокуса поповера.
|
|
289
|
+
*/
|
|
187
290
|
onBlur?: () => void;
|
|
291
|
+
/**
|
|
292
|
+
* Callback fired when reference element loses focus (not to excluded refs).
|
|
293
|
+
* Колбэк, вызываемый при потере фокуса reference-элемента (не на исключённые ref'ы).
|
|
294
|
+
*/
|
|
188
295
|
onBlurReference?: () => void;
|
|
189
296
|
};
|
|
190
297
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component.functions-D9ffjEok.cjs"),t=require("./context.constants-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component.functions-D9ffjEok.cjs"),t=require("./context.constants-BMJ3rLa_.cjs");exports.getFontSizeStyles=o.getFontSizeStyles,exports.Title=t.Title,exports.Typography=t.Typography,exports.TypographyLink=t.TypographyLink,exports.TypographyTooltip=t.TypographyTooltip,exports.addSXTypography=t.addSXTypography;
|
|
2
2
|
//# sourceMappingURL=component-typography.cjs.js.map
|