kui-complex 0.0.90 → 0.0.92
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/ButtonsPanel/cjs/index.js +1 -1
- package/ButtonsPanel/cjs/index.js.map +1 -1
- package/ButtonsPanel/index.js +2 -2
- package/ButtonsPanel/index.js.map +1 -1
- package/MenuPanel/cjs/index.js +8 -7
- package/MenuPanel/cjs/index.js.map +1 -1
- package/MenuPanel/index.js +8 -7
- package/MenuPanel/index.js.map +1 -1
- package/cjs/index.js +35 -34
- package/cjs/index.js.map +1 -1
- package/index.d.ts +1 -1
- package/index.js +36 -35
- package/index.js.map +1 -1
- package/package.json +1 -1
package/MenuPanel/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../node_modules/tslib/tslib.es6.js","../../src/components/MenuItem/index.tsx","../../src/components/DesktopMenuPanel/index.tsx","../../src/components/MobileMenuPanel/index.tsx","../../src/hooks/useWindowWidth.ts","../../src/components/MenuPanel/index.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n","/** @jsxImportSource @emotion/react */\nimport * as React from \"react\"\nimport { ForwardedRef, forwardRef, useEffect } from \"react\"\nimport { css } from \"@emotion/react\"\nimport { Link, scroller, Events } from \"react-scroll\"\nimport styled from \"@emotion/styled\"\nimport { Button, theme } from \"kui-basic\"\nimport { TabItemProps } from \"./types\"\n\nconst MenuItem = forwardRef(\n (\n {\n tab,\n active,\n index,\n handleClick,\n offset,\n isScrolling,\n setIsScrolling,\n }: TabItemProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const startScrolling = () => {\n setIsScrolling(true)\n }\n\n const endScrolling = () => {\n setIsScrolling(false)\n }\n\n const handleSelect = () => {\n if (!isScrolling) {\n handleClick(index)\n }\n }\n\n useEffect(() => {\n if (active === index) {\n scroller.scrollTo(tab, { offset })\n }\n\n Events.scrollEvent.register(\"begin\", (to, element) => {\n startScrolling()\n if (element) {\n handleClick(Number(element.dataset.index))\n }\n })\n\n Events.scrollEvent.register(\"end\", (to, element) => {\n setTimeout(endScrolling)\n })\n\n return () => {\n Events.scrollEvent.remove(\"begin\")\n Events.scrollEvent.remove(\"end\")\n }\n }, [])\n\n return (\n <Link\n to={tab}\n spy\n smooth\n duration={500}\n offset={offset}\n onSetActive={handleSelect}\n >\n <ButtonWrapper ref={ref}>\n <Button\n variant={\n Number(active) === index ? \"orange\" : \"transparentWithBorder\"\n }\n size=\"xs\"\n css={Number(active) !== index && disabledStyles}\n >\n {tab}\n </Button>\n </ButtonWrapper>\n </Link>\n )\n }\n)\n\nexport default MenuItem\n\nconst ButtonWrapper = styled.div`\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n`\n\nconst disabledStyles = css`\n p {\n color: ${theme.palette.grey.seventy};\n font-weight: 400;\n },\n`\n","/** @jsxImportSource @emotion/react */\nimport * as React from \"react\"\nimport styled from \"@emotion/styled\"\nimport { Grid, theme } from \"kui-basic\"\nimport { ForwardedRef, forwardRef } from \"react\"\nimport MenuItem from \"../MenuItem\"\nimport { DesktopMenuPanelProps } from \"./types\"\n\nconst DesktopMenuPanel = forwardRef(\n (\n { tabs, variant, ...other }: DesktopMenuPanelProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => (\n <Wrapper\n container\n css={variant === \"white\" && { background: \"white\" }}\n ref={ref}\n >\n {tabs.map((tab, index) => (\n <Grid item key={index}>\n <MenuItem\n key={tab}\n tab={tab}\n index={index}\n offset={-121}\n {...other}\n />\n </Grid>\n ))}\n </Wrapper>\n )\n)\n\nexport default DesktopMenuPanel\n\nconst Wrapper = styled(Grid)`\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ${theme.palette.background.light1};\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n`\n","/** @jsxImportSource @emotion/react */\nimport * as React from \"react\"\nimport { ForwardedRef, forwardRef, useRef } from \"react\"\nimport Swiper from \"react-id-swiper\"\nimport styled from \"@emotion/styled\"\nimport { theme } from \"kui-basic\"\nimport MenuItem from \"../MenuItem\"\nimport { MobileMenuPanelProps } from \"./types\"\n\nconst MobileMenuPanel = forwardRef(\n (\n { tabs, handleClick, variant, ...other }: MobileMenuPanelProps,\n ref: ForwardedRef<HTMLInputElement>\n ) => {\n const swiperRef = useRef<any>(null)\n\n const slideTo = (index: number) => {\n setTimeout(() => {\n swiperRef.current?.swiper?.slideTo(index)\n }, 16)\n handleClick(index)\n }\n\n return (\n <Wrapper css={variant === \"white\" && { background: \"white\" }} ref={ref}>\n <Swiper\n spaceBetween={8}\n slidesPerView=\"auto\"\n slideToClickedSlide\n ref={swiperRef}\n >\n {tabs.map((tab, index) => (\n <SlideWrapper key={index}>\n <MenuItem\n key={tab}\n tab={tab}\n index={index}\n handleClick={slideTo}\n offset={-121}\n {...other}\n />\n </SlideWrapper>\n ))}\n </Swiper>\n </Wrapper>\n )\n }\n)\n\nexport default MobileMenuPanel\n\nconst Wrapper = styled.div`\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ${theme.palette.background.light1};\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n`\n\nconst SlideWrapper = styled.div`\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n`\n","import { useEffect, useState } from \"react\"\r\nimport _ from \"lodash\"\r\n\r\nconst useWindowWidth = (time: number = 10) => {\r\n const [width, setWidth] = useState(0)\r\n\r\n useEffect(() => {\r\n setWidth(window.innerWidth)\r\n const handleResize = _.debounce(() => {\r\n setWidth(window.innerWidth)\r\n }, time)\r\n\r\n window.addEventListener(\"resize\", handleResize)\r\n\r\n return () => window.removeEventListener(\"resize\", handleResize)\r\n }, [])\r\n\r\n return width\r\n}\r\n\r\nexport default useWindowWidth\r\n","/** @jsxImportSource @emotion/react */\nimport * as React from \"react\"\nimport { ForwardedRef, forwardRef, useEffect } from \"react\"\nimport { Element, animateScroll as scroll } from \"react-scroll\"\nimport { css } from \"@emotion/react\"\nimport { useNavigate, useLocation } from \"react-router-dom\"\nimport DesktopMenuPanel from \"../DesktopMenuPanel\"\nimport MobileMenuPanel from \"../MobileMenuPanel\"\nimport { MenuPanelProps } from \"./types\"\nimport useWindowWidth from \"../../hooks/useWindowWidth\"\n\nconst MenuPanel = forwardRef(\n (\n { tabs, tabPanels, paths, activeTab, variant }: MenuPanelProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const width = useWindowWidth()\n const [value, setValue] = React.useState<number | null>(activeTab)\n const [isScrolling, setIsScrolling] = React.useState(false)\n const navigate = useNavigate()\n const location = useLocation()\n\n const handleClick = (index: number) => {\n if (paths[index]) {\n setValue(index)\n\n const pathName = location.pathname\n const currentLocation = `${pathName}${location.search}`\n const newLocation = `${pathName}${paths[index]}`\n if (currentLocation !== newLocation) {\n navigate(newLocation, { replace: true })\n }\n }\n }\n\n useEffect(() => {\n setValue(activeTab)\n }, [activeTab])\n\n useEffect(() => {\n if (typeof activeTab !== \"number\" && width < 901) {\n scroll.scrollToTop()\n }\n }, [])\n\n if (width === 0) {\n return null\n }\n\n return (\n <div ref={ref}>\n {width > 765 ? (\n <DesktopMenuPanel\n tabs={tabs}\n active={value}\n handleClick={handleClick}\n variant={variant!}\n isScrolling={isScrolling}\n setIsScrolling={setIsScrolling}\n />\n ) : (\n <MobileMenuPanel\n tabs={tabs}\n active={value}\n handleClick={handleClick}\n variant={variant!}\n isScrolling={isScrolling}\n setIsScrolling={setIsScrolling}\n />\n )}\n {tabPanels.map((item, index) => (\n <div\n key={index}\n css={index === tabPanels.length - 1 && fullHeightStyles}\n >\n <Element key={index} name={tabs[index]} data-index={index}>\n {item}\n </Element>\n </div>\n ))}\n </div>\n )\n }\n)\n\nMenuPanel.defaultProps = {\n variant: \"grey\",\n}\n\nexport default MenuPanel\n\nconst fullHeightStyles = css`\n height: calc(100vh - 121px);\n`\n"],"names":["_jsx","templateObject_1","templateObject_2","Wrapper","scroll","_jsxs"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../node_modules/tslib/tslib.es6.js","../../src/components/MenuItem/index.tsx","../../src/components/DesktopMenuPanel/index.tsx","../../src/components/MobileMenuPanel/index.tsx","../../src/hooks/useWindowWidth.ts","../../src/components/MenuPanel/index.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n","/** @jsxImportSource @emotion/react */\nimport * as React from \"react\"\nimport { ForwardedRef, forwardRef, useEffect } from \"react\"\nimport { css } from \"@emotion/react\"\nimport { Link, scroller, Events } from \"react-scroll\"\nimport styled from \"@emotion/styled\"\nimport { Button, theme } from \"kui-basic\"\nimport { TabItemProps } from \"./types\"\n\nconst MenuItem = forwardRef(\n (\n {\n tab,\n active,\n index,\n handleClick,\n offset,\n isScrolling,\n setIsScrolling,\n }: TabItemProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const startScrolling = () => {\n setIsScrolling(true)\n }\n\n const endScrolling = () => {\n setIsScrolling(false)\n }\n\n const handleSelect = () => {\n if (!isScrolling) {\n handleClick(index)\n }\n }\n\n useEffect(() => {\n if (active === index) {\n scroller.scrollTo(tab, { offset })\n }\n\n Events.scrollEvent.register(\"begin\", (to, element) => {\n startScrolling()\n if (element) {\n handleClick(Number(element.dataset.index))\n }\n })\n\n Events.scrollEvent.register(\"end\", (to, element) => {\n setTimeout(endScrolling)\n })\n\n return () => {\n Events.scrollEvent.remove(\"begin\")\n Events.scrollEvent.remove(\"end\")\n }\n }, [])\n\n return (\n <Link\n to={tab}\n spy\n smooth\n duration={500}\n offset={offset}\n onSetActive={handleSelect}\n >\n <ButtonWrapper ref={ref}>\n <Button\n variant={\n Number(active) === index ? \"orange\" : \"transparentWithBorder\"\n }\n size=\"xs\"\n css={Number(active) !== index && disabledStyles}\n >\n {tab}\n </Button>\n </ButtonWrapper>\n </Link>\n )\n }\n)\n\nexport default MenuItem\n\nconst ButtonWrapper = styled.div`\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n`\n\nconst disabledStyles = css`\n p {\n color: ${theme.palette.grey.seventy};\n font-weight: 400;\n },\n`\n","/** @jsxImportSource @emotion/react */\nimport * as React from \"react\"\nimport styled from \"@emotion/styled\"\nimport { Grid, theme } from \"kui-basic\"\nimport { ForwardedRef, forwardRef } from \"react\"\nimport MenuItem from \"../MenuItem\"\nimport { DesktopMenuPanelProps } from \"./types\"\n\nconst DesktopMenuPanel = forwardRef(\n (\n { tabs, variant, ...other }: DesktopMenuPanelProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => (\n <Wrapper\n container\n css={variant === \"white\" && { background: \"white\" }}\n ref={ref}\n >\n {tabs.map((tab, index) => (\n <Grid item key={index}>\n <MenuItem\n key={tab}\n tab={tab}\n index={index}\n offset={-121}\n {...other}\n />\n </Grid>\n ))}\n </Wrapper>\n )\n)\n\nexport default DesktopMenuPanel\n\nconst Wrapper = styled(Grid)`\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ${theme.palette.background.light1};\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n`\n","/** @jsxImportSource @emotion/react */\nimport * as React from \"react\"\nimport { ForwardedRef, forwardRef, useRef } from \"react\"\nimport Swiper from \"react-id-swiper\"\nimport styled from \"@emotion/styled\"\nimport { theme } from \"kui-basic\"\nimport MenuItem from \"../MenuItem\"\nimport { MobileMenuPanelProps } from \"./types\"\n\nconst MobileMenuPanel = forwardRef(\n (\n { tabs, handleClick, variant, ...other }: MobileMenuPanelProps,\n ref: ForwardedRef<HTMLInputElement>\n ) => {\n const swiperRef = useRef<any>(null)\n\n const slideTo = (index: number) => {\n setTimeout(() => {\n swiperRef.current?.swiper?.slideTo(index)\n }, 16)\n handleClick(index)\n }\n\n return (\n <Wrapper css={variant === \"white\" && { background: \"white\" }} ref={ref}>\n <Swiper\n spaceBetween={8}\n slidesPerView=\"auto\"\n slideToClickedSlide\n ref={swiperRef}\n >\n {tabs.map((tab, index) => (\n <SlideWrapper key={index}>\n <MenuItem\n key={tab}\n tab={tab}\n index={index}\n handleClick={slideTo}\n offset={-121}\n {...other}\n />\n </SlideWrapper>\n ))}\n </Swiper>\n </Wrapper>\n )\n }\n)\n\nexport default MobileMenuPanel\n\nconst Wrapper = styled.div`\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ${theme.palette.background.light1};\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n`\n\nconst SlideWrapper = styled.div`\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n`\n","import { useEffect, useState } from \"react\"\r\nimport _ from \"lodash\"\r\n\r\nconst useWindowWidth = (time: number = 10) => {\r\n const [width, setWidth] = useState(0)\r\n\r\n useEffect(() => {\r\n setWidth(window.innerWidth)\r\n const handleResize = _.debounce(() => {\r\n setWidth(window.innerWidth)\r\n }, time)\r\n\r\n window.addEventListener(\"resize\", handleResize)\r\n\r\n return () => window.removeEventListener(\"resize\", handleResize)\r\n }, [])\r\n\r\n return width\r\n}\r\n\r\nexport default useWindowWidth\r\n","/** @jsxImportSource @emotion/react */\nimport * as React from \"react\"\nimport { ForwardedRef, forwardRef, useEffect } from \"react\"\nimport { Element, animateScroll as scroll } from \"react-scroll\"\nimport { css } from \"@emotion/react\"\nimport { useNavigate, useLocation } from \"react-router-dom\"\nimport DesktopMenuPanel from \"../DesktopMenuPanel\"\nimport MobileMenuPanel from \"../MobileMenuPanel\"\nimport { MenuPanelProps } from \"./types\"\nimport useWindowWidth from \"../../hooks/useWindowWidth\"\nimport styled from \"@emotion/styled\"\n\nconst MenuPanel = forwardRef(\n (\n { tabs, tabPanels, paths, activeTab, variant }: MenuPanelProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const width = useWindowWidth()\n const [value, setValue] = React.useState<number | null>(activeTab)\n const [isScrolling, setIsScrolling] = React.useState(false)\n const navigate = useNavigate()\n const location = useLocation()\n\n const handleClick = (index: number) => {\n if (paths[index]) {\n setValue(index)\n\n const pathName = location.pathname\n const currentLocation = `${pathName}${location.search}`\n const newLocation = `${pathName}${paths[index]}`\n if (currentLocation !== newLocation) {\n navigate(newLocation, { replace: true })\n }\n }\n }\n\n useEffect(() => {\n setValue(activeTab)\n }, [activeTab])\n\n useEffect(() => {\n if (typeof activeTab !== \"number\" && width < 901) {\n scroll.scrollToTop()\n }\n }, [])\n\n if (width === 0) {\n return null\n }\n\n return (\n <div ref={ref}>\n {width > 765 ? (\n <DesktopMenuPanel\n tabs={tabs}\n active={value}\n handleClick={handleClick}\n variant={variant!}\n isScrolling={isScrolling}\n setIsScrolling={setIsScrolling}\n />\n ) : (\n <MobileMenuPanel\n tabs={tabs}\n active={value}\n handleClick={handleClick}\n variant={variant!}\n isScrolling={isScrolling}\n setIsScrolling={setIsScrolling}\n />\n )}\n {tabPanels.map((item, index) => (\n <div\n key={index}\n css={index === tabPanels.length - 1 && fullHeightStyles}\n >\n <StyledElement key={index} name={tabs[index]} data-index={index}>\n {item}\n </StyledElement>\n </div>\n ))}\n </div>\n )\n }\n)\n\nMenuPanel.defaultProps = {\n variant: \"grey\",\n}\n\nexport default MenuPanel\n\nconst fullHeightStyles = css`\n height: calc(100vh - 121px);\n display: flex;\n`\n\nconst StyledElement = styled(Element)`\n display: flex;\n flex-direction: column;\n`\n"],"names":["_jsx","templateObject_1","templateObject_2","Wrapper","scroll","_jsxs"],"mappings":"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"}
|
package/cjs/index.js
CHANGED
|
@@ -163,7 +163,7 @@ var Avatar = React.forwardRef(function (props, ref) {
|
|
|
163
163
|
return (jsxRuntime$1.jsx(Wrapper$7, __assign({ css: sizeStyles[size], ref: ref }, otherProps, { children: imageUrl ? (jsxRuntime$1.jsx(StyledImage, { "data-testid": "avatar_image", src: imageUrl, alt: "avatar" })) : (jsxRuntime$1.jsx(StyledUndefinedAvatar, { label: fullName, avatarSize: size })) })));
|
|
164
164
|
});
|
|
165
165
|
var Wrapper$7 = styled__default["default"].div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"], ["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"])));
|
|
166
|
-
var StyledImage = styled__default["default"].img(templateObject_2$
|
|
166
|
+
var StyledImage = styled__default["default"].img(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"])));
|
|
167
167
|
var largeAvatarCSS = function (_a) {
|
|
168
168
|
var avatarSize = _a.avatarSize;
|
|
169
169
|
return avatarSize === "lg" && react.css(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n font-size: 32px;\n "], ["\n font-size: 32px;\n "])));
|
|
@@ -175,7 +175,7 @@ var sizeStyles = {
|
|
|
175
175
|
s: react.css(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n width: 32px;\n height: 32px;\n }\n "], ["\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n width: 32px;\n height: 32px;\n }\n "]))),
|
|
176
176
|
lg: react.css(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: 80px;\n height: 80px;\n "], ["\n width: 80px;\n height: 80px;\n "]))),
|
|
177
177
|
};
|
|
178
|
-
var templateObject_1$G, templateObject_2$
|
|
178
|
+
var templateObject_1$G, templateObject_2$q, templateObject_3$c, templateObject_4$6, templateObject_5$4, templateObject_6$1;
|
|
179
179
|
|
|
180
180
|
var ButtonTab = React.forwardRef(function (_a, ref) {
|
|
181
181
|
var index = _a.index, onClick = _a.onClick, isActive = _a.isActive, label = _a.label;
|
|
@@ -185,8 +185,8 @@ var ButtonTab = React.forwardRef(function (_a, ref) {
|
|
|
185
185
|
return (jsxRuntime$1.jsx(StyledButton$1, __assign({ variant: isActive ? "orange" : "white", captionWeight: isActive ? 600 : 400, onClick: handleClick, css: !isActive && inactiveStyles, size: "s", ref: ref, className: classNames__default["default"]("KUI-ButtonTab", isActive && "KUI-ButtonTab_active") }, { children: label })));
|
|
186
186
|
});
|
|
187
187
|
var StyledButton$1 = styled__default["default"](kuiBasic.Button)(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n margin-right: 24px;\n &:last-of-type {\n margin-right: 0;\n }\n"], ["\n margin-right: 24px;\n &:last-of-type {\n margin-right: 0;\n }\n"])));
|
|
188
|
-
var inactiveStyles = react.css(templateObject_2$
|
|
189
|
-
var templateObject_1$F, templateObject_2$
|
|
188
|
+
var inactiveStyles = react.css(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n p {\n color: ", ";\n }\n"], ["\n p {\n color: ", ";\n }\n"])), kuiBasic.theme.palette.grey.seventy);
|
|
189
|
+
var templateObject_1$F, templateObject_2$p;
|
|
190
190
|
|
|
191
191
|
var updateQueryParams = function (newLink) {
|
|
192
192
|
var searchQuery = new URLSearchParams(window.location.search);
|
|
@@ -222,15 +222,15 @@ var ButtonsPanel = React.forwardRef(function (_a, ref) {
|
|
|
222
222
|
React.useEffect(function () {
|
|
223
223
|
setValue(Number(activeTab));
|
|
224
224
|
}, [activeTab]);
|
|
225
|
-
return (jsxRuntime$1.jsxs(jsxRuntime$1.Fragment, { children: [jsxRuntime$1.jsx(StyledContainer$2, __assign({ css: isSticky && { position: "sticky" }, ref: ref }, otherProps, { children: jsxRuntime$1.jsxs(StyledWrapper$9, __assign({ className: "KUI-ButtonTabs" }, { children: [startComponent, tabs.map(function (item, index) { return (jsxRuntime$1.jsx(ButtonTab, { index: index, onClick: handleChange, isActive: index === value, label: item }, item)); }), endComponent] })) })), tabPanels.map(function (item, index) { return (jsxRuntime$1.jsx(Content, __assign({ role: "tabpanel", hidden: value !== index }, { children: value === index && jsxRuntime$1.jsx(jsxRuntime$1.Fragment, { children: item }) }), index)); })] }));
|
|
225
|
+
return (jsxRuntime$1.jsxs(jsxRuntime$1.Fragment, { children: [jsxRuntime$1.jsx(StyledContainer$2, __assign({ css: isSticky && { position: "sticky" }, ref: ref }, otherProps, { children: jsxRuntime$1.jsxs(StyledWrapper$9, __assign({ className: "KUI-ButtonTabs" }, { children: [startComponent, jsxRuntime$1.jsx(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: tabs.map(function (item, index) { return (jsxRuntime$1.jsx(ButtonTab, { index: index, onClick: handleChange, isActive: index === value, label: item }, item)); }) })), endComponent] })) })), tabPanels.map(function (item, index) { return (jsxRuntime$1.jsx(Content, __assign({ role: "tabpanel", hidden: value !== index }, { children: value === index && jsxRuntime$1.jsx(jsxRuntime$1.Fragment, { children: item }) }), index)); })] }));
|
|
226
226
|
});
|
|
227
227
|
ButtonsPanel.defaultProps = {
|
|
228
228
|
isSticky: false,
|
|
229
229
|
};
|
|
230
230
|
var Content = styled__default["default"].div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
231
|
-
var StyledContainer$2 = styled__default["default"].div(templateObject_2$
|
|
231
|
+
var StyledContainer$2 = styled__default["default"].div(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n background: ", ";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"], ["\n background: ", ";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"])), kuiBasic.theme.palette.grey.zero);
|
|
232
232
|
var StyledWrapper$9 = styled__default["default"](kuiBasic.Container)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
233
|
-
var templateObject_1$E, templateObject_2$
|
|
233
|
+
var templateObject_1$E, templateObject_2$o, templateObject_3$b;
|
|
234
234
|
|
|
235
235
|
var InputDropdown = React.forwardRef(function (props, ref) {
|
|
236
236
|
var isOpen = props.isOpen, handleClose = props.handleClose, buttonRef = props.buttonRef, children = props.children, endComponent = props.endComponent, otherProps = __rest(props, ["isOpen", "handleClose", "buttonRef", "children", "endComponent"]);
|
|
@@ -282,7 +282,7 @@ var StyledDropdown$2 = styled__default["default"](kuiBasic.Grid)(templateObject_
|
|
|
282
282
|
var isOpen = _a.isOpen;
|
|
283
283
|
return (isOpen ? "flex" : "none");
|
|
284
284
|
}, kuiBasic.theme.palette.grey.zero);
|
|
285
|
-
var StyledWrapper$8 = styled__default["default"].div(templateObject_2$
|
|
285
|
+
var StyledWrapper$8 = styled__default["default"].div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n width: 100%;\n box-sizing: border-box;\n padding: ", ";\n"], ["\n width: 100%;\n box-sizing: border-box;\n padding: ", ";\n"])), function (_a) {
|
|
286
286
|
var isScrollable = _a.isScrollable;
|
|
287
287
|
return isScrollable ? "14px 8px 8px 0" : "14px 0px 8px 0";
|
|
288
288
|
});
|
|
@@ -290,7 +290,7 @@ var ScrollingContainer = styled__default["default"].div(templateObject_3$a || (t
|
|
|
290
290
|
var isScrollable = _a.isScrollable;
|
|
291
291
|
return (isScrollable ? "4px" : "0px");
|
|
292
292
|
}, kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.grey.thirty);
|
|
293
|
-
var templateObject_1$D, templateObject_2$
|
|
293
|
+
var templateObject_1$D, templateObject_2$n, templateObject_3$a;
|
|
294
294
|
|
|
295
295
|
var InputSelectDropdown = React.forwardRef(function (_a, ref) {
|
|
296
296
|
var options = _a.options, inputRef = _a.inputRef, isOpenDropdown = _a.isOpenDropdown, handleCloseDropdown = _a.handleCloseDropdown, handleSelect = _a.handleSelect, selectedValue = _a.selectedValue, renderOption = _a.renderOption;
|
|
@@ -308,8 +308,8 @@ var OptionWrapper = styled__default["default"].div(templateObject_1$C || (templa
|
|
|
308
308
|
var disabled = _a.disabled;
|
|
309
309
|
return disabled ? kuiBasic.theme.palette.grey.fiftyP : kuiBasic.theme.palette.grey.seventy;
|
|
310
310
|
});
|
|
311
|
-
var StyledDropdown$1 = styled__default["default"](InputDropdown)(templateObject_2$
|
|
312
|
-
var templateObject_1$C, templateObject_2$
|
|
311
|
+
var StyledDropdown$1 = styled__default["default"](InputDropdown)(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"], ["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"])));
|
|
312
|
+
var templateObject_1$C, templateObject_2$m;
|
|
313
313
|
|
|
314
314
|
function setRef(ref, value) {
|
|
315
315
|
if (typeof ref === "function") {
|
|
@@ -365,11 +365,11 @@ var InputSelectBase = React.forwardRef(function (_a, ref) {
|
|
|
365
365
|
}, isOpenDropdown: isDropdownOpen, handleCloseDropdown: handleCloseDropdown, handleSelect: handleSelect, selectedValue: selectedValue, renderOption: renderOption }))] }));
|
|
366
366
|
});
|
|
367
367
|
var Wrapper$6 = styled__default["default"].div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n position: relative;\n text-align: left;\n"], ["\n position: relative;\n text-align: left;\n"])));
|
|
368
|
-
var StyledInput$3 = styled__default["default"](kuiBasic.InputWithAdornments)(templateObject_2$
|
|
368
|
+
var StyledInput$3 = styled__default["default"](kuiBasic.InputWithAdornments)(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputMessage {\n opacity: ", ";\n }\n"], ["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputMessage {\n opacity: ", ";\n }\n"])), function (_a) {
|
|
369
369
|
var isDropdownOpen = _a.isDropdownOpen;
|
|
370
370
|
return (isDropdownOpen ? 0 : 1);
|
|
371
371
|
});
|
|
372
|
-
var templateObject_1$B, templateObject_2$
|
|
372
|
+
var templateObject_1$B, templateObject_2$l;
|
|
373
373
|
|
|
374
374
|
function InputSelectOption(props) {
|
|
375
375
|
var option = props.option, selectedValue = props.selectedValue;
|
|
@@ -454,9 +454,9 @@ var CalendarStandardHeader = React.forwardRef(function (_a, ref) {
|
|
|
454
454
|
return (jsxRuntime.jsxs(HeaderWrapper, __assign({ container: true, alignItems: "center", justify: "space-between", ref: ref }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(StyledHeading, __assign({ size: "h4" }, { children: title })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, spacing: 2 }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(CircleButtonStyled, __assign({ isCircle: true, size: "xs", "data-testid": "prev_month_button", variant: "white", disabled: prevMonthButtonDisabled, onClick: decreaseMonth }, { children: jsxRuntime.jsx(kuiIcon.PrevArrowIcon, { width: 10, height: 10 }) })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(CircleButtonStyled, __assign({ isCircle: true, size: "xs", variant: "white", disabled: nextMonthButtonDisabled, onClick: increaseMonth }, { children: jsxRuntime.jsx(kuiIcon.NextArrowIcon, { width: 10, height: 10 }) })) }))] })) }))] })));
|
|
455
455
|
});
|
|
456
456
|
var HeaderWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"], ["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"])));
|
|
457
|
-
var StyledHeading = styled__default["default"](kuiBasic.Heading)(templateObject_2$
|
|
457
|
+
var StyledHeading = styled__default["default"](kuiBasic.Heading)(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"], ["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"])));
|
|
458
458
|
var CircleButtonStyled = styled__default["default"](kuiBasic.Button)(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"], ["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"])));
|
|
459
|
-
var templateObject_1$x, templateObject_2$
|
|
459
|
+
var templateObject_1$x, templateObject_2$k, templateObject_3$9;
|
|
460
460
|
|
|
461
461
|
var InputForDatepicker = React.forwardRef(function (props, ref) {
|
|
462
462
|
var onClick = props.onClick, disabled = props.disabled, handleClick = props.handleClick, startIcon = props.startIcon, other = __rest(props, ["onClick", "disabled", "handleClick", "startIcon"]);
|
|
@@ -486,8 +486,8 @@ var MonthPickerHeader = React.forwardRef(function (_a, ref) {
|
|
|
486
486
|
return (jsxRuntime.jsxs(StyledHeader, __assign({ container: true, alignItems: "center", justify: "space-between", ref: ref }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(StyledIconButton, __assign({ disabled: prevYearButtonDisabled, onClick: decreaseYear }, { children: jsxRuntime.jsx(kuiIcon.ArrowBackIcon, { width: 14, height: 12 }) })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "sm", weight: 600 }, { children: date.getFullYear() })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(StyledIconButton, __assign({ disabled: nextYearButtonDisabled, onClick: increaseYear }, { children: jsxRuntime.jsx(kuiIcon.ArrowNextIcon, { width: 14, height: 12 }) })) }))] })));
|
|
487
487
|
});
|
|
488
488
|
var StyledIconButton = styled__default["default"](kuiBasic.IconButton)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"], ["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"])));
|
|
489
|
-
var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_2$
|
|
490
|
-
var templateObject_1$u, templateObject_2$
|
|
489
|
+
var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"], ["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"])));
|
|
490
|
+
var templateObject_1$u, templateObject_2$j;
|
|
491
491
|
|
|
492
492
|
var DesktopInputWithMonthPicker = React.forwardRef(function (_a, ref) {
|
|
493
493
|
var name = _a.name, form = _a.form, disabled = _a.disabled, datePickerProps = _a.datePickerProps, otherProps = __rest(_a, ["name", "form", "disabled", "datePickerProps"]);
|
|
@@ -539,8 +539,8 @@ var MenuItem = React.forwardRef(function (_a, ref) {
|
|
|
539
539
|
return (jsxRuntime$1.jsx(reactScroll.Link, __assign({ to: tab, spy: true, smooth: true, duration: 500, offset: offset, onSetActive: handleSelect }, { children: jsxRuntime$1.jsx(ButtonWrapper$2, __assign({ ref: ref }, { children: jsxRuntime$1.jsx(kuiBasic.Button, __assign({ variant: Number(active) === index ? "orange" : "transparentWithBorder", size: "xs", css: Number(active) !== index && disabledStyles }, { children: tab })) })) })));
|
|
540
540
|
});
|
|
541
541
|
var ButtonWrapper$2 = styled__default["default"].div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"], ["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"])));
|
|
542
|
-
var disabledStyles = react.css(templateObject_2$
|
|
543
|
-
var templateObject_1$s, templateObject_2$
|
|
542
|
+
var disabledStyles = react.css(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n p {\n color: ", ";\n font-weight: 400;\n },\n"], ["\n p {\n color: ", ";\n font-weight: 400;\n },\n"])), kuiBasic.theme.palette.grey.seventy);
|
|
543
|
+
var templateObject_1$s, templateObject_2$i;
|
|
544
544
|
|
|
545
545
|
var DesktopMenuPanel = React.forwardRef(function (_a, ref) {
|
|
546
546
|
var tabs = _a.tabs, variant = _a.variant, other = __rest(_a, ["tabs", "variant"]);
|
|
@@ -624,14 +624,14 @@ var PassportStrengthBar = React.forwardRef(function (_a, ref) {
|
|
|
624
624
|
return (jsxRuntime$1.jsxs(Wrapper$2, __assign({ "data-testid": "strength_bar", className: String(!strength && "hidden"), ref: ref }, { children: [jsxRuntime$1.jsx(ReliabilityLevelWrapper, { children: Object.keys(strengthCoefficients).map(function (item, key) { return (jsxRuntime$1.jsx(ReliabilityLevel, { children: jsxRuntime$1.jsx(StyledLinearProgress, { "data-testid": "progress_item_".concat(item), value: strengthKey >= key ? 100 : 0, color: color }) }, item)); }) }), jsxRuntime$1.jsx(kuiBasic.Caption, __assign({ "data-testid": "strength_bar_explanation", size: "s", css: { color: color } }, { children: strength && strengthTexts[strength] })), jsxRuntime$1.jsx(Description, __assign({ size: "s", color: "fiftyP" }, { children: "\u041F\u0430\u0440\u043E\u043B\u044C \u0434\u043E\u043B\u0436\u0435\u043D \u0441\u043E\u0441\u0442\u043E\u044F\u0442\u044C \u0438\u0437 10 \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432, \u0441\u043E\u0434\u0435\u0440\u0436\u0430\u0442\u044C \u0446\u0438\u0444\u0440\u044B, \u0431\u043E\u043B\u044C\u0448\u0438\u0435 \u0438 \u0441\u0442\u0440\u043E\u0447\u043D\u044B\u0435 \u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0435 \u0431\u0443\u0432\u044B" }))] })));
|
|
625
625
|
});
|
|
626
626
|
var Wrapper$2 = styled__default["default"].div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"], ["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"])));
|
|
627
|
-
var ReliabilityLevelWrapper = styled__default["default"].div(templateObject_2$
|
|
627
|
+
var ReliabilityLevelWrapper = styled__default["default"].div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n display: flex;\n margin-bottom: 8px;\n"], ["\n display: flex;\n margin-bottom: 8px;\n"])));
|
|
628
628
|
var ReliabilityLevel = styled__default["default"].div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"], ["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"])));
|
|
629
629
|
var StyledLinearProgress = styled__default["default"](kuiBasic.LinearProgress)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n height: 8px;\n border-radius: 8px;\n background-color: ", ";\n & .KUI-LinearProgress_bar {\n background-color: ", ";\n width: 102%;\n }\n"], ["\n height: 8px;\n border-radius: 8px;\n background-color: ", ";\n & .KUI-LinearProgress_bar {\n background-color: ", ";\n width: 102%;\n }\n"])), kuiBasic.theme.palette.grey.fifteenB, function (_a) {
|
|
630
630
|
var color = _a.color;
|
|
631
631
|
return color;
|
|
632
632
|
});
|
|
633
633
|
var Description = styled__default["default"](kuiBasic.Caption)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"], ["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"])));
|
|
634
|
-
var templateObject_1$q, templateObject_2$
|
|
634
|
+
var templateObject_1$q, templateObject_2$h, templateObject_3$8, templateObject_4$5, templateObject_5$3;
|
|
635
635
|
|
|
636
636
|
var getFormValue = function (name, form) {
|
|
637
637
|
var names = name === null || name === void 0 ? void 0 : name.split(".");
|
|
@@ -712,8 +712,8 @@ var templateObject_1$p;
|
|
|
712
712
|
|
|
713
713
|
var InputTextAreaMobile = React.forwardRef(function (props) { return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(InputWrapper$1, { children: jsxRuntime.jsx(InputWithController, __assign({}, props)) }), jsxRuntime.jsx(TextAreaWrapper, { children: jsxRuntime.jsx(InputWithController, __assign({ isTextArea: true }, props)) })] })); });
|
|
714
714
|
var InputWrapper$1 = styled__default["default"].div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n @media (max-width: 900px) {\n display: none;\n }\n"], ["\n @media (max-width: 900px) {\n display: none;\n }\n"])));
|
|
715
|
-
var TextAreaWrapper = styled__default["default"].div(templateObject_2$
|
|
716
|
-
var templateObject_1$o, templateObject_2$
|
|
715
|
+
var TextAreaWrapper = styled__default["default"].div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n @media (min-width: 901px) {\n display: none;\n }\n"], ["\n @media (min-width: 901px) {\n display: none;\n }\n"])));
|
|
716
|
+
var templateObject_1$o, templateObject_2$g;
|
|
717
717
|
|
|
718
718
|
var useToggle = function (isModalOpen) {
|
|
719
719
|
if (isModalOpen === void 0) { isModalOpen = false; }
|
|
@@ -732,9 +732,9 @@ var ModalFooter = React.forwardRef(function (_a, ref) {
|
|
|
732
732
|
return (jsxRuntime.jsxs(StyledFooter, __assign({ ref: ref }, { children: [jsxRuntime.jsx(kuiBasic.Divider, {}), jsxRuntime.jsx(ButtonWrapper$1, { children: button || (jsxRuntime.jsx(ButtonStyled, __assign({ fullWidth: true, size: "s", endIcon: jsxRuntime.jsx(kuiIcon.CheckIcon, {}) }, otherProps, { children: label }))) })] })));
|
|
733
733
|
});
|
|
734
734
|
var StyledFooter = styled__default["default"].div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"], ["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])), kuiBasic.theme.palette.grey.zero);
|
|
735
|
-
var ButtonWrapper$1 = styled__default["default"].div(templateObject_2$
|
|
735
|
+
var ButtonWrapper$1 = styled__default["default"].div(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"], ["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"])));
|
|
736
736
|
var ButtonStyled = styled__default["default"](kuiBasic.Button)(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"], ["\n @media (max-width: 600px) {\n width: 100%;\n }\n"])));
|
|
737
|
-
var templateObject_1$n, templateObject_2$
|
|
737
|
+
var templateObject_1$n, templateObject_2$f, templateObject_3$7;
|
|
738
738
|
|
|
739
739
|
var generateYearRange = function (offsetFromCurrent, maxYearCount) {
|
|
740
740
|
if (!offsetFromCurrent || !maxYearCount)
|
|
@@ -814,13 +814,13 @@ InputWithDatePicker.defaultProps = {
|
|
|
814
814
|
alignTitle: "center",
|
|
815
815
|
};
|
|
816
816
|
var ContentWrapper$2 = styled__default["default"].div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"], ["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"])));
|
|
817
|
-
var StyledCalendarStandardContainer = styled__default["default"](CalendarStandardContainer)(templateObject_2$
|
|
817
|
+
var StyledCalendarStandardContainer = styled__default["default"](CalendarStandardContainer)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ", ";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ", ";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"], ["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ", ";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ", ";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])), kuiBasic.theme.palette.background.light1, kuiBasic.theme.palette.background.light1);
|
|
818
818
|
var DayContent = styled__default["default"].span(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"], ["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"])));
|
|
819
819
|
var StyledModal = styled__default["default"](kuiBasic.Modal)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ", ";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"], ["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ", ";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"])), function (_a) {
|
|
820
820
|
var alignTitle = _a.alignTitle;
|
|
821
821
|
return alignTitle || "center";
|
|
822
822
|
});
|
|
823
|
-
var templateObject_1$m, templateObject_2$
|
|
823
|
+
var templateObject_1$m, templateObject_2$e, templateObject_3$6, templateObject_4$4;
|
|
824
824
|
|
|
825
825
|
var shortMonths = [
|
|
826
826
|
"ЯНВ",
|
|
@@ -884,8 +884,8 @@ var MobileInputWithMonthPicker = React.forwardRef(function (_a, ref) {
|
|
|
884
884
|
return (jsxRuntime.jsxs(Wrapper$1, __assign({ ref: ref }, { children: [jsxRuntime.jsx(InputForDatepicker, __assign({ mask: "00.0000", name: name, handleCLick: handleModalOpen, value: value, onChange: handleChange, disabled: disabled, message: error, isLabelShrink: Boolean(field.value) }, props)), jsxRuntime.jsxs(kuiBasic.Modal, __assign({ title: title, isOpen: isModalOpen, handleClose: handleModalClose }, { children: [jsxRuntime.jsx(ContentWrapper$1, { children: jsxRuntime.jsx(DatePicker__default["default"], __assign({ inline: true, showMonthYearPicker: true, dateFormat: "MM.yyyy", selected: date, onChange: function (newDate) { return setDate(newDate); }, locale: ruCustom, calendarContainer: MonthPickerContainer, renderCustomHeader: function (headProps) { return (jsxRuntime.jsx(MonthPickerHeader, __assign({}, headProps))); } }, datePickerProps)) }), jsxRuntime.jsx(ModalFooter, { fullWidth: true, disabled: !date, onClick: acceptWithDateSelected, label: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C" })] }))] })));
|
|
885
885
|
});
|
|
886
886
|
var Wrapper$1 = styled__default["default"].div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n @media (min-width: 601px) {\n display: none;\n }\n"], ["\n @media (min-width: 601px) {\n display: none;\n }\n"])));
|
|
887
|
-
var ContentWrapper$1 = styled__default["default"].div(templateObject_2$
|
|
888
|
-
var templateObject_1$l, templateObject_2$
|
|
887
|
+
var ContentWrapper$1 = styled__default["default"].div(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"], ["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"])));
|
|
888
|
+
var templateObject_1$l, templateObject_2$d;
|
|
889
889
|
|
|
890
890
|
var InputWithMonthPicker = function (props) { return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DesktopInputWithMonthPicker, __assign({}, props)), jsxRuntime.jsx(MobileInputWithMonthPicker, __assign({}, props))] })); };
|
|
891
891
|
|
|
@@ -902,8 +902,8 @@ var MobileMenuPanel = React.forwardRef(function (_a, ref) {
|
|
|
902
902
|
return (jsxRuntime$1.jsx(Wrapper, __assign({ css: variant === "white" && { background: "white" }, ref: ref }, { children: jsxRuntime$1.jsx(Swiper__default["default"], __assign({ spaceBetween: 8, slidesPerView: "auto", slideToClickedSlide: true, ref: swiperRef }, { children: tabs.map(function (tab, index) { return (jsxRuntime$1.jsx(SlideWrapper, { children: jsxRuntime$1.jsx(MenuItem, __assign({ tab: tab, index: index, handleClick: slideTo, offset: -121 }, other), tab) }, index)); }) })) })));
|
|
903
903
|
});
|
|
904
904
|
var Wrapper = styled__default["default"].div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ", ";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n"], ["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ", ";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n"])), kuiBasic.theme.palette.background.light1);
|
|
905
|
-
var SlideWrapper = styled__default["default"].div(templateObject_2$
|
|
906
|
-
var templateObject_1$k, templateObject_2$
|
|
905
|
+
var SlideWrapper = styled__default["default"].div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n"], ["\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n"])));
|
|
906
|
+
var templateObject_1$k, templateObject_2$c;
|
|
907
907
|
|
|
908
908
|
var useWindowWidth = function (time) {
|
|
909
909
|
if (time === void 0) { time = 10; }
|
|
@@ -948,13 +948,14 @@ var MenuPanel = React.forwardRef(function (_a, ref) {
|
|
|
948
948
|
if (width === 0) {
|
|
949
949
|
return null;
|
|
950
950
|
}
|
|
951
|
-
return (jsxRuntime$1.jsxs("div", __assign({ ref: ref }, { children: [width > 765 ? (jsxRuntime$1.jsx(DesktopMenuPanel, { tabs: tabs, active: value, handleClick: handleClick, variant: variant, isScrolling: isScrolling, setIsScrolling: setIsScrolling })) : (jsxRuntime$1.jsx(MobileMenuPanel, { tabs: tabs, active: value, handleClick: handleClick, variant: variant, isScrolling: isScrolling, setIsScrolling: setIsScrolling })), tabPanels.map(function (item, index) { return (jsxRuntime$1.jsx("div", __assign({ css: index === tabPanels.length - 1 && fullHeightStyles }, { children: jsxRuntime$1.jsx(
|
|
951
|
+
return (jsxRuntime$1.jsxs("div", __assign({ ref: ref }, { children: [width > 765 ? (jsxRuntime$1.jsx(DesktopMenuPanel, { tabs: tabs, active: value, handleClick: handleClick, variant: variant, isScrolling: isScrolling, setIsScrolling: setIsScrolling })) : (jsxRuntime$1.jsx(MobileMenuPanel, { tabs: tabs, active: value, handleClick: handleClick, variant: variant, isScrolling: isScrolling, setIsScrolling: setIsScrolling })), tabPanels.map(function (item, index) { return (jsxRuntime$1.jsx("div", __assign({ css: index === tabPanels.length - 1 && fullHeightStyles }, { children: jsxRuntime$1.jsx(StyledElement, __assign({ name: tabs[index], "data-index": index }, { children: item }), index) }), index)); })] })));
|
|
952
952
|
});
|
|
953
953
|
MenuPanel.defaultProps = {
|
|
954
954
|
variant: "grey",
|
|
955
955
|
};
|
|
956
|
-
var fullHeightStyles = react.css(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n height: calc(100vh - 121px);\n"], ["\n height: calc(100vh - 121px);\n"])));
|
|
957
|
-
var
|
|
956
|
+
var fullHeightStyles = react.css(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n height: calc(100vh - 121px);\n display: flex;\n"], ["\n height: calc(100vh - 121px);\n display: flex;\n"])));
|
|
957
|
+
var StyledElement = styled__default["default"](reactScroll.Element)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
958
|
+
var templateObject_1$j, templateObject_2$b;
|
|
958
959
|
|
|
959
960
|
var Switch = React.forwardRef(function (_a, ref) {
|
|
960
961
|
var form = _a.form, name = _a.name, props = __rest(_a, ["form", "name"]);
|