@consta/uikit 5.3.2 → 5.4.0
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/__internal__/src/components/Checkbox/Checkbox.css +2 -2
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.d.ts +3 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.js +1 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.d.ts +4 -2
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.d.ts +3 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.js +1 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.d.ts +3 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange.d.ts +3 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange.js +1 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonthRange/helpers.d.ts +3 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonthRange/helpers.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange.d.ts +3 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange.js +1 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeYearRange/helpers.d.ts +3 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeYearRange/helpers.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeDateRange/DatePickerTypeDateRange.js +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeDateRange/DatePickerTypeDateRange.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.js +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.js +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.js +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.js.map +1 -1
- package/__internal__/src/components/DatePicker/types.d.ts +2 -1
- package/__internal__/src/components/DatePicker/types.js.map +1 -1
- package/__internal__/src/components/DateTime/helpers/useCurrentVisibleDate.js +1 -1
- package/__internal__/src/components/DateTime/helpers/useCurrentVisibleDate.js.map +1 -1
- package/__internal__/src/components/Radio/Radio.css +1 -1
- package/__internal__/src/components/Switch/Switch.css +1 -1
- package/__internal__/src/components/Table/TextFilter/TableTextFilter.js +1 -1
- package/__internal__/src/components/Table/TextFilter/TableTextFilter.js.map +1 -1
- package/__internal__/src/components/Tooltip/Tooltip.js +1 -1
- package/__internal__/src/components/Tooltip/Tooltip.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.Radio{display:inline-flex;font-family:var(--font-sans)}.Radio,.Radio-Input{cursor:pointer;position:relative}.Radio-Input{-webkit-appearance:none;border:var(--control-border-width) solid;border-radius:50%;box-sizing:border-box;flex-shrink:0;height:var(--radio-size);margin:0;transition:border-color .15s,background-color .15s;width:var(--radio-size)}.Radio-Input:before{border-radius:50%;box-sizing:border-box;content:"";height:var(--radio-size);left:calc(50% - var(--radio-size)/2);opacity:0;position:absolute;top:calc(50% - var(--radio-size)/2);transform:scale(0);transition:background-color .15s,opacity .15s,transform .15s;width:var(--radio-size)}.Radio-Label{color:var(--color-control-typo-default);font-size:var(--radio-font-size);margin-left:var(--radio-offset)}.Radio_size_xs{--radio-font-size:var(--control-text-size-xs);--radio-size:var(--control-box-size-
|
|
1
|
+
.Radio{display:inline-flex;font-family:var(--font-sans);line-height:var(--line-height-text-s)}.Radio,.Radio-Input{cursor:pointer;position:relative}.Radio-Input{-webkit-appearance:none;border:var(--control-border-width) solid;border-radius:50%;box-sizing:border-box;flex-shrink:0;height:var(--radio-size);margin:0;transition:border-color .15s,background-color .15s;width:var(--radio-size)}.Radio-Input:before{border-radius:50%;box-sizing:border-box;content:"";height:var(--radio-size);left:calc(50% - var(--radio-size)/2);opacity:0;position:absolute;top:calc(50% - var(--radio-size)/2);transform:scale(0);transition:background-color .15s,opacity .15s,transform .15s;width:var(--radio-size)}.Radio-Label{color:var(--color-control-typo-default);font-size:var(--radio-font-size);margin-left:var(--radio-offset)}.Radio_size_xs{--radio-font-size:var(--control-text-size-xs);--radio-size:var(--control-box-size-m);--radio-offset:var(--space-xs);--align-top-margin:0}.Radio_size_s{--radio-font-size:var(--control-text-size-s);--radio-size:var(--control-box-size-m);--radio-offset:var(--space-xs);--align-top-margin:var(--space-3xs)}.Radio_size_m{--radio-font-size:var(--control-text-size-m);--radio-size:var(--control-box-size-l);--radio-offset:var(--space-xs);--align-top-margin:var(--space-3xs)}.Radio_size_l{--radio-font-size:var(--control-text-size-l);--radio-size:var(--control-box-size-l);--radio-offset:var(--space-s);--align-top-margin:var(--space-3xs)}.Radio_view_primary:hover .Radio-Input{border-color:var(--color-control-bg-border-default-hover)}.Radio_view_primary .Radio-Input{border-color:var(--color-control-bg-border-default)}.Radio_view_primary .Radio-Input:before{background-color:var(--color-control-bg-primary)}.Radio_view_primary .Radio-Input:checked{border-color:var(--color-control-bg-primary)}.Radio_view_primary .Radio-Input:checked:before{background-color:var(--color-control-bg-primary)}.Radio_view_primary:hover .Radio-Input:checked{border-color:var(--color-control-bg-primary-hover)}.Radio_view_primary:hover .Radio-Input:checked:before{background-color:var(--color-control-bg-primary-hover)}.Radio_view_ghost:hover .Radio-Input{border-color:var(--color-control-bg-border-default-hover)}.Radio_view_ghost .Radio-Input{border-color:var(--color-control-bg-border-default)}.Radio_view_ghost .Radio-Input:before{background-color:var(--color-control-bg-primary)}.Radio_view_ghost .Radio-Input:checked{background-color:var(--color-control-bg-ghost);border-color:var(--color-control-bg-border-default)}.Radio_view_ghost .Radio-Input:checked:before{background-color:var(--color-control-typo-ghost)}.Radio_view_ghost:hover .Radio-Input:checked{background-color:var(--color-control-bg-ghost-hover);border-color:var(--color-control-bg-border-default)}.Radio_view_ghost:hover .Radio-Input:checked:before{background-color:var(--color-control-typo-ghost-hover)}.Radio-Input:checked:before{opacity:1;transform:scale(.4)}.Radio_disabled{pointer-events:none}.Radio_disabled .Radio-Input:disabled{background-color:var(--color-control-bg-disable);border-color:transparent}.Radio_disabled .Radio-Input:disabled:before{background-color:var(--color-control-typo-disable)}.Radio_disabled .Radio-Input:disabled~.Radio-Label{color:var(--color-control-typo-disable)}.Radio_align_center{align-items:center}.Radio_align_top{align-items:top}.Radio_align_top .Radio-Input{margin-top:var(--align-top-margin)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Switch{--switch-border-gap:calc(var(--control-border-width)*4);--switch-circle-size:calc(var(--box-height) - var(--switch-border-gap));cursor:pointer;display:inline-flex;font-family:var(--font-primary);position:relative}.Switch_size_xs{--box-height:
|
|
1
|
+
.Switch{--switch-border-gap:calc(var(--control-border-width)*4);--switch-circle-size:calc(var(--box-height) - var(--switch-border-gap));cursor:pointer;display:inline-flex;font-family:var(--font-primary);line-height:var(--line-height-text-s);position:relative}.Switch_size_xs{--box-height:var(--control-box-size-m);--switch-font-size:var(--control-text-size-xs);--offset:var(--space-xs);--align-top-margin:0}.Switch_size_s{--box-height:var(--control-box-size-m);--switch-font-size:var(--control-text-size-s);--offset:var(--space-xs);--align-top-margin:var(--space-3xs)}.Switch_size_m{--box-height:var(--control-box-size-l);--switch-font-size:var(--control-text-size-m);--offset:var(--space-xs);--align-top-margin:0}.Switch_size_l{--box-height:var(--space-xl);--switch-font-size:var(--control-text-size-l);--offset:var(--space-s);--align-top-margin:var(--space-3xs)}.Switch_view_primary:hover .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default-hover);--background-color:transparent;--content-color:var(--color-control-bg-border-default-hover)}.Switch_view_primary .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default);--background-color:transparent;--content-color:var(--color-control-bg-border-default)}.Switch_view_primary:hover .Switch-Input:checked{--border-color:var(--color-control-bg-primary-hover);--background-color:var(--color-control-bg-primary-hover);--content-color:var(--color-control-typo-primary-hover)}.Switch_view_primary .Switch-Input:checked{--border-color:var(--color-control-bg-primary);--background-color:var(--color-control-bg-primary);--content-color:var(--color-control-typo-primary)}.Switch_view_ghost:hover .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default-hover);--background-color:transparent;--content-color:var(--color-control-bg-border-default-hover)}.Switch_view_ghost .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default);--background-color:transparent;--content-color:var(--color-control-bg-border-default)}.Switch_view_ghost:hover .Switch-Input:checked{--border-color:var(--color-control-bg-border-default-hover);--background-color:var(--color-control-bg-ghost-hover);--content-color:var(--color-control-typo-ghost-hover)}.Switch_view_ghost .Switch-Input:checked{--border-color:var(--color-control-bg-border-default);--background-color:var(--color-control-bg-ghost);--content-color:var(--color-control-typo-ghost)}.Switch-Input{align-items:center;-webkit-appearance:none;background-color:var(--background-color);border:var(--control-border-width) solid var(--border-color);border-radius:99rem;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--box-height);margin:0;position:relative;transition:background-color .15s,border-color .15s;width:calc(var(--box-height)*2 - var(--switch-border-gap))}.Switch-Input:before{background-color:var(--content-color);border-radius:999rem;box-sizing:border-box;content:"";height:var(--switch-circle-size);position:absolute;right:1px;transform:translateX(calc((var(--box-height) - var(--switch-border-gap))*-1));transition:transform .15s,background-color .15s;width:var(--switch-circle-size)}.Switch-Input:checked{background-color:var(--background-color)}.Switch-Input:checked:before{transform:translateX(0)}.Switch-Label{color:var(--color-control-typo-default);font-size:var(--switch-font-size);margin-left:var(--offset)}.Switch_disabled{pointer-events:none}.Switch_disabled .Switch-Input:disabled{--border-color:transparent;--background-color:var(--color-control-bg-disable);--content-color:var(--color-control-typo-disable)}.Switch_disabled .Switch-Input:disabled~.Switch-Label{color:var(--color-control-typo-disable)}.Switch_align_center{align-items:center}.Switch_align_top{align-items:top}.Switch_align_top .Switch-Input{margin-top:var(--align-top-margin)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TableTextFilter.css";import{IconSearchStroked}from"@consta/icons/IconSearchStroked";import React,{useMemo,useState}from"react";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{CheckboxGroup}from"../../CheckboxGroup";import{Text}from"../../Text/Text";import{TextField}from"../../TextField/TextField";import{TableFilterContainer}from"../FilterContainer/TableFilterContainer";var cnTextFilter=cn("TableTextFilter");export var TableTextFilter=function(a){var b=a.items,c=void 0===b?[]:b,d=a.withSearch,e=a.onConfirm,f=a.onCancel,g=a.filterValue,h=a.title,i=a.emptySearchText,j=void 0===i?"\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E :(":i,k=useState(null),l=_slicedToArray(k,2),m=l[0],n=l[1],o=useState(g||c),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useMemo(function(){return m?c.filter(function(a){var b=a.name;return b.match(new RegExp(
|
|
1
|
+
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TableTextFilter.css";import{IconSearchStroked}from"@consta/icons/IconSearchStroked";import React,{useMemo,useState}from"react";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{CheckboxGroup}from"../../CheckboxGroup";import{Text}from"../../Text/Text";import{TextField}from"../../TextField/TextField";import{TableFilterContainer}from"../FilterContainer/TableFilterContainer";var cnTextFilter=cn("TableTextFilter"),sanitizeRegex=function(a){return a.replaceAll(/[.*+?^${}()|[\]\\]/g,"\\$&").replaceAll(/\$/g,"$$$$")};export var TableTextFilter=function(a){var b=a.items,c=void 0===b?[]:b,d=a.withSearch,e=a.onConfirm,f=a.onCancel,g=a.filterValue,h=a.title,i=a.emptySearchText,j=void 0===i?"\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E :(":i,k=useState(null),l=_slicedToArray(k,2),m=l[0],n=l[1],o=useState(g||c),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useMemo(function(){return m?c.filter(function(a){var b=a.name;return b.match(new RegExp(sanitizeRegex(m),"i"))}):c},[m,c]),t=useMemo(function(){return s.length===(null===q||void 0===q?void 0:q.length)},[s,q]),u=useMemo(function(){return null===q||void 0===q?void 0:q.length},[q]);return React.createElement(TableFilterContainer,{title:h,onCancel:f,onConfirm:function confirmHandler(){n(null),e(null===q?[]:q)}},void 0!==d&&d&&React.createElement(TextField,{value:m,onChange:n,leftSide:IconSearchStroked,size:"s",placeholder:"\u041D\u0430\u0439\u0442\u0438 \u0432 \u0441\u043F\u0438\u0441\u043A\u0435",className:cnTextFilter("Searchbar")}),React.createElement("div",{className:cnTextFilter("Controls")},React.createElement(Button,{size:"m",type:"button",form:"brick",label:"\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435",view:"clear",onClick:function setAll(){r(s)},disabled:!s.length||t}),React.createElement(Button,{size:"m",form:"brick",type:"button",label:"\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C",view:"clear",onClick:function resetHandler(){r(null)},disabled:!s.length||!u})),React.createElement("div",{className:cnTextFilter("Checkboxes",[cnMixScrollBar()])},s.length?React.createElement(CheckboxGroup,{items:s,value:q,getItemLabel:function getItemLabel(a){return a.name},onChange:r,name:"checkboxGroup"}):React.createElement(Text,{lineHeight:"2xs",view:"primary",size:"m"},j)))};
|
|
2
2
|
//# sourceMappingURL=TableTextFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableTextFilter.js","names":["IconSearchStroked","React","useMemo","useState","cnMixScrollBar","cn","Button","CheckboxGroup","Text","TextField","TableFilterContainer","cnTextFilter","TableTextFilter","items","withSearch","onConfirm","onCancel","filterValue","title","emptySearchText","searchValue","setSearchValue","checkboxGroupValue","setCheckboxGroupValue","filteredItems","filter","name","match","RegExp","isAllSelected","length","isSelected","confirmHandler","setAll","resetHandler","item"],"sources":["../../../../../../src/components/Table/TextFilter/TableTextFilter.tsx"],"sourcesContent":["import './TableTextFilter.css';\n\nimport { IconSearchStroked } from '@consta/icons/IconSearchStroked';\nimport React, { useMemo, useState } from 'react';\n\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { CheckboxGroup } from '../../CheckboxGroup';\nimport { Text } from '../../Text/Text';\nimport { TextField } from '../../TextField/TextField';\nimport { TableFilterContainer } from '../FilterContainer/TableFilterContainer';\nimport { FilterComponentProps } from '../filtering';\n\nconst cnTextFilter = cn('TableTextFilter');\n\ntype Item = {\n name: string;\n value: string;\n};\n\ntype TableTextFilterProps = FilterComponentProps & {\n items?: Item[];\n withSearch?: boolean;\n title?: string;\n emptySearchText?: string;\n};\n\nexport const TableTextFilter: React.FC<TableTextFilterProps> = ({\n items = [],\n withSearch = false,\n onConfirm,\n onCancel,\n filterValue,\n title,\n emptySearchText = 'Ничего не найдено :(',\n}) => {\n const [searchValue, setSearchValue] = useState<string | null>(null);\n const [checkboxGroupValue, setCheckboxGroupValue] = useState<Item[] | null>(\n (filterValue as Item[]) || items,\n );\n\n const confirmHandler = () => {\n setSearchValue(null);\n onConfirm(checkboxGroupValue === null ? [] : checkboxGroupValue);\n };\n\n const resetHandler = () => {\n setCheckboxGroupValue(null);\n };\n\n const filteredItems = useMemo(() => {\n if (!searchValue) {\n return items;\n }\n\n return items.filter(({ name }) => {\n return name.match(new RegExp(
|
|
1
|
+
{"version":3,"file":"TableTextFilter.js","names":["IconSearchStroked","React","useMemo","useState","cnMixScrollBar","cn","Button","CheckboxGroup","Text","TextField","TableFilterContainer","cnTextFilter","sanitizeRegex","futureRegex","replaceAll","TableTextFilter","items","withSearch","onConfirm","onCancel","filterValue","title","emptySearchText","searchValue","setSearchValue","checkboxGroupValue","setCheckboxGroupValue","filteredItems","filter","name","match","RegExp","isAllSelected","length","isSelected","confirmHandler","setAll","resetHandler","item"],"sources":["../../../../../../src/components/Table/TextFilter/TableTextFilter.tsx"],"sourcesContent":["import './TableTextFilter.css';\n\nimport { IconSearchStroked } from '@consta/icons/IconSearchStroked';\nimport React, { useMemo, useState } from 'react';\n\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { CheckboxGroup } from '../../CheckboxGroup';\nimport { Text } from '../../Text/Text';\nimport { TextField } from '../../TextField/TextField';\nimport { TableFilterContainer } from '../FilterContainer/TableFilterContainer';\nimport { FilterComponentProps } from '../filtering';\n\nconst cnTextFilter = cn('TableTextFilter');\n\ntype Item = {\n name: string;\n value: string;\n};\n\ntype TableTextFilterProps = FilterComponentProps & {\n items?: Item[];\n withSearch?: boolean;\n title?: string;\n emptySearchText?: string;\n};\n\nconst sanitizeRegex = (futureRegex: string): string =>\n futureRegex\n .replaceAll(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n .replaceAll(/\\$/g, '$$$$');\n\nexport const TableTextFilter: React.FC<TableTextFilterProps> = ({\n items = [],\n withSearch = false,\n onConfirm,\n onCancel,\n filterValue,\n title,\n emptySearchText = 'Ничего не найдено :(',\n}) => {\n const [searchValue, setSearchValue] = useState<string | null>(null);\n const [checkboxGroupValue, setCheckboxGroupValue] = useState<Item[] | null>(\n (filterValue as Item[]) || items,\n );\n\n const confirmHandler = () => {\n setSearchValue(null);\n onConfirm(checkboxGroupValue === null ? [] : checkboxGroupValue);\n };\n\n const resetHandler = () => {\n setCheckboxGroupValue(null);\n };\n\n const filteredItems = useMemo(() => {\n if (!searchValue) {\n return items;\n }\n\n return items.filter(({ name }) => {\n return name.match(new RegExp(sanitizeRegex(searchValue), 'i'));\n });\n }, [searchValue, items]);\n\n const setAll = () => {\n setCheckboxGroupValue(filteredItems);\n };\n\n const isAllSelected = useMemo(\n () => filteredItems.length === checkboxGroupValue?.length,\n [filteredItems, checkboxGroupValue],\n );\n\n const isSelected = useMemo(\n () => checkboxGroupValue?.length,\n [checkboxGroupValue],\n );\n\n return (\n <TableFilterContainer\n title={title}\n onCancel={onCancel}\n onConfirm={confirmHandler}\n >\n {withSearch && (\n <TextField\n value={searchValue}\n onChange={setSearchValue}\n leftSide={IconSearchStroked}\n size=\"s\"\n placeholder=\"Найти в списке\"\n className={cnTextFilter('Searchbar')}\n />\n )}\n <div className={cnTextFilter('Controls')}>\n <Button\n size=\"m\"\n type=\"button\"\n form=\"brick\"\n label=\"Выбрать все\"\n view=\"clear\"\n onClick={setAll}\n disabled={!filteredItems.length || isAllSelected}\n />\n <Button\n size=\"m\"\n form=\"brick\"\n type=\"button\"\n label=\"Сбросить\"\n view=\"clear\"\n onClick={resetHandler}\n disabled={!filteredItems.length || !isSelected}\n />\n </div>\n <div className={cnTextFilter('Checkboxes', [cnMixScrollBar()])}>\n {filteredItems.length ? (\n <CheckboxGroup\n items={filteredItems}\n value={checkboxGroupValue}\n getItemLabel={(item) => item.name}\n onChange={setCheckboxGroupValue}\n name=\"checkboxGroup\"\n />\n ) : (\n <Text lineHeight=\"2xs\" view=\"primary\" size=\"m\">\n {emptySearchText}\n </Text>\n )}\n </div>\n </TableFilterContainer>\n );\n};\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["isOpen","size","status","onSetDirection","offset","style","className","children"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Tooltip.css";import React,{forwardRef,useMemo,useState}from"react";import{Transition}from"react-transition-group";import{animateTimeout,cnMixPopoverAnimate}from"../../mixs/MixPopoverAnimate";import{cnMixPopoverArrow}from"../../mixs/MixPopoverArrow/MixPopoverArrow";import{cn}from"../../utils/bem";import{Popover}from"../Popover";import{Text}from"../Text";import{generateDeps,generateThemeClassNames,ThemeContext,useTheme}from"../Theme";import{tooltipPropSizesDefault}from"./types";var cnTooltip=cn("Tooltip"),ARROW_SIZE=6,ARROW_OFFSET=8;export var Tooltip=forwardRef(function(a,b){var c=a.isOpen,d=a.size,e=void 0===d?tooltipPropSizesDefault:d,f=a.status,g=a.onSetDirection,h=a.offset,i=void 0===h?0:h,j=a.style,k=a.className,l=a.children,m=_objectWithoutProperties(a,_excluded),n=
|
|
1
|
+
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["isOpen","size","status","onSetDirection","offset","style","className","children"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Tooltip.css";import React,{forwardRef,useMemo,useRef,useState}from"react";import{Transition}from"react-transition-group";import{useForkRef}from"../../hooks/useForkRef";import{animateTimeout,cnMixPopoverAnimate}from"../../mixs/MixPopoverAnimate";import{cnMixPopoverArrow}from"../../mixs/MixPopoverArrow/MixPopoverArrow";import{cn}from"../../utils/bem";import{Popover}from"../Popover";import{Text}from"../Text";import{generateDeps,generateThemeClassNames,ThemeContext,useTheme}from"../Theme";import{tooltipPropSizesDefault}from"./types";var cnTooltip=cn("Tooltip"),ARROW_SIZE=6,ARROW_OFFSET=8;export var Tooltip=forwardRef(function(a,b){var c=a.isOpen,d=a.size,e=void 0===d?tooltipPropSizesDefault:d,f=a.status,g=a.onSetDirection,h=a.offset,i=void 0===h?0:h,j=a.style,k=a.className,l=a.children,m=_objectWithoutProperties(a,_excluded),n=useRef(null),o=useForkRef([n,b]),p=useTheme(),q=p.theme,r=useState(),s=_slicedToArray(r,2),t=s[0],u=s[1],v=function(a){null===g||void 0===g?void 0:g(a),u(a)},w=useMemo(function(){var a=_objectSpread(_objectSpread({},q),{},{color:{primary:f?q.color.accent:q.color.invert,accent:q.color.accent,invert:q.color.primary}});return{theme:a,themeClassNames:generateThemeClassNames(a)}},[generateDeps(q),f]);return React.createElement(Transition,{in:c,unmountOnExit:!0,timeout:animateTimeout,nodeRef:n},function(a){var b;return React.createElement(ThemeContext.Provider,{value:w},React.createElement(Popover,Object.assign({},m,{arrowOffset:ARROW_OFFSET+ARROW_SIZE,offset:ARROW_SIZE+ARROW_OFFSET/2+i,onSetDirection:v,ref:o,className:cnTooltip({status:f},[k,cnMixPopoverAnimate({animate:a})]),style:_objectSpread((b={},_defineProperty(b,"--popover-arrow-size","".concat(ARROW_SIZE,"px")),_defineProperty(b,"--popover-arrow-offset","".concat(ARROW_OFFSET,"px")),b),j)}),React.createElement("div",{className:cnTooltip("Background")}),React.createElement("div",{className:cnTooltip("Arrow",[cnMixPopoverArrow({direction:t})])}),React.createElement("div",{className:cnTooltip("Content",{size:e})},"string"==typeof l||"number"==typeof l?React.createElement(Text,{view:"primary",size:"m",lineHeight:"m"},l):l)))})});
|
|
2
2
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","names":["React","forwardRef","useMemo","useState","Transition","animateTimeout","cnMixPopoverAnimate","cnMixPopoverArrow","cn","Popover","Text","generateDeps","generateThemeClassNames","ThemeContext","useTheme","tooltipPropSizesDefault","cnTooltip","ARROW_SIZE","ARROW_OFFSET","Tooltip","props","ref","isOpen","size","status","onSetDirectionProp","onSetDirection","offset","style","className","children","otherProps","theme","direction","setDirection","value","tooltipTheme","color","primary","accent","invert","themeClassNames","animate"],"sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import './Tooltip.css';\n\nimport React, { forwardRef, useMemo, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixPopoverArrow } from '##/mixs/MixPopoverArrow/MixPopoverArrow';\nimport { cn } from '##/utils/bem';\n\nimport { Direction, Popover } from '../Popover';\nimport { Text } from '../Text';\nimport {\n generateDeps,\n generateThemeClassNames,\n ThemeContext,\n useTheme,\n} from '../Theme';\nimport { TooltipProps, tooltipPropSizesDefault } from './types';\n\nconst cnTooltip = cn('Tooltip');\n\nconst ARROW_SIZE = 6;\nconst ARROW_OFFSET = 8;\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n (props, ref) => {\n const {\n isOpen,\n size = tooltipPropSizesDefault,\n status,\n onSetDirection: onSetDirectionProp,\n offset = 0,\n style,\n className,\n children,\n ...otherProps\n } = props;\n\n const { theme } = useTheme();\n\n const [direction, setDirection] = useState<Direction | undefined>();\n\n const onSetDirection = (direction: Direction) => {\n onSetDirectionProp?.(direction);\n setDirection(direction);\n };\n\n const value = useMemo(() => {\n const tooltipTheme = {\n ...theme,\n color: {\n primary: status ? theme.color.accent : theme.color.invert,\n accent: theme.color.accent,\n invert: theme.color.primary,\n },\n };\n return {\n theme: tooltipTheme,\n themeClassNames: generateThemeClassNames(tooltipTheme),\n };\n }, [generateDeps(theme), status]);\n\n return (\n <Transition
|
|
1
|
+
{"version":3,"file":"Tooltip.js","names":["React","forwardRef","useMemo","useRef","useState","Transition","useForkRef","animateTimeout","cnMixPopoverAnimate","cnMixPopoverArrow","cn","Popover","Text","generateDeps","generateThemeClassNames","ThemeContext","useTheme","tooltipPropSizesDefault","cnTooltip","ARROW_SIZE","ARROW_OFFSET","Tooltip","props","ref","isOpen","size","status","onSetDirectionProp","onSetDirection","offset","style","className","children","otherProps","contentRef","contentForkedRef","theme","direction","setDirection","value","tooltipTheme","color","primary","accent","invert","themeClassNames","animate"],"sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import './Tooltip.css';\n\nimport React, { forwardRef, useMemo, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixPopoverArrow } from '##/mixs/MixPopoverArrow/MixPopoverArrow';\nimport { cn } from '##/utils/bem';\n\nimport { Direction, Popover } from '../Popover';\nimport { Text } from '../Text';\nimport {\n generateDeps,\n generateThemeClassNames,\n ThemeContext,\n useTheme,\n} from '../Theme';\nimport { TooltipProps, tooltipPropSizesDefault } from './types';\n\nconst cnTooltip = cn('Tooltip');\n\nconst ARROW_SIZE = 6;\nconst ARROW_OFFSET = 8;\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n (props, ref) => {\n const {\n isOpen,\n size = tooltipPropSizesDefault,\n status,\n onSetDirection: onSetDirectionProp,\n offset = 0,\n style,\n className,\n children,\n ...otherProps\n } = props;\n\n const contentRef = useRef(null);\n const contentForkedRef = useForkRef([contentRef, ref]);\n\n const { theme } = useTheme();\n\n const [direction, setDirection] = useState<Direction | undefined>();\n\n const onSetDirection = (direction: Direction) => {\n onSetDirectionProp?.(direction);\n setDirection(direction);\n };\n\n const value = useMemo(() => {\n const tooltipTheme = {\n ...theme,\n color: {\n primary: status ? theme.color.accent : theme.color.invert,\n accent: theme.color.accent,\n invert: theme.color.primary,\n },\n };\n return {\n theme: tooltipTheme,\n themeClassNames: generateThemeClassNames(tooltipTheme),\n };\n }, [generateDeps(theme), status]);\n\n return (\n <Transition\n in={isOpen}\n unmountOnExit\n timeout={animateTimeout}\n nodeRef={contentRef}\n >\n {(animate) => (\n <ThemeContext.Provider value={value}>\n <Popover\n {...otherProps}\n arrowOffset={ARROW_OFFSET + ARROW_SIZE}\n offset={ARROW_SIZE + ARROW_OFFSET / 2 + offset}\n onSetDirection={onSetDirection}\n ref={contentForkedRef}\n className={cnTooltip({ status }, [\n className,\n cnMixPopoverAnimate({ animate }),\n ])}\n style={{\n ['--popover-arrow-size' as string]: `${ARROW_SIZE}px`,\n ['--popover-arrow-offset' as string]: `${ARROW_OFFSET}px`,\n ...style,\n }}\n >\n <div className={cnTooltip('Background')} />\n <div\n className={cnTooltip('Arrow', [\n cnMixPopoverArrow({ direction }),\n ])}\n />\n <div className={cnTooltip('Content', { size })}>\n {typeof children === 'string' ||\n typeof children === 'number' ? (\n <Text view=\"primary\" size=\"m\" lineHeight=\"m\">\n {children}\n </Text>\n ) : (\n children\n )}\n </div>\n </Popover>\n </ThemeContext.Provider>\n )}\n </Transition>\n );\n },\n);\n"],"mappings":"65BAAA,sBAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,OAA5B,CAAqCC,MAArC,CAA6CC,QAA7C,KAA6D,OAA7D,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OAASC,UAAT,8BACA,OAASC,cAAT,CAAyBC,mBAAzB,oCACA,OAASC,iBAAT,kDACA,OAASC,EAAT,uBAEA,OAAoBC,OAApB,kBACA,OAASC,IAAT,eACA,OACEC,YADF,CAEEC,uBAFF,CAGEC,YAHF,CAIEC,QAJF,gBAMA,OAAuBC,uBAAvB,e,GAEMC,UAAS,CAAGR,EAAE,CAAC,SAAD,C,CAEdS,UAAU,CAAG,C,CACbC,YAAY,CAAG,C,CAErB,MAAO,IAAMC,QAAO,CAAGpB,UAAU,CAC/B,SAACqB,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAWVF,CAXU,CAEZE,MAFY,GAWVF,CAXU,CAGZG,IAHY,CAGZA,CAHY,YAGLR,uBAHK,GAIZS,CAJY,CAWVJ,CAXU,CAIZI,MAJY,CAKIC,CALJ,CAWVL,CAXU,CAKZM,cALY,GAWVN,CAXU,CAMZO,MANY,CAMZA,CANY,YAMH,CANG,GAOZC,CAPY,CAWVR,CAXU,CAOZQ,KAPY,CAQZC,CARY,CAWVT,CAXU,CAQZS,SARY,CASZC,CATY,CAWVV,CAXU,CASZU,QATY,CAUTC,CAVS,0BAWVX,CAXU,YAaRY,CAAU,CAAG/B,MAAM,CAAC,IAAD,CAbX,CAcRgC,CAAgB,CAAG7B,UAAU,CAAC,CAAC4B,CAAD,CAAaX,CAAb,CAAD,CAdrB,GAgBIP,QAAQ,EAhBZ,CAgBNoB,CAhBM,GAgBNA,KAhBM,GAkBoBhC,QAAQ,EAlB5B,uBAkBPiC,CAlBO,MAkBIC,CAlBJ,MAoBRV,CAAc,CAAG,SAACS,CAAD,CAA0B,QAC/CV,CAD+C,WAC/CA,CAD+C,QAC/CA,CAAkB,CAAGU,CAAH,CAD6B,CAE/CC,CAAY,CAACD,CAAD,CACb,CAvBa,CAyBRE,CAAK,CAAGrC,OAAO,CAAC,UAAM,CAC1B,GAAMsC,EAAY,gCACbJ,CADa,MAEhBK,KAAK,CAAE,CACLC,OAAO,CAAEhB,CAAM,CAAGU,CAAK,CAACK,KAAN,CAAYE,MAAf,CAAwBP,CAAK,CAACK,KAAN,CAAYG,MAD9C,CAELD,MAAM,CAAEP,CAAK,CAACK,KAAN,CAAYE,MAFf,CAGLC,MAAM,CAAER,CAAK,CAACK,KAAN,CAAYC,OAHf,CAFS,EAAlB,CAQA,MAAO,CACLN,KAAK,CAAEI,CADF,CAELK,eAAe,CAAE/B,uBAAuB,CAAC0B,CAAD,CAFnC,CAIR,CAboB,CAalB,CAAC3B,YAAY,CAACuB,CAAD,CAAb,CAAsBV,CAAtB,CAbkB,CAzBP,CAwCd,MACE,qBAAC,UAAD,EACE,GAAIF,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEjB,cAHX,CAIE,OAAO,CAAE2B,CAJX,EAMG,SAACY,CAAD,cACC,qBAAC,YAAD,CAAc,QAAd,EAAuB,KAAK,CAAEP,CAA9B,EACE,oBAAC,OAAD,kBACMN,CADN,EAEE,WAAW,CAAEb,YAAY,CAAGD,UAF9B,CAGE,MAAM,CAAEA,UAAU,CAAGC,YAAY,CAAG,CAA5B,CAAgCS,CAH1C,CAIE,cAAc,CAAED,CAJlB,CAKE,GAAG,CAAEO,CALP,CAME,SAAS,CAAEjB,SAAS,CAAC,CAAEQ,MAAM,CAANA,CAAF,CAAD,CAAa,CAC/BK,CAD+B,CAE/BvB,mBAAmB,CAAC,CAAEsC,OAAO,CAAPA,CAAF,CAAD,CAFY,CAAb,CANtB,CAUE,KAAK,uCACF,sBADE,WACoC3B,UADpC,0BAEF,wBAFE,WAEsCC,YAFtC,WAGAU,CAHA,CAVP,GAgBE,2BAAK,SAAS,CAAEZ,SAAS,CAAC,YAAD,CAAzB,EAhBF,CAiBE,2BACE,SAAS,CAAEA,SAAS,CAAC,OAAD,CAAU,CAC5BT,iBAAiB,CAAC,CAAE4B,SAAS,CAATA,CAAF,CAAD,CADW,CAAV,CADtB,EAjBF,CAsBE,2BAAK,SAAS,CAAEnB,SAAS,CAAC,SAAD,CAAY,CAAEO,IAAI,CAAJA,CAAF,CAAZ,CAAzB,EACuB,QAApB,QAAOO,EAAP,EACmB,QAApB,QAAOA,EADN,CAEC,oBAAC,IAAD,EAAM,IAAI,CAAC,SAAX,CAAqB,IAAI,CAAC,GAA1B,CAA8B,UAAU,CAAC,GAAzC,EACGA,CADH,CAFD,CAMCA,CAPJ,CAtBF,CADF,CADD,CANH,CA6CH,CAvF8B,CAA1B"}
|