@unoff/ui 1.21.0 → 1.21.1
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/dist/assets/Card.css +1 -1
- package/dist/assets/Layout.css +1 -1
- package/dist/assets/MultipleSlider.css +1 -1
- package/dist/assets/Popin.css +1 -1
- package/dist/assets/SimpleSlider.css +1 -1
- package/dist/assets/styles/icons/icons.css +1 -1
- package/dist/assets/styles/icons/styles/figma.css +1 -1
- package/dist/components/actions/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/actions/accordion/Accordion.js +6 -6
- package/dist/components/actions/accordion/Accordion.js.map +1 -1
- package/dist/components/actions/button/Button.d.ts.map +1 -1
- package/dist/components/actions/button/Button.figma.js +1 -1
- package/dist/components/actions/button/Button.js +87 -88
- package/dist/components/actions/button/Button.js.map +1 -1
- package/dist/components/actions/card/Card.d.ts.map +1 -1
- package/dist/components/actions/card/Card.js +1 -1
- package/dist/components/actions/card/Card.js.map +1 -1
- package/dist/components/actions/knob/Knob.js +1 -1
- package/dist/components/actions/knob/Knob.js.map +1 -1
- package/dist/components/actions/menu/Menu.js +4 -4
- package/dist/components/actions/menu/Menu.js.map +1 -1
- package/dist/components/assets/avatar/Avatar.js +6 -6
- package/dist/components/assets/avatar/Avatar.js.map +1 -1
- package/dist/components/assets/icon/Icon.figma.js +1 -1
- package/dist/components/assets/icon/Icon.js +6 -6
- package/dist/components/assets/icon/Icon.js.map +1 -1
- package/dist/components/assets/section-title/SectionTitle.js +1 -1
- package/dist/components/assets/section-title/SectionTitle.js.map +1 -1
- package/dist/components/assets/text/Text.js +1 -1
- package/dist/components/assets/text/Text.js.map +1 -1
- package/dist/components/dialogs/consent/Consent.js +1 -1
- package/dist/components/dialogs/consent/Consent.js.map +1 -1
- package/dist/components/dialogs/dialog/Dialog.d.ts.map +1 -1
- package/dist/components/dialogs/dialog/Dialog.js +4 -4
- package/dist/components/dialogs/dialog/Dialog.js.map +1 -1
- package/dist/components/dialogs/message/Message.js +1 -1
- package/dist/components/dialogs/message/Message.js.map +1 -1
- package/dist/components/dialogs/notification/Notification.js +4 -4
- package/dist/components/dialogs/notification/Notification.js.map +1 -1
- package/dist/components/dialogs/semantic-message/SemanticMessage.d.ts.map +1 -1
- package/dist/components/dialogs/semantic-message/SemanticMessage.js +1 -1
- package/dist/components/dialogs/semantic-message/SemanticMessage.js.map +1 -1
- package/dist/components/inputs/dropdown/Dropdown.figma.js +1 -1
- package/dist/components/inputs/dropdown/Dropdown.js +1 -1
- package/dist/components/inputs/dropdown/Dropdown.js.map +1 -1
- package/dist/components/inputs/dropzone/Dropzone.js +4 -4
- package/dist/components/inputs/dropzone/Dropzone.js.map +1 -1
- package/dist/components/inputs/input/Input.figma.js +1 -1
- package/dist/components/inputs/input/Input.js +1 -1
- package/dist/components/inputs/input/Input.js.map +1 -1
- package/dist/components/inputs/inputs-bar/InputsBar.js +4 -4
- package/dist/components/inputs/inputs-bar/InputsBar.js.map +1 -1
- package/dist/components/inputs/multiple-slider/MultipleSlider.d.ts +4 -4
- package/dist/components/inputs/multiple-slider/MultipleSlider.d.ts.map +1 -1
- package/dist/components/inputs/multiple-slider/MultipleSlider.js +174 -155
- package/dist/components/inputs/multiple-slider/MultipleSlider.js.map +1 -1
- package/dist/components/inputs/multiple-slider/actions/shiftLeftStop.d.ts +1 -1
- package/dist/components/inputs/multiple-slider/actions/shiftLeftStop.d.ts.map +1 -1
- package/dist/components/inputs/multiple-slider/actions/shiftRightStop.d.ts +1 -1
- package/dist/components/inputs/multiple-slider/actions/shiftRightStop.d.ts.map +1 -1
- package/dist/components/inputs/select/Select.js +1 -1
- package/dist/components/inputs/select/Select.js.map +1 -1
- package/dist/components/inputs/simple-slider/SimpleSlider.d.ts +1 -1
- package/dist/components/inputs/simple-slider/SimpleSlider.d.ts.map +1 -1
- package/dist/components/inputs/simple-slider/SimpleSlider.js +78 -69
- package/dist/components/inputs/simple-slider/SimpleSlider.js.map +1 -1
- package/dist/components/lists/actions-item/ActionsItem.js +1 -1
- package/dist/components/lists/actions-item/ActionsItem.js.map +1 -1
- package/dist/components/lists/actions-list/ActionsList.d.ts.map +1 -1
- package/dist/components/lists/actions-list/ActionsList.js +1 -1
- package/dist/components/lists/actions-list/ActionsList.js.map +1 -1
- package/dist/components/lists/color-item/ColorItem.js +1 -1
- package/dist/components/lists/color-item/ColorItem.js.map +1 -1
- package/dist/components/lists/draggable-item/DraggableItem.js +6 -6
- package/dist/components/lists/draggable-item/DraggableItem.js.map +1 -1
- package/dist/components/lists/keyboard-shortcut-item/KeyboardShortcutItem.js +1 -1
- package/dist/components/lists/keyboard-shortcut-item/KeyboardShortcutItem.js.map +1 -1
- package/dist/components/lists/sortable-list/SortableList.js.map +1 -1
- package/dist/components/lists/tabs/Tabs.d.ts.map +1 -1
- package/dist/components/lists/tabs/Tabs.figma.js +1 -1
- package/dist/components/lists/tabs/Tabs.js +1 -1
- package/dist/components/lists/tabs/Tabs.js.map +1 -1
- package/dist/components/slots/bar/Bar.js.map +1 -1
- package/dist/components/slots/draggable-window/DraggableWindow.d.ts.map +1 -1
- package/dist/components/slots/draggable-window/DraggableWindow.js +6 -6
- package/dist/components/slots/draggable-window/DraggableWindow.js.map +1 -1
- package/dist/components/slots/drawer/Drawer.js.map +1 -1
- package/dist/components/slots/form-item/FormItem.js +1 -1
- package/dist/components/slots/form-item/FormItem.js.map +1 -1
- package/dist/components/slots/layout/Layout.js.map +1 -1
- package/dist/components/slots/list/List.js +4 -4
- package/dist/components/slots/list/List.js.map +1 -1
- package/dist/components/slots/popin/Popin.js +1 -1
- package/dist/components/slots/popin/Popin.js.map +1 -1
- package/dist/components/slots/section/Section.js.map +1 -1
- package/dist/components/slots/simple-item/SimpleItem.js.map +1 -1
- package/dist/components/tags/chip/Chip.figma.js +1 -1
- package/dist/components/tags/chip/Chip.js +6 -6
- package/dist/components/tags/chip/Chip.js.map +1 -1
- package/dist/components/tags/color-chip/ColorChip.js.map +1 -1
- package/dist/components/tags/icon-chip/IconChip.d.ts.map +1 -1
- package/dist/components/tags/icon-chip/IconChip.js +4 -4
- package/dist/components/tags/icon-chip/IconChip.js.map +1 -1
- package/dist/components/tags/tooltip/Tooltip.js +1 -1
- package/dist/components/tags/tooltip/Tooltip.js.map +1 -1
- package/dist/do-classnames-DSDFCvzy.js.map +1 -1
- package/dist/do-map-2nhWP1KI.js.map +1 -1
- package/dist/index_react-BkjUklDQ.js +18392 -0
- package/dist/index_react-BkjUklDQ.js.map +1 -0
- package/package.json +3 -3
- package/dist/index_react-CmuCVQet.js +0 -13799
- package/dist/index_react-CmuCVQet.js.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import '../../../assets/IconChip.css';
|
|
2
2
|
import { jsxs as c, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import a from "react";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { t as l } from "../../../do-classnames-DSDFCvzy.js";
|
|
5
|
+
import { Icon as m } from "../../assets/icon/Icon.js";
|
|
6
6
|
import f from "../tooltip/Tooltip.js";
|
|
7
7
|
class b extends a.Component {
|
|
8
8
|
static defaultProps = {
|
|
@@ -20,7 +20,7 @@ class b extends a.Component {
|
|
|
20
20
|
return /* @__PURE__ */ c(
|
|
21
21
|
"div",
|
|
22
22
|
{
|
|
23
|
-
className:
|
|
23
|
+
className: l(["icon-chip"]),
|
|
24
24
|
onMouseEnter: () => {
|
|
25
25
|
this.setState({ isTooltipVisible: !0 });
|
|
26
26
|
},
|
|
@@ -28,7 +28,7 @@ class b extends a.Component {
|
|
|
28
28
|
role: "contentinfo",
|
|
29
29
|
children: [
|
|
30
30
|
/* @__PURE__ */ e(
|
|
31
|
-
|
|
31
|
+
m,
|
|
32
32
|
{
|
|
33
33
|
type: t,
|
|
34
34
|
iconName: o,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconChip.js","sources":["../../../../src/components/tags/icon-chip/IconChip.tsx"],"sourcesContent":["import React from 'react'\nimport { IconList } from '@tps/icon.types'\nimport Icon from '@components/assets/icon/Icon'\nimport
|
|
1
|
+
{"version":3,"file":"IconChip.js","sources":["../../../../src/components/tags/icon-chip/IconChip.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport { IconList } from '@tps/icon.types'\nimport Icon from '@components/assets/icon/Icon'\nimport Tooltip from '../tooltip/Tooltip'\nimport './icon-chip.scss'\n\ninterface IconChipProps {\n /**\n * Type of icon\n */\n iconType: 'PICTO' | 'LETTER'\n /**\n * Icon name (when type is PICTO)\n * @default 'adjust'\n */\n iconName?: IconList\n /**\n * Letter to display (when type is LETTER)\n */\n iconLetter?: string\n /**\n * Tooltip text content\n */\n text: string | React.ReactNode\n /**\n * Tooltip position\n * @default 'BOTTOM'\n */\n pin?: 'TOP' | 'BOTTOM'\n /**\n * Tooltip display type\n * @default 'SINGLE_LINE'\n */\n type?: 'MULTI_LINE' | 'SINGLE_LINE' | 'WITH_IMAGE'\n}\n\ninterface IconChipStates {\n isTooltipVisible: boolean\n}\n\nexport default class IconChip extends React.Component<\n IconChipProps,\n IconChipStates\n> {\n static defaultProps: Partial<IconChipProps> = {\n pin: 'BOTTOM',\n type: 'SINGLE_LINE',\n iconName: 'adjust',\n }\n\n constructor(props: IconChipProps) {\n super(props)\n this.state = {\n isTooltipVisible: false,\n }\n }\n\n render() {\n const { iconType, iconName, iconLetter, text, pin, type } = this.props\n const { isTooltipVisible } = this.state\n\n return (\n <div\n className={doClassnames(['icon-chip'])}\n onMouseEnter={() => {\n this.setState({ isTooltipVisible: true })\n }}\n onMouseLeave={() => this.setState({ isTooltipVisible: false })}\n role=\"contentinfo\"\n >\n <Icon\n type={iconType}\n iconName={iconName}\n iconLetter={iconLetter}\n />\n {isTooltipVisible && (\n <Tooltip\n pin={pin}\n type={type}\n >\n {text}\n </Tooltip>\n )}\n </div>\n )\n }\n}\n"],"names":["IconChip","React","props","iconType","iconName","iconLetter","text","pin","type","isTooltipVisible","jsxs","doClassnames","jsx","Icon","Tooltip"],"mappings":";;;;;AAyCA,MAAqBA,UAAiBC,EAAM,UAG1C;AAAA,EACA,OAAO,eAAuC;AAAA,IAC5C,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAGZ,YAAYC,GAAsB;AAChC,UAAMA,CAAK,GACX,KAAK,QAAQ;AAAA,MACX,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAAC,GAAU,UAAAC,GAAU,YAAAC,GAAY,MAAAC,GAAM,KAAAC,GAAK,MAAAC,MAAS,KAAK,OAC3D,EAAE,kBAAAC,MAAqB,KAAK;AAElC,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAa,CAAC,WAAW,CAAC;AAAA,QACrC,cAAc,MAAM;AAClB,eAAK,SAAS,EAAE,kBAAkB,GAAA,CAAM;AAAA,QAC1C;AAAA,QACA,cAAc,MAAM,KAAK,SAAS,EAAE,kBAAkB,IAAO;AAAA,QAC7D,MAAK;AAAA,QAEL,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAMV;AAAA,cACN,UAAAC;AAAA,cACA,YAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEDI,KACC,gBAAAG;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,KAAAP;AAAA,cACA,MAAAC;AAAA,cAEC,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import '../../../assets/Tooltip.css';
|
|
2
2
|
import { jsx as i, jsxs as h } from "react/jsx-runtime";
|
|
3
3
|
import _, { useRef as u, useState as x, useEffect as g } from "react";
|
|
4
|
-
import N from "../../../styles/texts/texts.module.js";
|
|
5
4
|
import { t as p } from "../../../do-classnames-DSDFCvzy.js";
|
|
5
|
+
import N from "../../../styles/texts/texts.module.js";
|
|
6
6
|
const T = (c) => {
|
|
7
7
|
const { children: m, pin: e = "BOTTOM", type: o = "SINGLE_LINE", image: s } = c, l = u(null), [d, n] = _.useState(0), [r, f] = x(!1);
|
|
8
8
|
return g(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/tags/tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/tags/tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport './tooltip.scss'\n\nexport interface TooltipProps {\n /**\n * Tooltip content\n */\n children: React.ReactNode\n /**\n * Position relative to the parent\n * @default 'BOTTOM'\n */\n pin?: 'TOP' | 'BOTTOM'\n /**\n * Display type\n * @default 'SINGLE_LINE'\n */\n type?: 'MULTI_LINE' | 'SINGLE_LINE' | 'WITH_IMAGE'\n /**\n * Image URL (when type is WITH_IMAGE)\n */\n image?: string\n}\n\nconst Tooltip = (props: TooltipProps) => {\n const { children, pin = 'BOTTOM', type = 'SINGLE_LINE', image } = props\n const tooltipRef = useRef<HTMLDivElement>(null)\n const [shift, setShift] = React.useState(0)\n const [isVisible, setIsVisible] = useState(false)\n\n useEffect(() => {\n const tooltipElement = tooltipRef.current\n if (tooltipElement) {\n const rect = tooltipElement.getBoundingClientRect()\n if (rect.x < 0) setShift(-rect.x + 8)\n if (rect.x + rect.width > window.innerWidth)\n setShift(window.innerWidth - rect.x - rect.width - 8)\n setIsVisible(true)\n }\n }, [])\n\n return (\n <div\n className={doClassnames([\n 'tooltip',\n type === 'SINGLE_LINE' && 'tooltip--singleline',\n type === 'WITH_IMAGE' && 'tooltip--withimage',\n pin === 'TOP' && 'tooltip--top',\n pin === 'BOTTOM' && 'tooltip--bottom',\n ])}\n role=\"tooltip\"\n ref={tooltipRef}\n style={{\n visibility: isVisible ? 'visible' : 'hidden',\n }}\n aria-hidden={!isVisible}\n >\n <div\n className=\"tooltip__block\"\n style={{\n transform: `translateX(${shift}px)`,\n }}\n role=\"presentation\"\n >\n <div\n className=\"tooltip__snack\"\n role=\"presentation\"\n >\n {image !== undefined && (\n <img\n src={image}\n className=\"tooltip__image\"\n role=\"img\"\n alt=\"Decorative image\"\n />\n )}\n <div\n className={doClassnames(['tooltip__text', texts.type])}\n role=\"presentation\"\n >\n {children}\n </div>\n </div>\n </div>\n </div>\n )\n}\n\nexport default Tooltip\n"],"names":["Tooltip","props","children","pin","type","image","tooltipRef","useRef","shift","setShift","React","isVisible","setIsVisible","useState","useEffect","tooltipElement","rect","jsx","doClassnames","jsxs","texts"],"mappings":";;;;AA0BA,MAAMA,IAAU,CAACC,MAAwB;AACvC,QAAM,EAAE,UAAAC,GAAU,KAAAC,IAAM,UAAU,MAAAC,IAAO,eAAe,OAAAC,MAAUJ,GAC5DK,IAAaC,EAAuB,IAAI,GACxC,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAAS,CAAC,GACpC,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAEhD,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAiBT,EAAW;AAClC,QAAIS,GAAgB;AAClB,YAAMC,IAAOD,EAAe,sBAAA;AAC5B,MAAIC,EAAK,IAAI,OAAY,CAACA,EAAK,IAAI,CAAC,GAChCA,EAAK,IAAIA,EAAK,QAAQ,OAAO,cAC/BP,EAAS,OAAO,aAAaO,EAAK,IAAIA,EAAK,QAAQ,CAAC,GACtDJ,EAAa,EAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAA,CAAE,GAGH,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa;AAAA,QACtB;AAAA,QACAd,MAAS,iBAAiB;AAAA,QAC1BA,MAAS,gBAAgB;AAAA,QACzBD,MAAQ,SAAS;AAAA,QACjBA,MAAQ,YAAY;AAAA,MAAA,CACrB;AAAA,MACD,MAAK;AAAA,MACL,KAAKG;AAAA,MACL,OAAO;AAAA,QACL,YAAYK,IAAY,YAAY;AAAA,MAAA;AAAA,MAEtC,eAAa,CAACA;AAAA,MAEd,UAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,WAAW,cAAcT,CAAK;AAAA,UAAA;AAAA,UAEhC,MAAK;AAAA,UAEL,UAAA,gBAAAW;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAA;AAAA,gBAAAd,MAAU,UACT,gBAAAY;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAKZ;AAAA,oBACL,WAAU;AAAA,oBACV,MAAK;AAAA,oBACL,KAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGR,gBAAAY;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWC,EAAa,CAAC,iBAAiBE,EAAM,IAAI,CAAC;AAAA,oBACrD,MAAK;AAAA,oBAEJ,UAAAlB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"do-classnames-DSDFCvzy.js","sources":["../node_modules/@
|
|
1
|
+
{"version":3,"file":"do-classnames-DSDFCvzy.js","sources":["../node_modules/@unoff/utils/dist/modules/do-classnames/do-classnames.js"],"sourcesContent":["const t = (e) => e.filter((s) => s).join(\" \");\nexport {\n t as default\n};\n//# sourceMappingURL=do-classnames.js.map\n"],"names":["t","e","s"],"mappings":"AAAK,MAACA,IAAI,CAACC,MAAMA,EAAE,OAAO,CAACC,MAAMA,CAAC,EAAE,KAAK,GAAG;","x_google_ignoreList":[0]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"do-map-2nhWP1KI.js","sources":["../node_modules/@
|
|
1
|
+
{"version":3,"file":"do-map-2nhWP1KI.js","sources":["../node_modules/@unoff/utils/dist/modules/do-map/do-map.js"],"sourcesContent":["const r = (e, t, o, a, n) => {\n const s = o - t, c = n - a;\n return (e - t) * c / s + a;\n};\nexport {\n r as default\n};\n//# sourceMappingURL=do-map.js.map\n"],"names":["r","e","t","a","n","s","c"],"mappings":"AAAK,MAACA,IAAI,CAACC,GAAGC,GAAG,GAAGC,GAAGC,MAAM;AAC3B,QAAMC,IAAI,IAAIH,GAAGI,IAAIF,IAAID;AACzB,UAAQF,IAAIC,KAAKI,IAAID,IAAIF;AAC3B;","x_google_ignoreList":[0]}
|