@foxford/ui 2.66.0 → 2.67.0-beta-c9e1f09-20250228
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/components/Amount/Amount.js +1 -1
- package/components/Amount/Amount.js.map +1 -1
- package/components/Amount/Amount.mjs +1 -1
- package/components/Amount/Amount.mjs.map +1 -1
- package/components/Anchor/Anchor.js +1 -1
- package/components/Anchor/Anchor.js.map +1 -1
- package/components/Anchor/Anchor.mjs +1 -1
- package/components/Anchor/Anchor.mjs.map +1 -1
- package/components/Button/Button.js +1 -1
- package/components/Button/Button.js.map +1 -1
- package/components/Button/Button.mjs +1 -1
- package/components/Button/Button.mjs.map +1 -1
- package/components/Checkbox/Checkbox.js +1 -1
- package/components/Checkbox/Checkbox.js.map +1 -1
- package/components/Checkbox/Checkbox.mjs +1 -1
- package/components/Checkbox/Checkbox.mjs.map +1 -1
- package/components/Dialog/Dialog.js +1 -1
- package/components/Dialog/Dialog.js.map +1 -1
- package/components/Dialog/Dialog.mjs +1 -1
- package/components/Dialog/Dialog.mjs.map +1 -1
- package/components/DialogComponent/constants.js +1 -1
- package/components/DialogComponent/constants.js.map +1 -1
- package/components/DialogComponent/constants.mjs +1 -1
- package/components/DialogComponent/constants.mjs.map +1 -1
- package/components/Menu/Menu.js +1 -1
- package/components/Menu/Menu.js.map +1 -1
- package/components/Menu/Menu.mjs +1 -1
- package/components/Menu/Menu.mjs.map +1 -1
- package/components/Modal/adapter.js +1 -1
- package/components/Modal/adapter.js.map +1 -1
- package/components/Modal/adapter.mjs +1 -1
- package/components/Modal/adapter.mjs.map +1 -1
- package/components/Popover/Popover.js +1 -1
- package/components/Popover/Popover.js.map +1 -1
- package/components/Popover/Popover.mjs +1 -1
- package/components/Popover/Popover.mjs.map +1 -1
- package/components/Radio/Radio.js +1 -1
- package/components/Radio/Radio.js.map +1 -1
- package/components/Radio/Radio.mjs +1 -1
- package/components/Radio/Radio.mjs.map +1 -1
- package/components/Tooltip/Tooltip.js +1 -1
- package/components/Tooltip/Tooltip.js.map +1 -1
- package/components/Tooltip/Tooltip.mjs +1 -1
- package/components/Tooltip/Tooltip.mjs.map +1 -1
- package/dts/index.d.ts +12 -13
- package/hooks/useClassname.js +1 -1
- package/hooks/useClassname.js.map +1 -1
- package/hooks/useClassname.mjs +1 -1
- package/hooks/useClassname.mjs.map +1 -1
- package/hooks/useMergedProps.js +1 -1
- package/hooks/useMergedProps.js.map +1 -1
- package/hooks/useMergedProps.mjs +1 -1
- package/hooks/useMergedProps.mjs.map +1 -1
- package/hooks/useMergedSizes.js +1 -1
- package/hooks/useMergedSizes.js.map +1 -1
- package/hooks/useMergedSizes.mjs +1 -1
- package/hooks/useMergedSizes.mjs.map +1 -1
- package/package.json +3 -4
- package/shared/utils/dom.js +1 -1
- package/shared/utils/dom.js.map +1 -1
- package/shared/utils/dom.mjs +1 -1
- package/shared/utils/dom.mjs.map +1 -1
- package/shared/utils/misc.js +1 -1
- package/shared/utils/misc.js.map +1 -1
- package/shared/utils/misc.mjs +1 -1
- package/shared/utils/misc.mjs.map +1 -1
- package/theme/theme-provider.js +1 -1
- package/theme/theme-provider.js.map +1 -1
- package/theme/theme-provider.mjs +1 -1
- package/theme/theme-provider.mjs.map +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';
|
|
1
|
+
'use strict';const SIZES={xxl:{maxWidth:1228,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},'xxl-landscape':{maxWidth:1228,width:'100vw',minWidth:'min-content',fontSize:16,height:'65vh',minHeight:288,maxHeight:600,flexDirection:'row',borderRadius:20},xl:{maxWidth:960,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},'xl-landscape':{maxWidth:960,width:'100vw',minWidth:'min-content',fontSize:16,height:'65vh',minHeight:288,maxHeight:456,flexDirection:'row',borderRadius:20},l:{maxWidth:780,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},'l-landscape':{maxWidth:780,width:'100vw',minWidth:'min-content',fontSize:16,height:'65vh',minHeight:288,maxHeight:392,flexDirection:'row',borderRadius:20},m:{maxWidth:560,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},s:{maxWidth:440,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},xs:{maxWidth:304,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20}};const SIZES_FANCY={xxl:{...SIZES.xxl,borderRadius:0},'xxl-landscape':{...SIZES['xxl-landscape'],borderRadius:0},xl:{...SIZES.xl,borderRadius:0},'xl-landscape':{...SIZES['xl-landscape'],borderRadius:0},l:{...SIZES.l,borderRadius:0},'l-landscape':{...SIZES['l-landscape'],borderRadius:0},m:{...SIZES.m,borderRadius:0},s:{...SIZES.s,borderRadius:0},xs:{...SIZES.xs,borderRadius:0}};const SIZES_CONTAINER={xxl:{padding:44},'xxl-landscape':{padding:44},xl:{padding:36},'xl-landscape':{padding:36},l:{padding:32},'l-landscape':{padding:32},m:{padding:28},s:{padding:28},xs:{padding:20}};const SIZES_CONTAINER_FANCY={xxl:SIZES_CONTAINER.xxl,'xxl-landscape':{...SIZES_CONTAINER['xxl-landscape'],paddingTop:96},xl:SIZES_CONTAINER.xl,'xl-landscape':{...SIZES_CONTAINER['xl-landscape'],paddingTop:96},l:SIZES_CONTAINER.l,'l-landscape':{...SIZES_CONTAINER['l-landscape'],paddingTop:96},m:SIZES_CONTAINER.m,s:SIZES_CONTAINER.s,xs:SIZES_CONTAINER.xs};exports.SIZES=SIZES,exports.SIZES_CAPTION={xxxl:{fontSize:20},xxl:{fontSize:20},xl:{fontSize:18},l:{fontSize:18},m:{fontSize:14},s:{fontSize:14},xs:{fontSize:14},xxs:{fontSize:14},xxxs:{fontSize:14}},exports.SIZES_CONTAINER=SIZES_CONTAINER,exports.SIZES_CONTAINER_FANCY=SIZES_CONTAINER_FANCY,exports.SIZES_FANCY=SIZES_FANCY,exports.SIZES_PROGRESS_CONTAINER={xxl:{paddingRight:48,paddingLeft:48},'xxl-landscape':{paddingRight:48,paddingLeft:48},xl:{paddingRight:40,paddingLeft:40},'xl-landscape':{paddingRight:40,paddingLeft:40},l:{paddingRight:36,paddingLeft:36},'l-landscape':{paddingRight:36,paddingLeft:36},m:{paddingRight:32,paddingLeft:32},s:{paddingRight:32,paddingLeft:32},xs:{paddingRight:24,paddingLeft:24}},exports.SIZES_SUBTITLE={xxxl:{fontSize:24},xxl:{fontSize:24},xl:{fontSize:20},l:{fontSize:20},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:14},xxxs:{fontSize:14}},exports.SIZES_TITLE={xxxl:{fontSize:32},xxl:{fontSize:32},xl:{fontSize:28},l:{fontSize:24},m:{fontSize:20},s:{fontSize:18},xs:{fontSize:16},xxs:{fontSize:16},xxxs:{fontSize:16}},exports.VISIBILITY_LANDSCAPE={xxl:{display:'none'},'xxl-landscape':{display:'block'},xl:{display:'none'},'xl-landscape':{display:'block'},l:{display:'none'},'l-landscape':{display:'block'},m:{display:'none'},s:{display:'none'},xs:{display:'none'}},exports.VISIBILITY_LANDSCAPE_MEDIA={xxl:{display:'none'},'xxl-landscape':{display:'block',height:'100%'},xl:{display:'none'},'xl-landscape':{display:'block',height:'100%'},l:{display:'none'},'l-landscape':{display:'block',height:'100%'},m:{display:'none'},s:{display:'none'},xs:{display:'none'}},exports.VISIBILITY_PORTRAIT={xxl:{display:'block'},'xxl-landscape':{display:'none'},xl:{display:'block'},'xl-landscape':{display:'none'},l:{display:'block'},'l-landscape':{display:'none'},m:{display:'block'},s:{display:'block'},xs:{display:'block'}};
|
|
2
2
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/DialogComponent/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { omit } from 'ramda'\nimport type { Size } from 'shared/types'\nimport type { DialogComponentSize } from './types'\n\nexport const SIZES: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n maxWidth: 1228,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'xxl-landscape': {\n maxWidth: 1228,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 600,\n flexDirection: 'row',\n borderRadius: 20,\n },\n xl: {\n maxWidth: 960,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'xl-landscape': {\n maxWidth: 960,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 456,\n flexDirection: 'row',\n borderRadius: 20,\n },\n l: {\n maxWidth: 780,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'l-landscape': {\n maxWidth: 780,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 392,\n flexDirection: 'row',\n borderRadius: 20,\n },\n m: {\n maxWidth: 560,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n s: {\n maxWidth: 440,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n xs: {\n maxWidth: 304,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n}\n\nexport const SIZES_FANCY: Record<DialogComponentSize, CSSProperties> = {\n xxl: omit(['borderRadius'], SIZES.xxl),\n 'xxl-landscape': omit(['borderRadius'], SIZES['xxl-landscape']),\n xl: omit(['borderRadius'], SIZES.xl),\n 'xl-landscape': omit(['borderRadius'], SIZES['xl-landscape']),\n l: omit(['borderRadius'], SIZES.l),\n 'l-landscape': omit(['borderRadius'], SIZES['l-landscape']),\n m: omit(['borderRadius'], SIZES.m),\n s: omit(['borderRadius'], SIZES.s),\n xs: omit(['borderRadius'], SIZES.xs),\n}\n\nexport const SIZES_CONTAINER: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n padding: 44,\n },\n 'xxl-landscape': {\n padding: 44,\n },\n xl: {\n padding: 36,\n },\n 'xl-landscape': {\n padding: 36,\n },\n l: {\n padding: 32,\n },\n 'l-landscape': {\n padding: 32,\n },\n m: {\n padding: 28,\n },\n s: {\n padding: 28,\n },\n xs: {\n padding: 20,\n },\n}\n\nexport const SIZES_CONTAINER_FANCY: Record<DialogComponentSize, CSSProperties> = {\n xxl: SIZES_CONTAINER.xxl,\n 'xxl-landscape': {\n ...SIZES_CONTAINER['xxl-landscape'],\n paddingTop: 96,\n },\n xl: SIZES_CONTAINER.xl,\n 'xl-landscape': {\n ...SIZES_CONTAINER['xl-landscape'],\n paddingTop: 96,\n },\n l: SIZES_CONTAINER.l,\n 'l-landscape': {\n ...SIZES_CONTAINER['l-landscape'],\n paddingTop: 96,\n },\n m: SIZES_CONTAINER.m,\n s: SIZES_CONTAINER.s,\n xs: SIZES_CONTAINER.xs,\n}\n\nexport const SIZES_PROGRESS_CONTAINER: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n paddingRight: 48,\n paddingLeft: 48,\n },\n 'xxl-landscape': {\n paddingRight: 48,\n paddingLeft: 48,\n },\n xl: {\n paddingRight: 40,\n paddingLeft: 40,\n },\n 'xl-landscape': {\n paddingRight: 40,\n paddingLeft: 40,\n },\n l: {\n paddingRight: 36,\n paddingLeft: 36,\n },\n 'l-landscape': {\n paddingRight: 36,\n paddingLeft: 36,\n },\n m: {\n paddingRight: 32,\n paddingLeft: 32,\n },\n s: {\n paddingRight: 32,\n paddingLeft: 32,\n },\n xs: {\n paddingRight: 24,\n paddingLeft: 24,\n },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 20,\n },\n xxl: {\n fontSize: 20,\n },\n xl: {\n fontSize: 18,\n },\n l: {\n fontSize: 18,\n },\n m: {\n fontSize: 14,\n },\n s: {\n fontSize: 14,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 14,\n },\n xxxs: {\n fontSize: 14,\n },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 32,\n },\n xxl: {\n fontSize: 32,\n },\n xl: {\n fontSize: 28,\n },\n l: {\n fontSize: 24,\n },\n m: {\n fontSize: 20,\n },\n s: {\n fontSize: 18,\n },\n xs: {\n fontSize: 16,\n },\n xxs: {\n fontSize: 16,\n },\n xxxs: {\n fontSize: 16,\n },\n}\n\nexport const SIZES_SUBTITLE: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 24,\n },\n xxl: {\n fontSize: 24,\n },\n xl: {\n fontSize: 20,\n },\n l: {\n fontSize: 20,\n },\n m: {\n fontSize: 16,\n },\n s: {\n fontSize: 16,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 14,\n },\n xxxs: {\n fontSize: 14,\n },\n}\n\nexport const VISIBILITY_PORTRAIT: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'block',\n },\n 'xxl-landscape': {\n display: 'none',\n },\n xl: {\n display: 'block',\n },\n 'xl-landscape': {\n display: 'none',\n },\n l: {\n display: 'block',\n },\n 'l-landscape': {\n display: 'none',\n },\n m: {\n display: 'block',\n },\n s: {\n display: 'block',\n },\n xs: {\n display: 'block',\n },\n}\n\nexport const VISIBILITY_LANDSCAPE: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'none',\n },\n 'xxl-landscape': {\n display: 'block',\n },\n xl: {\n display: 'none',\n },\n 'xl-landscape': {\n display: 'block',\n },\n l: {\n display: 'none',\n },\n 'l-landscape': {\n display: 'block',\n },\n m: {\n display: 'none',\n },\n s: {\n display: 'none',\n },\n xs: {\n display: 'none',\n },\n}\n\nexport const VISIBILITY_LANDSCAPE_MEDIA: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'none',\n },\n 'xxl-landscape': {\n display: 'block',\n height: '100%',\n },\n xl: {\n display: 'none',\n },\n 'xl-landscape': {\n display: 'block',\n height: '100%',\n },\n l: {\n display: 'none',\n },\n 'l-landscape': {\n display: 'block',\n height: '100%',\n },\n m: {\n display: 'none',\n },\n s: {\n display: 'none',\n },\n xs: {\n display: 'none',\n },\n}\n"],"names":["SIZES","xxl","maxWidth","width","minWidth","fontSize","maxHeight","flexDirection","borderRadius","height","minHeight","xl","l","m","s","xs","SIZES_FANCY","omit","SIZES_CONTAINER","padding","SIZES_CONTAINER_FANCY","paddingTop","xxxl","xxs","xxxs","paddingRight","paddingLeft","display"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/DialogComponent/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\nimport type { DialogComponentSize } from './types'\n\nexport const SIZES: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n maxWidth: 1228,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'xxl-landscape': {\n maxWidth: 1228,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 600,\n flexDirection: 'row',\n borderRadius: 20,\n },\n xl: {\n maxWidth: 960,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'xl-landscape': {\n maxWidth: 960,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 456,\n flexDirection: 'row',\n borderRadius: 20,\n },\n l: {\n maxWidth: 780,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'l-landscape': {\n maxWidth: 780,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 392,\n flexDirection: 'row',\n borderRadius: 20,\n },\n m: {\n maxWidth: 560,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n s: {\n maxWidth: 440,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n xs: {\n maxWidth: 304,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n}\n\nexport const SIZES_FANCY: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n ...SIZES.xxl,\n borderRadius: 0,\n },\n 'xxl-landscape': {\n ...SIZES['xxl-landscape'],\n borderRadius: 0,\n },\n xl: {\n ...SIZES.xl,\n borderRadius: 0,\n },\n 'xl-landscape': {\n ...SIZES['xl-landscape'],\n borderRadius: 0,\n },\n l: {\n ...SIZES.l,\n borderRadius: 0,\n },\n 'l-landscape': {\n ...SIZES['l-landscape'],\n borderRadius: 0,\n },\n m: {\n ...SIZES.m,\n borderRadius: 0,\n },\n s: {\n ...SIZES.s,\n borderRadius: 0,\n },\n xs: {\n ...SIZES.xs,\n borderRadius: 0,\n },\n}\n\nexport const SIZES_CONTAINER: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n padding: 44,\n },\n 'xxl-landscape': {\n padding: 44,\n },\n xl: {\n padding: 36,\n },\n 'xl-landscape': {\n padding: 36,\n },\n l: {\n padding: 32,\n },\n 'l-landscape': {\n padding: 32,\n },\n m: {\n padding: 28,\n },\n s: {\n padding: 28,\n },\n xs: {\n padding: 20,\n },\n}\n\nexport const SIZES_CONTAINER_FANCY: Record<DialogComponentSize, CSSProperties> = {\n xxl: SIZES_CONTAINER.xxl,\n 'xxl-landscape': {\n ...SIZES_CONTAINER['xxl-landscape'],\n paddingTop: 96,\n },\n xl: SIZES_CONTAINER.xl,\n 'xl-landscape': {\n ...SIZES_CONTAINER['xl-landscape'],\n paddingTop: 96,\n },\n l: SIZES_CONTAINER.l,\n 'l-landscape': {\n ...SIZES_CONTAINER['l-landscape'],\n paddingTop: 96,\n },\n m: SIZES_CONTAINER.m,\n s: SIZES_CONTAINER.s,\n xs: SIZES_CONTAINER.xs,\n}\n\nexport const SIZES_PROGRESS_CONTAINER: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n paddingRight: 48,\n paddingLeft: 48,\n },\n 'xxl-landscape': {\n paddingRight: 48,\n paddingLeft: 48,\n },\n xl: {\n paddingRight: 40,\n paddingLeft: 40,\n },\n 'xl-landscape': {\n paddingRight: 40,\n paddingLeft: 40,\n },\n l: {\n paddingRight: 36,\n paddingLeft: 36,\n },\n 'l-landscape': {\n paddingRight: 36,\n paddingLeft: 36,\n },\n m: {\n paddingRight: 32,\n paddingLeft: 32,\n },\n s: {\n paddingRight: 32,\n paddingLeft: 32,\n },\n xs: {\n paddingRight: 24,\n paddingLeft: 24,\n },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 20,\n },\n xxl: {\n fontSize: 20,\n },\n xl: {\n fontSize: 18,\n },\n l: {\n fontSize: 18,\n },\n m: {\n fontSize: 14,\n },\n s: {\n fontSize: 14,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 14,\n },\n xxxs: {\n fontSize: 14,\n },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 32,\n },\n xxl: {\n fontSize: 32,\n },\n xl: {\n fontSize: 28,\n },\n l: {\n fontSize: 24,\n },\n m: {\n fontSize: 20,\n },\n s: {\n fontSize: 18,\n },\n xs: {\n fontSize: 16,\n },\n xxs: {\n fontSize: 16,\n },\n xxxs: {\n fontSize: 16,\n },\n}\n\nexport const SIZES_SUBTITLE: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 24,\n },\n xxl: {\n fontSize: 24,\n },\n xl: {\n fontSize: 20,\n },\n l: {\n fontSize: 20,\n },\n m: {\n fontSize: 16,\n },\n s: {\n fontSize: 16,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 14,\n },\n xxxs: {\n fontSize: 14,\n },\n}\n\nexport const VISIBILITY_PORTRAIT: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'block',\n },\n 'xxl-landscape': {\n display: 'none',\n },\n xl: {\n display: 'block',\n },\n 'xl-landscape': {\n display: 'none',\n },\n l: {\n display: 'block',\n },\n 'l-landscape': {\n display: 'none',\n },\n m: {\n display: 'block',\n },\n s: {\n display: 'block',\n },\n xs: {\n display: 'block',\n },\n}\n\nexport const VISIBILITY_LANDSCAPE: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'none',\n },\n 'xxl-landscape': {\n display: 'block',\n },\n xl: {\n display: 'none',\n },\n 'xl-landscape': {\n display: 'block',\n },\n l: {\n display: 'none',\n },\n 'l-landscape': {\n display: 'block',\n },\n m: {\n display: 'none',\n },\n s: {\n display: 'none',\n },\n xs: {\n display: 'none',\n },\n}\n\nexport const VISIBILITY_LANDSCAPE_MEDIA: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'none',\n },\n 'xxl-landscape': {\n display: 'block',\n height: '100%',\n },\n xl: {\n display: 'none',\n },\n 'xl-landscape': {\n display: 'block',\n height: '100%',\n },\n l: {\n display: 'none',\n },\n 'l-landscape': {\n display: 'block',\n height: '100%',\n },\n m: {\n display: 'none',\n },\n s: {\n display: 'none',\n },\n xs: {\n display: 'none',\n },\n}\n"],"names":["SIZES","xxl","maxWidth","width","minWidth","fontSize","maxHeight","flexDirection","borderRadius","height","minHeight","xl","l","m","s","xs","SIZES_FANCY","SIZES_CONTAINER","padding","SIZES_CONTAINER_FANCY","paddingTop","xxxl","xxs","xxxs","paddingRight","paddingLeft","display"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
const SIZES={xxl:{maxWidth:1228,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},'xxl-landscape':{maxWidth:1228,width:'100vw',minWidth:'min-content',fontSize:16,height:'65vh',minHeight:288,maxHeight:600,flexDirection:'row',borderRadius:20},xl:{maxWidth:960,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},'xl-landscape':{maxWidth:960,width:'100vw',minWidth:'min-content',fontSize:16,height:'65vh',minHeight:288,maxHeight:456,flexDirection:'row',borderRadius:20},l:{maxWidth:780,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},'l-landscape':{maxWidth:780,width:'100vw',minWidth:'min-content',fontSize:16,height:'65vh',minHeight:288,maxHeight:392,flexDirection:'row',borderRadius:20},m:{maxWidth:560,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},s:{maxWidth:440,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},xs:{maxWidth:304,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20}};const SIZES_FANCY={xxl:{...SIZES.xxl,borderRadius:0},'xxl-landscape':{...SIZES['xxl-landscape'],borderRadius:0},xl:{...SIZES.xl,borderRadius:0},'xl-landscape':{...SIZES['xl-landscape'],borderRadius:0},l:{...SIZES.l,borderRadius:0},'l-landscape':{...SIZES['l-landscape'],borderRadius:0},m:{...SIZES.m,borderRadius:0},s:{...SIZES.s,borderRadius:0},xs:{...SIZES.xs,borderRadius:0}};const SIZES_CONTAINER={xxl:{padding:44},'xxl-landscape':{padding:44},xl:{padding:36},'xl-landscape':{padding:36},l:{padding:32},'l-landscape':{padding:32},m:{padding:28},s:{padding:28},xs:{padding:20}};const SIZES_CONTAINER_FANCY={xxl:SIZES_CONTAINER.xxl,'xxl-landscape':{...SIZES_CONTAINER['xxl-landscape'],paddingTop:96},xl:SIZES_CONTAINER.xl,'xl-landscape':{...SIZES_CONTAINER['xl-landscape'],paddingTop:96},l:SIZES_CONTAINER.l,'l-landscape':{...SIZES_CONTAINER['l-landscape'],paddingTop:96},m:SIZES_CONTAINER.m,s:SIZES_CONTAINER.s,xs:SIZES_CONTAINER.xs};const SIZES_PROGRESS_CONTAINER={xxl:{paddingRight:48,paddingLeft:48},'xxl-landscape':{paddingRight:48,paddingLeft:48},xl:{paddingRight:40,paddingLeft:40},'xl-landscape':{paddingRight:40,paddingLeft:40},l:{paddingRight:36,paddingLeft:36},'l-landscape':{paddingRight:36,paddingLeft:36},m:{paddingRight:32,paddingLeft:32},s:{paddingRight:32,paddingLeft:32},xs:{paddingRight:24,paddingLeft:24}};const SIZES_CAPTION={xxxl:{fontSize:20},xxl:{fontSize:20},xl:{fontSize:18},l:{fontSize:18},m:{fontSize:14},s:{fontSize:14},xs:{fontSize:14},xxs:{fontSize:14},xxxs:{fontSize:14}};const SIZES_TITLE={xxxl:{fontSize:32},xxl:{fontSize:32},xl:{fontSize:28},l:{fontSize:24},m:{fontSize:20},s:{fontSize:18},xs:{fontSize:16},xxs:{fontSize:16},xxxs:{fontSize:16}};const SIZES_SUBTITLE={xxxl:{fontSize:24},xxl:{fontSize:24},xl:{fontSize:20},l:{fontSize:20},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:14},xxxs:{fontSize:14}};const VISIBILITY_PORTRAIT={xxl:{display:'block'},'xxl-landscape':{display:'none'},xl:{display:'block'},'xl-landscape':{display:'none'},l:{display:'block'},'l-landscape':{display:'none'},m:{display:'block'},s:{display:'block'},xs:{display:'block'}};const VISIBILITY_LANDSCAPE={xxl:{display:'none'},'xxl-landscape':{display:'block'},xl:{display:'none'},'xl-landscape':{display:'block'},l:{display:'none'},'l-landscape':{display:'block'},m:{display:'none'},s:{display:'none'},xs:{display:'none'}};const VISIBILITY_LANDSCAPE_MEDIA={xxl:{display:'none'},'xxl-landscape':{display:'block',height:'100%'},xl:{display:'none'},'xl-landscape':{display:'block',height:'100%'},l:{display:'none'},'l-landscape':{display:'block',height:'100%'},m:{display:'none'},s:{display:'none'},xs:{display:'none'}};export{SIZES,SIZES_CAPTION,SIZES_CONTAINER,SIZES_CONTAINER_FANCY,SIZES_FANCY,SIZES_PROGRESS_CONTAINER,SIZES_SUBTITLE,SIZES_TITLE,VISIBILITY_LANDSCAPE,VISIBILITY_LANDSCAPE_MEDIA,VISIBILITY_PORTRAIT};
|
|
2
2
|
//# sourceMappingURL=constants.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/DialogComponent/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { omit } from 'ramda'\nimport type { Size } from 'shared/types'\nimport type { DialogComponentSize } from './types'\n\nexport const SIZES: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n maxWidth: 1228,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'xxl-landscape': {\n maxWidth: 1228,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 600,\n flexDirection: 'row',\n borderRadius: 20,\n },\n xl: {\n maxWidth: 960,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'xl-landscape': {\n maxWidth: 960,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 456,\n flexDirection: 'row',\n borderRadius: 20,\n },\n l: {\n maxWidth: 780,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'l-landscape': {\n maxWidth: 780,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 392,\n flexDirection: 'row',\n borderRadius: 20,\n },\n m: {\n maxWidth: 560,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n s: {\n maxWidth: 440,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n xs: {\n maxWidth: 304,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n}\n\nexport const SIZES_FANCY: Record<DialogComponentSize, CSSProperties> = {\n xxl: omit(['borderRadius'], SIZES.xxl),\n 'xxl-landscape': omit(['borderRadius'], SIZES['xxl-landscape']),\n xl: omit(['borderRadius'], SIZES.xl),\n 'xl-landscape': omit(['borderRadius'], SIZES['xl-landscape']),\n l: omit(['borderRadius'], SIZES.l),\n 'l-landscape': omit(['borderRadius'], SIZES['l-landscape']),\n m: omit(['borderRadius'], SIZES.m),\n s: omit(['borderRadius'], SIZES.s),\n xs: omit(['borderRadius'], SIZES.xs),\n}\n\nexport const SIZES_CONTAINER: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n padding: 44,\n },\n 'xxl-landscape': {\n padding: 44,\n },\n xl: {\n padding: 36,\n },\n 'xl-landscape': {\n padding: 36,\n },\n l: {\n padding: 32,\n },\n 'l-landscape': {\n padding: 32,\n },\n m: {\n padding: 28,\n },\n s: {\n padding: 28,\n },\n xs: {\n padding: 20,\n },\n}\n\nexport const SIZES_CONTAINER_FANCY: Record<DialogComponentSize, CSSProperties> = {\n xxl: SIZES_CONTAINER.xxl,\n 'xxl-landscape': {\n ...SIZES_CONTAINER['xxl-landscape'],\n paddingTop: 96,\n },\n xl: SIZES_CONTAINER.xl,\n 'xl-landscape': {\n ...SIZES_CONTAINER['xl-landscape'],\n paddingTop: 96,\n },\n l: SIZES_CONTAINER.l,\n 'l-landscape': {\n ...SIZES_CONTAINER['l-landscape'],\n paddingTop: 96,\n },\n m: SIZES_CONTAINER.m,\n s: SIZES_CONTAINER.s,\n xs: SIZES_CONTAINER.xs,\n}\n\nexport const SIZES_PROGRESS_CONTAINER: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n paddingRight: 48,\n paddingLeft: 48,\n },\n 'xxl-landscape': {\n paddingRight: 48,\n paddingLeft: 48,\n },\n xl: {\n paddingRight: 40,\n paddingLeft: 40,\n },\n 'xl-landscape': {\n paddingRight: 40,\n paddingLeft: 40,\n },\n l: {\n paddingRight: 36,\n paddingLeft: 36,\n },\n 'l-landscape': {\n paddingRight: 36,\n paddingLeft: 36,\n },\n m: {\n paddingRight: 32,\n paddingLeft: 32,\n },\n s: {\n paddingRight: 32,\n paddingLeft: 32,\n },\n xs: {\n paddingRight: 24,\n paddingLeft: 24,\n },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 20,\n },\n xxl: {\n fontSize: 20,\n },\n xl: {\n fontSize: 18,\n },\n l: {\n fontSize: 18,\n },\n m: {\n fontSize: 14,\n },\n s: {\n fontSize: 14,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 14,\n },\n xxxs: {\n fontSize: 14,\n },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 32,\n },\n xxl: {\n fontSize: 32,\n },\n xl: {\n fontSize: 28,\n },\n l: {\n fontSize: 24,\n },\n m: {\n fontSize: 20,\n },\n s: {\n fontSize: 18,\n },\n xs: {\n fontSize: 16,\n },\n xxs: {\n fontSize: 16,\n },\n xxxs: {\n fontSize: 16,\n },\n}\n\nexport const SIZES_SUBTITLE: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 24,\n },\n xxl: {\n fontSize: 24,\n },\n xl: {\n fontSize: 20,\n },\n l: {\n fontSize: 20,\n },\n m: {\n fontSize: 16,\n },\n s: {\n fontSize: 16,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 14,\n },\n xxxs: {\n fontSize: 14,\n },\n}\n\nexport const VISIBILITY_PORTRAIT: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'block',\n },\n 'xxl-landscape': {\n display: 'none',\n },\n xl: {\n display: 'block',\n },\n 'xl-landscape': {\n display: 'none',\n },\n l: {\n display: 'block',\n },\n 'l-landscape': {\n display: 'none',\n },\n m: {\n display: 'block',\n },\n s: {\n display: 'block',\n },\n xs: {\n display: 'block',\n },\n}\n\nexport const VISIBILITY_LANDSCAPE: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'none',\n },\n 'xxl-landscape': {\n display: 'block',\n },\n xl: {\n display: 'none',\n },\n 'xl-landscape': {\n display: 'block',\n },\n l: {\n display: 'none',\n },\n 'l-landscape': {\n display: 'block',\n },\n m: {\n display: 'none',\n },\n s: {\n display: 'none',\n },\n xs: {\n display: 'none',\n },\n}\n\nexport const VISIBILITY_LANDSCAPE_MEDIA: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'none',\n },\n 'xxl-landscape': {\n display: 'block',\n height: '100%',\n },\n xl: {\n display: 'none',\n },\n 'xl-landscape': {\n display: 'block',\n height: '100%',\n },\n l: {\n display: 'none',\n },\n 'l-landscape': {\n display: 'block',\n height: '100%',\n },\n m: {\n display: 'none',\n },\n s: {\n display: 'none',\n },\n xs: {\n display: 'none',\n },\n}\n"],"names":["SIZES","xxl","maxWidth","width","minWidth","fontSize","maxHeight","flexDirection","borderRadius","height","minHeight","xl","l","m","s","xs","SIZES_FANCY","omit","SIZES_CONTAINER","padding","SIZES_CONTAINER_FANCY","paddingTop","SIZES_PROGRESS_CONTAINER","paddingRight","paddingLeft","SIZES_CAPTION","xxxl","xxs","xxxs","SIZES_TITLE","SIZES_SUBTITLE","VISIBILITY_PORTRAIT","display","VISIBILITY_LANDSCAPE","VISIBILITY_LANDSCAPE_MEDIA"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/DialogComponent/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\nimport type { DialogComponentSize } from './types'\n\nexport const SIZES: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n maxWidth: 1228,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'xxl-landscape': {\n maxWidth: 1228,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 600,\n flexDirection: 'row',\n borderRadius: 20,\n },\n xl: {\n maxWidth: 960,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'xl-landscape': {\n maxWidth: 960,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 456,\n flexDirection: 'row',\n borderRadius: 20,\n },\n l: {\n maxWidth: 780,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'l-landscape': {\n maxWidth: 780,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 392,\n flexDirection: 'row',\n borderRadius: 20,\n },\n m: {\n maxWidth: 560,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n s: {\n maxWidth: 440,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n xs: {\n maxWidth: 304,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n}\n\nexport const SIZES_FANCY: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n ...SIZES.xxl,\n borderRadius: 0,\n },\n 'xxl-landscape': {\n ...SIZES['xxl-landscape'],\n borderRadius: 0,\n },\n xl: {\n ...SIZES.xl,\n borderRadius: 0,\n },\n 'xl-landscape': {\n ...SIZES['xl-landscape'],\n borderRadius: 0,\n },\n l: {\n ...SIZES.l,\n borderRadius: 0,\n },\n 'l-landscape': {\n ...SIZES['l-landscape'],\n borderRadius: 0,\n },\n m: {\n ...SIZES.m,\n borderRadius: 0,\n },\n s: {\n ...SIZES.s,\n borderRadius: 0,\n },\n xs: {\n ...SIZES.xs,\n borderRadius: 0,\n },\n}\n\nexport const SIZES_CONTAINER: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n padding: 44,\n },\n 'xxl-landscape': {\n padding: 44,\n },\n xl: {\n padding: 36,\n },\n 'xl-landscape': {\n padding: 36,\n },\n l: {\n padding: 32,\n },\n 'l-landscape': {\n padding: 32,\n },\n m: {\n padding: 28,\n },\n s: {\n padding: 28,\n },\n xs: {\n padding: 20,\n },\n}\n\nexport const SIZES_CONTAINER_FANCY: Record<DialogComponentSize, CSSProperties> = {\n xxl: SIZES_CONTAINER.xxl,\n 'xxl-landscape': {\n ...SIZES_CONTAINER['xxl-landscape'],\n paddingTop: 96,\n },\n xl: SIZES_CONTAINER.xl,\n 'xl-landscape': {\n ...SIZES_CONTAINER['xl-landscape'],\n paddingTop: 96,\n },\n l: SIZES_CONTAINER.l,\n 'l-landscape': {\n ...SIZES_CONTAINER['l-landscape'],\n paddingTop: 96,\n },\n m: SIZES_CONTAINER.m,\n s: SIZES_CONTAINER.s,\n xs: SIZES_CONTAINER.xs,\n}\n\nexport const SIZES_PROGRESS_CONTAINER: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n paddingRight: 48,\n paddingLeft: 48,\n },\n 'xxl-landscape': {\n paddingRight: 48,\n paddingLeft: 48,\n },\n xl: {\n paddingRight: 40,\n paddingLeft: 40,\n },\n 'xl-landscape': {\n paddingRight: 40,\n paddingLeft: 40,\n },\n l: {\n paddingRight: 36,\n paddingLeft: 36,\n },\n 'l-landscape': {\n paddingRight: 36,\n paddingLeft: 36,\n },\n m: {\n paddingRight: 32,\n paddingLeft: 32,\n },\n s: {\n paddingRight: 32,\n paddingLeft: 32,\n },\n xs: {\n paddingRight: 24,\n paddingLeft: 24,\n },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 20,\n },\n xxl: {\n fontSize: 20,\n },\n xl: {\n fontSize: 18,\n },\n l: {\n fontSize: 18,\n },\n m: {\n fontSize: 14,\n },\n s: {\n fontSize: 14,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 14,\n },\n xxxs: {\n fontSize: 14,\n },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 32,\n },\n xxl: {\n fontSize: 32,\n },\n xl: {\n fontSize: 28,\n },\n l: {\n fontSize: 24,\n },\n m: {\n fontSize: 20,\n },\n s: {\n fontSize: 18,\n },\n xs: {\n fontSize: 16,\n },\n xxs: {\n fontSize: 16,\n },\n xxxs: {\n fontSize: 16,\n },\n}\n\nexport const SIZES_SUBTITLE: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 24,\n },\n xxl: {\n fontSize: 24,\n },\n xl: {\n fontSize: 20,\n },\n l: {\n fontSize: 20,\n },\n m: {\n fontSize: 16,\n },\n s: {\n fontSize: 16,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 14,\n },\n xxxs: {\n fontSize: 14,\n },\n}\n\nexport const VISIBILITY_PORTRAIT: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'block',\n },\n 'xxl-landscape': {\n display: 'none',\n },\n xl: {\n display: 'block',\n },\n 'xl-landscape': {\n display: 'none',\n },\n l: {\n display: 'block',\n },\n 'l-landscape': {\n display: 'none',\n },\n m: {\n display: 'block',\n },\n s: {\n display: 'block',\n },\n xs: {\n display: 'block',\n },\n}\n\nexport const VISIBILITY_LANDSCAPE: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'none',\n },\n 'xxl-landscape': {\n display: 'block',\n },\n xl: {\n display: 'none',\n },\n 'xl-landscape': {\n display: 'block',\n },\n l: {\n display: 'none',\n },\n 'l-landscape': {\n display: 'block',\n },\n m: {\n display: 'none',\n },\n s: {\n display: 'none',\n },\n xs: {\n display: 'none',\n },\n}\n\nexport const VISIBILITY_LANDSCAPE_MEDIA: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'none',\n },\n 'xxl-landscape': {\n display: 'block',\n height: '100%',\n },\n xl: {\n display: 'none',\n },\n 'xl-landscape': {\n display: 'block',\n height: '100%',\n },\n l: {\n display: 'none',\n },\n 'l-landscape': {\n display: 'block',\n height: '100%',\n },\n m: {\n display: 'none',\n },\n s: {\n display: 'none',\n },\n xs: {\n display: 'none',\n },\n}\n"],"names":["SIZES","xxl","maxWidth","width","minWidth","fontSize","maxHeight","flexDirection","borderRadius","height","minHeight","xl","l","m","s","xs","SIZES_FANCY","SIZES_CONTAINER","padding","SIZES_CONTAINER_FANCY","paddingTop","SIZES_PROGRESS_CONTAINER","paddingRight","paddingLeft","SIZES_CAPTION","xxxl","xxs","xxxs","SIZES_TITLE","SIZES_SUBTITLE","VISIBILITY_PORTRAIT","display","VISIBILITY_LANDSCAPE","VISIBILITY_LANDSCAPE_MEDIA"],"mappings":"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"}
|
package/components/Menu/Menu.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var React=require('react');var
|
|
1
|
+
'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var dom=require('../../shared/utils/dom.js');var misc=require('../../shared/utils/misc.js');var jsxRuntime=require('react/jsx-runtime');var MenuComponent=require('../MenuComponent/MenuComponent.js');var MenuList=require('../MenuList/MenuList.js');var MenuContainer=require('../MenuContainer/MenuContainer.js');var MenuDivider=require('../MenuDivider/MenuDivider.js');var constants=require('../MenuComponent/constants.js');var Tooltip=require('../Tooltip/Tooltip.js');const Menu=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:n="m",disableFlip:r=!0,offset:s=8,placement:i="bottom-start",styles:o={},sizeXXS:u,sizeXS:a,sizeS:c,sizeM:l,sizeL:p,sizeXL:m,sizes:d,sizeUnits:M,render:v,primary:z,secondary:f,palette:C,autoFocus:j,disableAutoFocus:b,portalElement:L,...q}=e;const y={size:n,sizeXXS:u,sizeXS:a,sizeS:c,sizeM:l,sizeL:p,sizeXL:m,sizes:d,sizeUnits:M};const[h,R]=React.useState(null);const g=React.useRef(null);return React.useLayoutEffect((()=>{let e=null;return L?R(null):document.body&&(e=document.createElement('div'),e.dataset.menuPortal='true',e.style.position='relative',document.body.appendChild(e),R(e)),()=>{e&&e.isConnected&&e.remove()}}),[L]),L||h?jsxRuntime.jsx(Tooltip.Tooltip,{...q,ref:t,preset:"brand",hideArrow:!0,portalElement:L??h,getPopper:(e,t)=>{e.state.elements.reference instanceof HTMLElement&&(g.current=e.state.elements.reference),q.getPopper&&q.getPopper(e,t)},callback:(e,t)=>{e==='close'&&g.current instanceof HTMLElement&&dom.focusFirstFocusable(g.current),q.callback&&q.callback(e,t)},disableFlip:r,offset:s,placement:i,styles:misc.deepmerge(f?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}},o),component:jsxRuntime.jsx(MenuComponent.MenuComponent,{...y,autoFocus:j,disableAutoFocus:b,primary:z,secondary:f,palette:C,children:v})}):null})),{displayName:'Menu',sizes:constants.SIZES}),{Component:MenuComponent.MenuComponent,List:MenuList.MenuList,Container:MenuContainer.MenuContainer,Divider:MenuDivider.MenuDivider});exports.Menu=Menu;
|
|
2
2
|
//# sourceMappingURL=Menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef, useState, useLayoutEffect } from 'react'\nimport {
|
|
1
|
+
{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef, useState, useLayoutEffect } from 'react'\nimport type { Styles } from 'react-floater'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { deepmerge } from 'shared/utils/misc'\nimport { Tooltip } from 'components/Tooltip'\nimport { MenuComponent, SIZES } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { MenuDivider } from 'components/MenuDivider'\nimport type { MenuProps } from './types'\n\nconst COMPONENT_NAME = 'Menu'\n\n/**\n *\n * Component based on [\"react-floater\"](https://www.npmjs.com/package/react-floater).\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to menu component root.\n *\n * See full [MenuProps](https://github.com/foxford/ui/blob/master/src/components/Menu/types.ts)\n */\nconst Menu: React.ForwardRefExoticComponent<MenuProps> & {\n Component: typeof MenuComponent\n List: typeof MenuList\n Container: typeof MenuContainer\n Divider: typeof MenuDivider\n} = Object.assign(\n withMergedProps<MenuProps, HTMLDivElement>(\n forwardRef((props, ref) => {\n const {\n size = 'm',\n disableFlip = true,\n offset = 8,\n placement = 'bottom-start',\n styles = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizes,\n sizeUnits,\n render,\n primary,\n secondary,\n palette,\n autoFocus,\n disableAutoFocus,\n portalElement,\n ...restProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizes,\n sizeUnits,\n }\n\n const [portal, setPortal] = useState<HTMLElement | null>(null)\n\n const trigger = useRef<HTMLElement | null>(null)\n\n useLayoutEffect(() => {\n let menuPortal: HTMLElement | null = null\n\n if (portalElement) {\n setPortal(null)\n } else if (document.body) {\n menuPortal = document.createElement('div')\n\n menuPortal.dataset.menuPortal = 'true'\n menuPortal.style.position = 'relative'\n\n document.body.appendChild(menuPortal)\n\n setPortal(menuPortal)\n }\n\n return () => {\n if (menuPortal && menuPortal.isConnected) {\n menuPortal.remove()\n }\n }\n }, [portalElement])\n\n if (!portalElement && !portal) {\n return null\n }\n\n return (\n <Tooltip\n {...restProps}\n ref={ref}\n preset='brand'\n hideArrow\n portalElement={portalElement ?? portal}\n getPopper={(popper, origin) => {\n if (popper.state.elements.reference instanceof HTMLElement) {\n trigger.current = popper.state.elements.reference\n }\n\n if (restProps.getPopper) {\n restProps.getPopper(popper, origin)\n }\n }}\n callback={(action, tooltipProps) => {\n if (action === 'close' && trigger.current instanceof HTMLElement) {\n focusFirstFocusable(trigger.current)\n }\n\n if (restProps.callback) {\n restProps.callback(action, tooltipProps)\n }\n }}\n disableFlip={disableFlip}\n offset={offset}\n placement={placement}\n styles={deepmerge(\n (secondary\n ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n : { wrapper: { cursor: 'pointer' } }) as Partial<Styles>,\n styles\n )}\n component={\n <MenuComponent\n {...sizeProps}\n autoFocus={autoFocus}\n disableAutoFocus={disableAutoFocus}\n primary={primary}\n secondary={secondary}\n palette={palette}\n >\n {render}\n </MenuComponent>\n }\n />\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n ),\n {\n Component: MenuComponent,\n List: MenuList,\n Container: MenuContainer,\n Divider: MenuDivider,\n }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","portalElement","restProps","sizeProps","portal","setPortal","useState","trigger","useRef","useLayoutEffect","menuPortal","document","body","createElement","dataset","style","position","appendChild","isConnected","remove","_jsx","Tooltip","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","deepmerge","floater","filter","wrapper","cursor","component","jsx","MenuComponent","children","displayName","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"wjBAwBA,MAAMA,KAKFC,OAAOC,OACTC,gBAAAA,gBACEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,YACVA,GAAc,EAAIC,OAClBA,EAAS,EAACC,UACVA,EAAY,eAAcC,OAC1BA,EAAS,CAAE,EAAAC,QACXA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,QACNA,EAAOC,UACPA,EAASC,QACTA,EAAOC,UACPA,EAASC,iBACTA,EAAgBC,cAChBA,KACGC,GACDtB,EAEJ,MAAMuB,EAAY,CAChBrB,OACAK,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,aAGF,MAAOU,EAAQC,GAAaC,MAAQA,SAAqB,MAEzD,MAAMC,EAAUC,aAA2B,MAyB3C,OAvBAC,MAAAA,iBAAgB,KACd,IAAIC,EAAiC,KAerC,OAbIT,EACFI,EAAU,MACDM,SAASC,OAClBF,EAAaC,SAASE,cAAc,OAEpCH,EAAWI,QAAQJ,WAAa,OAChCA,EAAWK,MAAMC,SAAW,WAE5BL,SAASC,KAAKK,YAAYP,GAE1BL,EAAUK,IAGL,KACDA,GAAcA,EAAWQ,aAC3BR,EAAWS,QACb,CACD,GACA,CAAClB,IAECA,GAAkBG,EAKrBgB,WAAAA,IAACC,QAAAA,QAAO,IACFnB,EACJrB,IAAKA,EACLyC,OAAO,QACPC,WAAS,EACTtB,cAAeA,GAAiBG,EAChCoB,UAAWA,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CvB,EAAQwB,QAAUN,EAAOE,MAAMC,SAASC,WAGtC3B,EAAUsB,WACZtB,EAAUsB,UAAUC,EAAQC,EAC9B,EAEFM,SAAUA,CAACC,EAAQC,KACbD,IAAW,SAAW1B,EAAQwB,mBAAmBD,aACnDK,wBAAoB5B,EAAQwB,SAG1B7B,EAAU8B,UACZ9B,EAAU8B,SAASC,EAAQC,EAC7B,EAEFnD,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQkD,KAASA,UACdvC,EACG,CAAEwC,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,YACzBtD,GAEFuD,UACErB,WAAAsB,IAACC,4BAAa,IACRxC,EACJJ,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EAAQ8C,SAEhBjD,MA9CA,IAiDL,IAGN,CACEkD,YAzIiB,OA0IjBpD,MAAOqD,UAAAA,QAGX,CACEC,UAAWJ,cAAaA,cACxBK,KAAMC,SAAQA,SACdC,UAAWC,cAAaA,cACxBC,QAASC,YAAAA"}
|
package/components/Menu/Menu.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{forwardRef,useState,useRef,useLayoutEffect}from'react';import{
|
|
1
|
+
import{forwardRef,useState,useRef,useLayoutEffect}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{deepmerge}from'../../shared/utils/misc.mjs';import{jsx}from'react/jsx-runtime';import{MenuComponent}from'../MenuComponent/MenuComponent.mjs';import{MenuList}from'../MenuList/MenuList.mjs';import{MenuContainer}from'../MenuContainer/MenuContainer.mjs';import{MenuDivider}from'../MenuDivider/MenuDivider.mjs';import{SIZES}from'../MenuComponent/constants.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';const Menu=Object.assign(withMergedProps(forwardRef(((e,t)=>{const{size:o="m",disableFlip:s=!0,offset:r=8,placement:n="bottom-start",styles:i={},sizeXXS:m,sizeXS:u,sizeS:a,sizeM:p,sizeL:l,sizeXL:c,sizes:d,sizeUnits:f,render:M,primary:z,secondary:b,palette:j,autoFocus:C,disableAutoFocus:L,portalElement:y,...S}=e;const F={size:o,sizeXXS:m,sizeXS:u,sizeS:a,sizeM:p,sizeL:l,sizeXL:c,sizes:d,sizeUnits:f};const[g,h]=useState(null);const E=useRef(null);return useLayoutEffect((()=>{let e=null;return y?h(null):document.body&&(e=document.createElement('div'),e.dataset.menuPortal='true',e.style.position='relative',document.body.appendChild(e),h(e)),()=>{e&&e.isConnected&&e.remove()}}),[y]),y||g?jsx(Tooltip,{...S,ref:t,preset:"brand",hideArrow:!0,portalElement:y??g,getPopper:(e,t)=>{e.state.elements.reference instanceof HTMLElement&&(E.current=e.state.elements.reference),S.getPopper&&S.getPopper(e,t)},callback:(e,t)=>{e==='close'&&E.current instanceof HTMLElement&&focusFirstFocusable(E.current),S.callback&&S.callback(e,t)},disableFlip:s,offset:r,placement:n,styles:deepmerge(b?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}},i),component:jsx(MenuComponent,{...F,autoFocus:C,disableAutoFocus:L,primary:z,secondary:b,palette:j,children:M})}):null})),{displayName:'Menu',sizes:SIZES}),{Component:MenuComponent,List:MenuList,Container:MenuContainer,Divider:MenuDivider});export{Menu};
|
|
2
2
|
//# sourceMappingURL=Menu.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.mjs","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef, useState, useLayoutEffect } from 'react'\nimport {
|
|
1
|
+
{"version":3,"file":"Menu.mjs","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef, useState, useLayoutEffect } from 'react'\nimport type { Styles } from 'react-floater'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { deepmerge } from 'shared/utils/misc'\nimport { Tooltip } from 'components/Tooltip'\nimport { MenuComponent, SIZES } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { MenuDivider } from 'components/MenuDivider'\nimport type { MenuProps } from './types'\n\nconst COMPONENT_NAME = 'Menu'\n\n/**\n *\n * Component based on [\"react-floater\"](https://www.npmjs.com/package/react-floater).\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to menu component root.\n *\n * See full [MenuProps](https://github.com/foxford/ui/blob/master/src/components/Menu/types.ts)\n */\nconst Menu: React.ForwardRefExoticComponent<MenuProps> & {\n Component: typeof MenuComponent\n List: typeof MenuList\n Container: typeof MenuContainer\n Divider: typeof MenuDivider\n} = Object.assign(\n withMergedProps<MenuProps, HTMLDivElement>(\n forwardRef((props, ref) => {\n const {\n size = 'm',\n disableFlip = true,\n offset = 8,\n placement = 'bottom-start',\n styles = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizes,\n sizeUnits,\n render,\n primary,\n secondary,\n palette,\n autoFocus,\n disableAutoFocus,\n portalElement,\n ...restProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizes,\n sizeUnits,\n }\n\n const [portal, setPortal] = useState<HTMLElement | null>(null)\n\n const trigger = useRef<HTMLElement | null>(null)\n\n useLayoutEffect(() => {\n let menuPortal: HTMLElement | null = null\n\n if (portalElement) {\n setPortal(null)\n } else if (document.body) {\n menuPortal = document.createElement('div')\n\n menuPortal.dataset.menuPortal = 'true'\n menuPortal.style.position = 'relative'\n\n document.body.appendChild(menuPortal)\n\n setPortal(menuPortal)\n }\n\n return () => {\n if (menuPortal && menuPortal.isConnected) {\n menuPortal.remove()\n }\n }\n }, [portalElement])\n\n if (!portalElement && !portal) {\n return null\n }\n\n return (\n <Tooltip\n {...restProps}\n ref={ref}\n preset='brand'\n hideArrow\n portalElement={portalElement ?? portal}\n getPopper={(popper, origin) => {\n if (popper.state.elements.reference instanceof HTMLElement) {\n trigger.current = popper.state.elements.reference\n }\n\n if (restProps.getPopper) {\n restProps.getPopper(popper, origin)\n }\n }}\n callback={(action, tooltipProps) => {\n if (action === 'close' && trigger.current instanceof HTMLElement) {\n focusFirstFocusable(trigger.current)\n }\n\n if (restProps.callback) {\n restProps.callback(action, tooltipProps)\n }\n }}\n disableFlip={disableFlip}\n offset={offset}\n placement={placement}\n styles={deepmerge(\n (secondary\n ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n : { wrapper: { cursor: 'pointer' } }) as Partial<Styles>,\n styles\n )}\n component={\n <MenuComponent\n {...sizeProps}\n autoFocus={autoFocus}\n disableAutoFocus={disableAutoFocus}\n primary={primary}\n secondary={secondary}\n palette={palette}\n >\n {render}\n </MenuComponent>\n }\n />\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n ),\n {\n Component: MenuComponent,\n List: MenuList,\n Container: MenuContainer,\n Divider: MenuDivider,\n }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","portalElement","restProps","sizeProps","portal","setPortal","useState","trigger","useRef","useLayoutEffect","menuPortal","document","body","createElement","dataset","style","position","appendChild","isConnected","remove","_jsx","Tooltip","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","deepmerge","floater","filter","wrapper","cursor","component","MenuComponent","children","displayName","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"6kBAwBA,MAAMA,KAKFC,OAAOC,OACTC,gBACEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,YACVA,GAAc,EAAIC,OAClBA,EAAS,EAACC,UACVA,EAAY,eAAcC,OAC1BA,EAAS,CAAE,EAAAC,QACXA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,QACNA,EAAOC,UACPA,EAASC,QACTA,EAAOC,UACPA,EAASC,iBACTA,EAAgBC,cAChBA,KACGC,GACDtB,EAEJ,MAAMuB,EAAY,CAChBrB,OACAK,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,aAGF,MAAOU,EAAQC,GAAaC,SAA6B,MAEzD,MAAMC,EAAUC,OAA2B,MAyB3C,OAvBAC,iBAAgB,KACd,IAAIC,EAAiC,KAerC,OAbIT,EACFI,EAAU,MACDM,SAASC,OAClBF,EAAaC,SAASE,cAAc,OAEpCH,EAAWI,QAAQJ,WAAa,OAChCA,EAAWK,MAAMC,SAAW,WAE5BL,SAASC,KAAKK,YAAYP,GAE1BL,EAAUK,IAGL,KACDA,GAAcA,EAAWQ,aAC3BR,EAAWS,QACb,CACD,GACA,CAAClB,IAECA,GAAkBG,EAKrBgB,IAACC,QAAO,IACFnB,EACJrB,IAAKA,EACLyC,OAAO,QACPC,WAAS,EACTtB,cAAeA,GAAiBG,EAChCoB,UAAWA,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CvB,EAAQwB,QAAUN,EAAOE,MAAMC,SAASC,WAGtC3B,EAAUsB,WACZtB,EAAUsB,UAAUC,EAAQC,EAC9B,EAEFM,SAAUA,CAACC,EAAQC,KACbD,IAAW,SAAW1B,EAAQwB,mBAAmBD,aACnDK,oBAAoB5B,EAAQwB,SAG1B7B,EAAU8B,UACZ9B,EAAU8B,SAASC,EAAQC,EAC7B,EAEFnD,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQkD,UACLvC,EACG,CAAEwC,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,YACzBtD,GAEFuD,UACErB,IAACsB,cAAa,IACRvC,EACJJ,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EAAQ6C,SAEhBhD,MA9CA,IAiDL,IAGN,CACEiD,YAzIiB,OA0IjBnD,MAAOoD,QAGX,CACEC,UAAWJ,cACXK,KAAMC,SACNC,UAAWC,cACXC,QAASC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var ReactModal=require('react-modal');var
|
|
1
|
+
'use strict';var ReactModal=require('react-modal');var dom=require('../../shared/utils/dom.js');var jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var ReactModal__default=_interopDefault(ReactModal);exports.ReactModalAdapter=({className:e,isOpen:a,overlayClassName:t,style:s,...r})=>{const l=`${e}__overlay`;return jsxRuntime.jsx(ReactModal__default.default,{portalClassName:e,className:`${e}__content`,isOpen:Boolean(a),overlayClassName:typeof t!='string'&&t?t:dom.concatClassNames(l,t),...r})};
|
|
2
2
|
//# sourceMappingURL=adapter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"adapter.js","sources":["../../../../src/components/Modal/adapter.tsx"],"sourcesContent":["import ReactModal from 'react-modal'\nimport
|
|
1
|
+
{"version":3,"file":"adapter.js","sources":["../../../../src/components/Modal/adapter.tsx"],"sourcesContent":["import ReactModal from 'react-modal'\nimport { concatClassNames } from 'shared/utils/dom'\nimport { ModalProps } from './Modal'\n\nexport const ReactModalAdapter: React.FC<ModalProps> = ({\n className,\n isOpen,\n overlayClassName,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n style: _style,\n ...props\n}: ModalProps) => {\n const contentClassName = `${className}__content`\n const overlayClassNameLocal = `${className}__overlay`\n\n return (\n <ReactModal\n portalClassName={className}\n className={contentClassName}\n isOpen={Boolean(isOpen)}\n overlayClassName={\n typeof overlayClassName === 'string' || !overlayClassName\n ? concatClassNames(overlayClassNameLocal, overlayClassName)\n : overlayClassName\n }\n {...props}\n />\n )\n}\n"],"names":["ReactModalAdapter","className","isOpen","overlayClassName","style","_style","props","overlayClassNameLocal","_jsx","ReactModal","portalClassName","Boolean","concatClassNames"],"mappings":"2RAIuDA,EACrDC,YACAC,SACAC,mBAEAC,MAAOC,KACJC,MAGH,MAAMC,EAAwB,GAAGN,aAEjC,OACEO,WAAAA,IAACC,oBAAAA,QAAU,CACTC,gBAAiBT,EACjBA,UANqB,GAAGA,aAOxBC,OAAQS,QAAQT,GAChBC,wBACSA,GAAqB,UAAaA,EAErCA,EADAS,qBAAiBL,EAAuBJ,MAG1CG,GACJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import ReactModal from'react-modal';import
|
|
1
|
+
import ReactModal from'react-modal';import{concatClassNames}from'../../shared/utils/dom.mjs';import{jsx}from'react/jsx-runtime';const ReactModalAdapter=({className:a,isOpen:e,overlayClassName:s,style:o,...t})=>{const r=`${a}__overlay`;return jsx(ReactModal,{portalClassName:a,className:`${a}__content`,isOpen:Boolean(e),overlayClassName:typeof s!='string'&&s?s:concatClassNames(r,s),...t})};export{ReactModalAdapter};
|
|
2
2
|
//# sourceMappingURL=adapter.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"adapter.mjs","sources":["../../../../src/components/Modal/adapter.tsx"],"sourcesContent":["import ReactModal from 'react-modal'\nimport
|
|
1
|
+
{"version":3,"file":"adapter.mjs","sources":["../../../../src/components/Modal/adapter.tsx"],"sourcesContent":["import ReactModal from 'react-modal'\nimport { concatClassNames } from 'shared/utils/dom'\nimport { ModalProps } from './Modal'\n\nexport const ReactModalAdapter: React.FC<ModalProps> = ({\n className,\n isOpen,\n overlayClassName,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n style: _style,\n ...props\n}: ModalProps) => {\n const contentClassName = `${className}__content`\n const overlayClassNameLocal = `${className}__overlay`\n\n return (\n <ReactModal\n portalClassName={className}\n className={contentClassName}\n isOpen={Boolean(isOpen)}\n overlayClassName={\n typeof overlayClassName === 'string' || !overlayClassName\n ? concatClassNames(overlayClassNameLocal, overlayClassName)\n : overlayClassName\n }\n {...props}\n />\n )\n}\n"],"names":["ReactModalAdapter","className","isOpen","overlayClassName","style","_style","props","overlayClassNameLocal","_jsx","ReactModal","portalClassName","Boolean","concatClassNames"],"mappings":"gIAIO,MAAMA,kBAA0CA,EACrDC,YACAC,SACAC,mBAEAC,MAAOC,KACJC,MAGH,MAAMC,EAAwB,GAAGN,aAEjC,OACEO,IAACC,WAAU,CACTC,gBAAiBT,EACjBA,UANqB,GAAGA,aAOxBC,OAAQS,QAAQT,GAChBC,wBACSA,GAAqB,UAAaA,EAErCA,EADAS,iBAAiBL,EAAuBJ,MAG1CG,GACJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var React=require('react');var
|
|
1
|
+
'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var misc=require('../../shared/utils/misc.js');var jsxRuntime=require('react/jsx-runtime');var PopoverComponent=require('../PopoverComponent/PopoverComponent.js');var constants=require('../PopoverComponent/constants.js');var Tooltip=require('../Tooltip/Tooltip.js');const Popover=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,o)=>{const{size:t="s",styles:s={},sizeXXS:r,sizeXS:n,sizeS:i,sizeM:p,sizeL:a,sizeXL:c,sizes:l,sizeUnits:P,palette:m,showCloseButton:v,closeButtonProps:z,orientation:u,loading:d,badge:C,caption:j,captionProps:g,title:S,titleProps:h,content:w,contentProps:x,controlsDirection:M,media:X,footer:q,controls:R,...T}=e;return jsxRuntime.jsx(Tooltip.Tooltip,{...T,preset:"brand",ref:o,styles:misc.deepmerge({arrow:{spread:20,length:12}},s),component:jsxRuntime.jsx(PopoverComponent.PopoverComponent,{size:t,sizeXXS:r,sizeXS:n,sizeS:i,sizeM:p,sizeL:a,sizeXL:c,sizes:l,sizeUnits:P,palette:m,showCloseButton:v,closeButtonProps:z,orientation:u,loading:d,badge:C,caption:j,captionProps:g,title:S,titleProps:h,content:w,contentProps:x,controlsDirection:M,media:X,footer:q,controls:R})})})),{displayName:"Popover",sizes:e=>e.orientation==='landscape'?constants.SIZES_LANDSCAPE:constants.SIZES}),{Component:PopoverComponent.PopoverComponent});exports.COMPONENT_NAME="Popover",exports.Popover=Popover;
|
|
2
2
|
//# sourceMappingURL=Popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport {
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent, SIZES_LANDSCAPE, SIZES } from 'components/PopoverComponent'\nimport { deepmerge } from 'shared/utils/misc'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.\n *\n * Компонент основан на [\"react-floater\"](https://www.npmjs.com/package/react-floater).\n *\n * Получить доступ к компоненту, не подключенному к библиотеке, можно через `Popover.Component`.\n *\n * Полный интерфейс `Popover` можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Popover/types.ts), интерфейс `Popover.Component` [тут](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts).\n *\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n withMergedProps<PopoverProps, HTMLDivElement>(\n forwardRef((props, ref) => {\n const {\n size = 's',\n styles = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizes,\n sizeUnits,\n palette,\n showCloseButton,\n closeButtonProps,\n orientation,\n loading,\n badge,\n caption,\n captionProps,\n title,\n titleProps,\n content,\n contentProps,\n controlsDirection,\n media,\n footer,\n controls,\n ...restProps\n } = props\n\n return (\n <Tooltip\n {...restProps}\n preset='brand'\n ref={ref}\n styles={deepmerge({ arrow: { spread: 20, length: 12 } }, styles)}\n component={\n <PopoverComponent\n size={size}\n sizeXXS={sizeXXS}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n sizes={sizes}\n sizeUnits={sizeUnits}\n palette={palette}\n showCloseButton={showCloseButton}\n closeButtonProps={closeButtonProps}\n orientation={orientation}\n loading={loading}\n badge={badge}\n caption={caption}\n captionProps={captionProps}\n title={title}\n titleProps={titleProps}\n content={content}\n contentProps={contentProps}\n controlsDirection={controlsDirection}\n media={media}\n footer={footer}\n controls={controls}\n />\n }\n />\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n },\n }\n ),\n {\n Component: PopoverComponent,\n }\n)\n\nexport { Popover }\n\nexport { COMPONENT_NAME }\n"],"names":["Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","palette","showCloseButton","closeButtonProps","orientation","loading","badge","caption","captionProps","title","titleProps","content","contentProps","controlsDirection","media","footer","controls","restProps","_jsx","Tooltip","preset","deepmerge","arrow","spread","length","component","jsx","PopoverComponent","displayName","SIZES_LANDSCAPE","SIZES","Component"],"mappings":"+WAwBA,MAAMA,QAAkGC,OAAOC,OAC7GC,gBAAAA,gBACEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,CAAE,EAAAC,QACXA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,QACTA,EAAOC,gBACPA,EAAeC,iBACfA,EAAgBC,YAChBA,EAAWC,QACXA,EAAOC,MACPA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,MACZA,EAAKC,WACLA,EAAUC,QACVA,EAAOC,aACPA,EAAYC,kBACZA,EAAiBC,MACjBA,EAAKC,OACLA,EAAMC,SACNA,KACGC,GACD5B,EAEJ,OACE6B,WAAAA,IAACC,QAAAA,QAAO,IACFF,EACJG,OAAO,QACP9B,IAAKA,EACLE,OAAQ6B,KAAAA,UAAU,CAAEC,MAAO,CAAEC,OAAQ,GAAIC,OAAQ,KAAQhC,GACzDiC,UACEP,WAAAQ,IAACC,kCAAgB,CACfpC,KAAMA,EACNE,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,QAASA,EACTC,gBAAiBA,EACjBC,iBAAkBA,EAClBC,YAAaA,EACbC,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,aAAcA,EACdC,MAAOA,EACPC,WAAYA,EACZC,QAASA,EACTC,aAAcA,EACdC,kBAAmBA,EACnBC,MAAOA,EACPC,OAAQA,EACRC,SAAUA,KAGd,IAGN,CACEY,YAzFiB,UA0FjB7B,MAAQV,GACCA,EAAMe,cAAgB,YAAcyB,UAAAA,gBAAkBC,UAAAA,QAInE,CACEC,UAAWJ,iBAAAA,0CAhGQ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{forwardRef}from'react';import{
|
|
1
|
+
import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{deepmerge}from'../../shared/utils/misc.mjs';import{jsx}from'react/jsx-runtime';import{PopoverComponent}from'../PopoverComponent/PopoverComponent.mjs';import{SIZES_LANDSCAPE,SIZES}from'../PopoverComponent/constants.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';const COMPONENT_NAME='Popover';const Popover=Object.assign(withMergedProps(forwardRef(((o,e)=>{const{size:t="s",styles:s={},sizeXXS:r,sizeXS:i,sizeS:n,sizeM:p,sizeL:m,sizeXL:a,sizes:c,sizeUnits:l,palette:P,showCloseButton:z,closeButtonProps:d,orientation:S,loading:f,badge:C,caption:g,captionProps:j,title:v,titleProps:E,content:M,contentProps:N,controlsDirection:h,media:w,footer:X,controls:u,...A}=o;return jsx(Tooltip,{...A,preset:"brand",ref:e,styles:deepmerge({arrow:{spread:20,length:12}},s),component:jsx(PopoverComponent,{size:t,sizeXXS:r,sizeXS:i,sizeS:n,sizeM:p,sizeL:m,sizeXL:a,sizes:c,sizeUnits:l,palette:P,showCloseButton:z,closeButtonProps:d,orientation:S,loading:f,badge:C,caption:g,captionProps:j,title:v,titleProps:E,content:M,contentProps:N,controlsDirection:h,media:w,footer:X,controls:u})})})),{displayName:"Popover",sizes:o=>o.orientation==='landscape'?SIZES_LANDSCAPE:SIZES}),{Component:PopoverComponent});export{COMPONENT_NAME,Popover};
|
|
2
2
|
//# sourceMappingURL=Popover.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.mjs","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport {
|
|
1
|
+
{"version":3,"file":"Popover.mjs","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent, SIZES_LANDSCAPE, SIZES } from 'components/PopoverComponent'\nimport { deepmerge } from 'shared/utils/misc'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.\n *\n * Компонент основан на [\"react-floater\"](https://www.npmjs.com/package/react-floater).\n *\n * Получить доступ к компоненту, не подключенному к библиотеке, можно через `Popover.Component`.\n *\n * Полный интерфейс `Popover` можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Popover/types.ts), интерфейс `Popover.Component` [тут](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts).\n *\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n withMergedProps<PopoverProps, HTMLDivElement>(\n forwardRef((props, ref) => {\n const {\n size = 's',\n styles = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizes,\n sizeUnits,\n palette,\n showCloseButton,\n closeButtonProps,\n orientation,\n loading,\n badge,\n caption,\n captionProps,\n title,\n titleProps,\n content,\n contentProps,\n controlsDirection,\n media,\n footer,\n controls,\n ...restProps\n } = props\n\n return (\n <Tooltip\n {...restProps}\n preset='brand'\n ref={ref}\n styles={deepmerge({ arrow: { spread: 20, length: 12 } }, styles)}\n component={\n <PopoverComponent\n size={size}\n sizeXXS={sizeXXS}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n sizes={sizes}\n sizeUnits={sizeUnits}\n palette={palette}\n showCloseButton={showCloseButton}\n closeButtonProps={closeButtonProps}\n orientation={orientation}\n loading={loading}\n badge={badge}\n caption={caption}\n captionProps={captionProps}\n title={title}\n titleProps={titleProps}\n content={content}\n contentProps={contentProps}\n controlsDirection={controlsDirection}\n media={media}\n footer={footer}\n controls={controls}\n />\n }\n />\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n },\n }\n ),\n {\n Component: PopoverComponent,\n }\n)\n\nexport { Popover }\n\nexport { COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","palette","showCloseButton","closeButtonProps","orientation","loading","badge","caption","captionProps","title","titleProps","content","contentProps","controlsDirection","media","footer","controls","restProps","_jsx","Tooltip","preset","deepmerge","arrow","spread","length","component","PopoverComponent","displayName","SIZES_LANDSCAPE","SIZES","Component"],"mappings":"wWAOMA,MAAAA,eAAiB,UAiBvB,MAAMC,QAAkGC,OAAOC,OAC7GC,gBACEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,CAAE,EAAAC,QACXA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,QACTA,EAAOC,gBACPA,EAAeC,iBACfA,EAAgBC,YAChBA,EAAWC,QACXA,EAAOC,MACPA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,MACZA,EAAKC,WACLA,EAAUC,QACVA,EAAOC,aACPA,EAAYC,kBACZA,EAAiBC,MACjBA,EAAKC,OACLA,EAAMC,SACNA,KACGC,GACD5B,EAEJ,OACE6B,IAACC,QAAO,IACFF,EACJG,OAAO,QACP9B,IAAKA,EACLE,OAAQ6B,UAAU,CAAEC,MAAO,CAAEC,OAAQ,GAAIC,OAAQ,KAAQhC,GACzDiC,UACEP,IAACQ,iBAAgB,CACfnC,KAAMA,EACNE,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,QAASA,EACTC,gBAAiBA,EACjBC,iBAAkBA,EAClBC,YAAaA,EACbC,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,aAAcA,EACdC,MAAOA,EACPC,WAAYA,EACZC,QAASA,EACTC,aAAcA,EACdC,kBAAmBA,EACnBC,MAAOA,EACPC,OAAQA,EACRC,SAAUA,KAGd,IAGN,CACEW,YAzFiB,UA0FjB5B,MAAQV,GACCA,EAAMe,cAAgB,YAAcwB,gBAAkBC,QAInE,CACEC,UAAWJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var styled=require('styled-components');var dom=require('../../shared/utils/dom.js');var useClassname=require('../../hooks/useClassname.js');var Group=require('./Group.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var InputRadio=require('../InputRadio/InputRadio.js');function Radio(e){const s=e.checked===void 0;const i=styled.useTheme();const{children:a,disabled:d,error:l,id:t,name:r,size:o,value:u,label:n,className:c,width:m=i.defaultInputControlsWidth,style:p,fluid:R,display:h,...x}=e;const j=useClassname.useClassname(Radio.displayName);const y=dom.concatClassNames(j,c,e.checked&&!s?`${j}--checked`:null);const v=`${j}__label`;return jsxRuntime.jsxs(style.Root,{className:y,style:p,disabled:d,error:l,htmlFor:t||r,size:o,width:m,display:h,fluid:R,children:[jsxRuntime.jsx("input",{...x,id:t||r,name:r,type:"radio",value:u,disabled:d,...s?{defaultChecked:e.defaultChecked}:{checked:e.checked}}),jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:[jsxRuntime.jsx("circle",{cx:"10",cy:"10",r:"9",stroke:"#727D8A",strokeWidth:"2",fill:"#fff"}),jsxRuntime.jsx("circle",{cx:"10",cy:"10",r:"5",fill:"#727D8A"})]}),(n||a)&&jsxRuntime.jsx("span",{className:v,children:n||a})]})}Radio.defaultProps={disabled:!1,size:'medium',display:'inline-flex',onChange:e=>console.log(e,e.target.value)},Radio.Input=InputRadio.InputRadio,Radio.Group=Group.RadioGroup,Radio.displayName='Radio',exports.Radio=Radio;
|
|
2
2
|
//# sourceMappingURL=Radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport { ResponsiveProperty } from 'mixins/responsive-property'\nimport { DisplayProperty } from 'mixins/display'\nimport { concatClassNames } from 'shared/utils/dom'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { InputRadio } from 'components/InputRadio'\nimport { RadioGroup } from './Group'\nimport * as Styled from './style'\n\ntype RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>\n\nexport interface RadioProps extends BaseProps, DisplayProperty, RadioInputHtmlAttributes {\n /**\n * Field id\n */\n id?: string\n /**\n * Field name\n */\n name?: string\n /**\n * Radio label\n */\n label?: string\n /**\n * On change handler\n */\n onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * A Radio can appear disabled and be unable to change states\n */\n disabled?: boolean\n /**\n * Field can show the data contains errors\n */\n error?: boolean\n /**\n * Whether or not Radio is checked\n */\n checked?: boolean\n defaultChecked?: boolean\n /**\n * Checkbox size\n */\n size?: 'small' | 'medium' | 'large'\n /**\n * Value\n */\n value?: string | number\n fluid?: boolean\n /**\n * Width of label. Default is `Theme.defaultInputControlsWidth`\n */\n width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\nRadio.defaultProps = {\n disabled: false,\n size: 'medium',\n display: 'inline-flex',\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nRadio.Input = InputRadio\nRadio.Group = RadioGroup\nRadio.displayName = 'Radio'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Radio(props: typeof Radio.defaultProps & RadioProps) {\n const uncontrolled = props.checked === undefined\n const theme = useTheme()\n\n const {\n children,\n disabled,\n error,\n id,\n name,\n size,\n value,\n label,\n className,\n width = theme.defaultInputControlsWidth,\n style,\n fluid,\n display,\n ...anotherProps\n } = props\n\n const baseClassName = useClassname(Radio.displayName)\n const _className = concatClassNames(\n baseClassName,\n className,\n props.checked && !uncontrolled ? `${baseClassName}--checked` : null\n )\n const _labelClassName = `${baseClassName}__label`\n\n const inputProps = uncontrolled ? { defaultChecked: props.defaultChecked } : { checked: props.checked }\n\n return (\n <Styled.Root\n className={_className}\n style={style}\n disabled={disabled}\n error={error}\n htmlFor={id || name}\n size={size}\n width={width}\n display={display}\n fluid={fluid}\n >\n <input\n {...anotherProps}\n id={id || name}\n name={name}\n type='radio'\n value={value}\n disabled={disabled}\n {...inputProps}\n />\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\n <circle cx='10' cy='10' r='9' stroke='#727D8A' strokeWidth='2' fill='#fff' />\n <circle cx='10' cy='10' r='5' fill='#727D8A' />\n </svg>\n {(label || children) && <span className={_labelClassName}>{label || children}</span>}\n </Styled.Root>\n )\n}\n"],"names":["Radio","props","uncontrolled","checked","undefined","theme","useTheme","children","disabled","error","id","name","size","value","label","className","width","defaultInputControlsWidth","style","fluid","display","anotherProps","baseClassName","useClassname","displayName","_className","concatClassNames","_labelClassName","_jsxs","Styled","htmlFor","_jsx","jsx","type","defaultChecked","jsxs","xmlns","viewBox","cx","cy","r","stroke","strokeWidth","fill","defaultProps","onChange","e","console","log","target","Input","InputRadio","Group","RadioGroup"],"mappings":"4TA8EO,SAASA,MAAMC,GACpB,MAAMC,EAAeD,EAAME,eAAYC,EACvC,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,SACJA,EAAQC,SACRA,EAAQC,MACRA,EAAKC,GACLA,EAAEC,KACFA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,UACLA,EAASC,MACTA,EAAQX,EAAMY,gCACdC,EAAKC,MACLA,EAAKC,QACLA,KACGC,GACDpB,EAEJ,MAAMqB,EAAgBC,aAAAA,aAAavB,MAAMwB,aACzC,MAAMC,EAAaC,IAAgBA,iBACjCJ,EACAP,EACAd,EAAME,UAAYD,EAAe,GAAGoB,aAA2B,MAEjE,MAAMK,EAAkB,GAAGL,WAI3B,OACEM,WAAAA,KAACC,MAAAA,KAAW,CACVd,UAAWU,EACXP,MAAOA,EACPV,SAAUA,EACVC,MAAOA,EACPqB,QAASpB,GAAMC,EACfC,KAAMA,EACNI,MAAOA,EACPI,QAASA,EACTD,MAAOA,EAAMZ,UAEbwB,WAAAC,IAAA,QAAA,IACMX,EACJX,GAAIA,GAAMC,EACVA,KAAMA,EACNsB,KAAK,QACLpB,MAAOA,EACPL,SAAUA,KApBGN,EAAe,CAAEgC,eAAgBjC,EAAMiC,gBAAmB,CAAE/B,QAASF,EAAME,WAuB1FyB,WAAAO,KAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,YAAW9B,UACzDwB,WAAAC,IAAA,SAAA,CAAQM,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIC,OAAO,UAAUC,YAAY,IAAIC,KAAK,SACpEZ,WAAAC,IAAA,SAAA,CAAQM,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIG,KAAK,gBAEnC7B,GAASP,IAAawB,WAAAA,IAAA,OAAA,CAAMhB,UAAWY,EAAgBpB,SAAEO,GAASP,MAG1E,CA3EAP,MAAM4C,aAAe,CACnBpC,UAAU,EACVI,KAAM,SACNQ,QAAS,cACTyB,SAAWC,GAA2CC,QAAQC,IAAIF,EAAGA,EAAEG,OAAOpC,QAGhFb,MAAMkD,MAAQC,WAAAA,WACdnD,MAAMoD,MAAQC,MAAAA,WACdrD,MAAMwB,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{useTheme}from'styled-components';import{concatClassNames}from'../../shared/utils/dom.mjs';import{useClassname}from'../../hooks/useClassname.mjs';import{RadioGroup}from'./Group.mjs';import{Root}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{InputRadio}from'../InputRadio/InputRadio.mjs';function Radio(e){const s=e.checked===void 0;const o=useTheme();const{children:a,disabled:i,error:d,id:l,name:t,size:r,value:c,label:m,className:n,width:u=o.defaultInputControlsWidth,style:p,fluid:h,display:f,...R}=e;const x=useClassname(Radio.displayName);const j=concatClassNames(x,n,e.checked&&!s?`${x}--checked`:null);const y=`${x}__label`;return jsxs(Root,{className:j,style:p,disabled:i,error:d,htmlFor:l||t,size:r,width:u,display:f,fluid:h,children:[jsx("input",{...R,id:l||t,name:t,type:"radio",value:c,disabled:i,...s?{defaultChecked:e.defaultChecked}:{checked:e.checked}}),jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:[jsx("circle",{cx:"10",cy:"10",r:"9",stroke:"#727D8A",strokeWidth:"2",fill:"#fff"}),jsx("circle",{cx:"10",cy:"10",r:"5",fill:"#727D8A"})]}),(m||a)&&jsx("span",{className:y,children:m||a})]})}Radio.defaultProps={disabled:!1,size:'medium',display:'inline-flex',onChange:e=>console.log(e,e.target.value)},Radio.Input=InputRadio,Radio.Group=RadioGroup,Radio.displayName='Radio';export{Radio};
|
|
2
2
|
//# sourceMappingURL=Radio.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.mjs","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"Radio.mjs","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport { ResponsiveProperty } from 'mixins/responsive-property'\nimport { DisplayProperty } from 'mixins/display'\nimport { concatClassNames } from 'shared/utils/dom'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { InputRadio } from 'components/InputRadio'\nimport { RadioGroup } from './Group'\nimport * as Styled from './style'\n\ntype RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>\n\nexport interface RadioProps extends BaseProps, DisplayProperty, RadioInputHtmlAttributes {\n /**\n * Field id\n */\n id?: string\n /**\n * Field name\n */\n name?: string\n /**\n * Radio label\n */\n label?: string\n /**\n * On change handler\n */\n onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * A Radio can appear disabled and be unable to change states\n */\n disabled?: boolean\n /**\n * Field can show the data contains errors\n */\n error?: boolean\n /**\n * Whether or not Radio is checked\n */\n checked?: boolean\n defaultChecked?: boolean\n /**\n * Checkbox size\n */\n size?: 'small' | 'medium' | 'large'\n /**\n * Value\n */\n value?: string | number\n fluid?: boolean\n /**\n * Width of label. Default is `Theme.defaultInputControlsWidth`\n */\n width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\nRadio.defaultProps = {\n disabled: false,\n size: 'medium',\n display: 'inline-flex',\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nRadio.Input = InputRadio\nRadio.Group = RadioGroup\nRadio.displayName = 'Radio'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Radio(props: typeof Radio.defaultProps & RadioProps) {\n const uncontrolled = props.checked === undefined\n const theme = useTheme()\n\n const {\n children,\n disabled,\n error,\n id,\n name,\n size,\n value,\n label,\n className,\n width = theme.defaultInputControlsWidth,\n style,\n fluid,\n display,\n ...anotherProps\n } = props\n\n const baseClassName = useClassname(Radio.displayName)\n const _className = concatClassNames(\n baseClassName,\n className,\n props.checked && !uncontrolled ? `${baseClassName}--checked` : null\n )\n const _labelClassName = `${baseClassName}__label`\n\n const inputProps = uncontrolled ? { defaultChecked: props.defaultChecked } : { checked: props.checked }\n\n return (\n <Styled.Root\n className={_className}\n style={style}\n disabled={disabled}\n error={error}\n htmlFor={id || name}\n size={size}\n width={width}\n display={display}\n fluid={fluid}\n >\n <input\n {...anotherProps}\n id={id || name}\n name={name}\n type='radio'\n value={value}\n disabled={disabled}\n {...inputProps}\n />\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\n <circle cx='10' cy='10' r='9' stroke='#727D8A' strokeWidth='2' fill='#fff' />\n <circle cx='10' cy='10' r='5' fill='#727D8A' />\n </svg>\n {(label || children) && <span className={_labelClassName}>{label || children}</span>}\n </Styled.Root>\n )\n}\n"],"names":["Radio","props","uncontrolled","checked","undefined","theme","useTheme","children","disabled","error","id","name","size","value","label","className","width","defaultInputControlsWidth","style","fluid","display","anotherProps","baseClassName","useClassname","displayName","_className","concatClassNames","_labelClassName","_jsxs","Styled","htmlFor","_jsx","type","defaultChecked","xmlns","viewBox","cx","cy","r","stroke","strokeWidth","fill","defaultProps","onChange","e","console","log","target","Input","InputRadio","Group","RadioGroup"],"mappings":"uTA8EO,SAASA,MAAMC,GACpB,MAAMC,EAAeD,EAAME,eAAYC,EACvC,MAAMC,EAAQC,WAEd,MAAMC,SACJA,EAAQC,SACRA,EAAQC,MACRA,EAAKC,GACLA,EAAEC,KACFA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,UACLA,EAASC,MACTA,EAAQX,EAAMY,0BAAyBC,MACvCA,EAAKC,MACLA,EAAKC,QACLA,KACGC,GACDpB,EAEJ,MAAMqB,EAAgBC,aAAavB,MAAMwB,aACzC,MAAMC,EAAaC,iBACjBJ,EACAP,EACAd,EAAME,UAAYD,EAAe,GAAGoB,aAA2B,MAEjE,MAAMK,EAAkB,GAAGL,WAI3B,OACEM,KAACC,KAAW,CACVd,UAAWU,EACXP,MAAOA,EACPV,SAAUA,EACVC,MAAOA,EACPqB,QAASpB,GAAMC,EACfC,KAAMA,EACNI,MAAOA,EACPI,QAASA,EACTD,MAAOA,EAAMZ,UAEbwB,IAAA,QAAA,IACMV,EACJX,GAAIA,GAAMC,EACVA,KAAMA,EACNqB,KAAK,QACLnB,MAAOA,EACPL,SAAUA,KApBGN,EAAe,CAAE+B,eAAgBhC,EAAMgC,gBAAmB,CAAE9B,QAASF,EAAME,WAuB1FyB,KAAA,MAAA,CAAKM,MAAM,6BAA6BC,QAAQ,YAAW5B,UACzDwB,IAAA,SAAA,CAAQK,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIC,OAAO,UAAUC,YAAY,IAAIC,KAAK,SACpEV,IAAA,SAAA,CAAQK,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIG,KAAK,gBAEnC3B,GAASP,IAAawB,IAAA,OAAA,CAAMhB,UAAWY,EAAgBpB,SAAEO,GAASP,MAG1E,CA3EAP,MAAM0C,aAAe,CACnBlC,UAAU,EACVI,KAAM,SACNQ,QAAS,cACTuB,SAAWC,GAA2CC,QAAQC,IAAIF,EAAGA,EAAEG,OAAOlC,QAGhFb,MAAMgD,MAAQC,WACdjD,MAAMkD,MAAQC,WACdnD,MAAMwB,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var React=require('react');var styled=require('styled-components');var Floater=require('react-floater');var
|
|
1
|
+
'use strict';var React=require('react');var styled=require('styled-components');var Floater=require('react-floater');var withMergedProps=require('../../hocs/withMergedProps.js');var useResizeObserver=require('../../hooks/useResizeObserver.js');var misc=require('../../shared/utils/misc.js');var TooltipWrapper=require('./TooltipWrapper.js');var defaultConstants=require('./default-constants.js');var jsxRuntime=require('react/jsx-runtime');var TooltipComponent=require('../TooltipComponent/TooltipComponent.js');var constants=require('../TooltipComponent/constants.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Floater__default=_interopDefault(Floater);const Tooltip=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{preset:o,size:s="s",styles:r={},sizeXXS:n,sizeXS:i,sizeS:l,sizeM:a,sizeL:p,sizeXL:c,sizeUnits:u,sizes:d,palette:m,black:f,contrast:z,titleProps:b,contentProps:g,closeButtonProps:T,closeOnClickOutside:v,closeOnScroll:j,portalElement:C,zIndex:h,...y}=e;const x=styled.useTheme();const[P,R]=React.useState(null);const[O,S]=React.useState(null);const _=typeof h=='number'?misc.deepmerge(r,{options:{zIndex:h}}):r;if(React.useLayoutEffect((()=>{if(C)R(null);else if(document.body){let e=document.querySelector('[data-popper-portal]');e||(e=document.createElement('div'),e.dataset.popperPortal='true',e.style.position='relative',document.body.appendChild(e)),R(e)}}),[C]),useResizeObserver.useResizeObserver({target:document.body,onResize:()=>{O&&O.state.options.strategy==='absolute'&&O.update()}}),!C&&!P)return null;if(o!=='brand'){const e={...y,portalElement:C??P,styles:misc.deepmerge(defaultConstants.TOOLTIP_STYLES_DEFAULT,_)};return jsxRuntime.jsx(Floater__default.default,{...e,children:jsxRuntime.jsx("span",{children:e.children})})}let q=x.colors['bg-onmain-primary'];f&&(q=x.colors['bg-onmain-inverse']),z&&(q=x.colors['bg-brand-primary-basic']),m?.backgroundColor&&(q=x.colors[m.backgroundColor]??m.backgroundColor);const E={...y,portalElement:C??P,getPopper:(e,t)=>{S(e),y.getPopper&&y.getPopper(e,t)},offset:y.offset??8,styles:misc.deepmerge({arrow:{color:q,spread:16,length:8},floater:{filter:`drop-shadow(0 6px 10px ${x.colors['bg-oncolor-hover']})`}},_),component:jsxRuntime.jsx(TooltipWrapper.TooltipWrapper,{ref:t,size:s,sizeXXS:n,sizeXS:i,sizeS:l,sizeM:a,sizeL:p,sizeXL:c,sizeUnits:u,sizes:d,palette:m,black:f,contrast:z,title:y.title,titleProps:b,content:y.content,contentProps:g,footer:y.footer,showCloseButton:y.showCloseButton,closeButtonProps:T,closeOnClickOutside:v,closeOnScroll:j,component:y.component})};return jsxRuntime.jsx(Floater__default.default,{...E,modifiers:{flip:{enabled:!E.disableFlip}}})})),{displayName:"Tooltip",sizes:constants.SIZES}),{Component:TooltipComponent.TooltipComponent});exports.COMPONENT_NAME="Tooltip",exports.Tooltip=Tooltip;
|
|
2
2
|
//# sourceMappingURL=Tooltip.js.map
|