@coorpacademy/components 11.40.14-alpha.10 → 11.40.14-alpha.11

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.
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-range/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAGjE,OAAkB,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAIzD,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;CA2EtE,CAAC;AAQF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-range/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAGjE,OAAkB,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAIzD,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;CAwEtE,CAAC;AAQF,eAAe,WAAW,CAAC"}
@@ -32,12 +32,9 @@ const FilterRange = (props, context) => {
32
32
  const [isDragging, setIsDragging] = useState(false);
33
33
  const [pendingValue, setPendingValue] = useState(null);
34
34
  const handleRangeChange = useCallback(newValue => {
35
- if (isDragging) {
36
- setPendingValue(newValue);
37
- } else {
38
- onChange(newValue);
39
- }
40
- }, [isDragging, onChange]);
35
+ setPendingValue(newValue);
36
+ // Don't call onChange during drag, only on release
37
+ }, [onChange]);
41
38
  const handleMouseDown = useCallback(() => {
42
39
  setIsDragging(true);
43
40
  }, []);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","useState","useCallback","Range","Title","ButtonLink","Provider","GetTranslateFromContext","COLORS","style","propTypes","CLEAR_BUTTON_STYLE","fontWeight","padding","width","FilterRange","props","context","title","titleAriaLabel","onClear","options","translate","min","max","step","value","minLabel","maxLabel","onChange","theme","isDragging","setIsDragging","pendingValue","setPendingValue","handleRangeChange","newValue","handleMouseDown","handleMouseUp","hasValue","length","createElement","className","container","header","type","titleSize","ariaLabel","customStyle","label","onClick","hoverColor","primary_600","rangeContainer","onMouseDown","onMouseUp","onTouchStart","onTouchEnd","multi","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/organism/filter-range/index.tsx"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport Range from '../../atom/range';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport propTypes, {FilterRangeProps} from './prop-types';\n\nconst CLEAR_BUTTON_STYLE = {fontWeight: 'normal', padding: 0, width: 'auto'};\n\nconst FilterRange = (props: FilterRangeProps, context: WebContextValues) => {\n const {title, titleAriaLabel, onClear, options} = props;\n const translate = GetTranslateFromContext(context);\n const {min, max, step, value, minLabel, maxLabel, onChange, theme} = options;\n\n const [isDragging, setIsDragging] = useState(false);\n const [pendingValue, setPendingValue] = useState<number[] | null>(null);\n\n const handleRangeChange = useCallback(\n (newValue: number[]) => {\n if (isDragging) {\n setPendingValue(newValue);\n } else {\n onChange(newValue);\n }\n },\n [isDragging, onChange]\n );\n\n const handleMouseDown = useCallback(() => {\n setIsDragging(true);\n }, []);\n\n const handleMouseUp = useCallback(() => {\n setIsDragging(false);\n if (pendingValue) {\n onChange(pendingValue);\n setPendingValue(null);\n }\n }, [pendingValue, onChange]);\n\n const hasValue = value && value.length > 0 && (value[0] !== min || value[1] !== max);\n\n return (\n <div className={style.container}>\n <div className={style.header}>\n <Title\n title={title}\n type=\"form-group\"\n titleSize=\"standard-light-weight\"\n ariaLabel={titleAriaLabel}\n />\n {hasValue ? (\n <ButtonLink\n customStyle={CLEAR_BUTTON_STYLE}\n label={translate('clear')}\n type=\"text\"\n data-name=\"range-clear-button\"\n aria-label=\"range clear button\"\n onClick={onClear}\n hoverColor={COLORS.primary_600}\n />\n ) : null}\n </div>\n <div\n className={style.rangeContainer}\n onMouseDown={handleMouseDown}\n onMouseUp={handleMouseUp}\n onTouchStart={handleMouseDown}\n onTouchEnd={handleMouseUp}\n >\n <Range\n multi\n theme={theme || 'mooc'}\n min={min}\n max={max}\n step={step}\n value={pendingValue || value}\n minLabel={minLabel}\n maxLabel={maxLabel}\n onChange={handleRangeChange}\n />\n </div>\n </div>\n );\n};\n\nFilterRange.propTypes = propTypes;\n\nFilterRange.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nexport default FilterRange;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["React","useState","useCallback","Range","Title","ButtonLink","Provider","GetTranslateFromContext","COLORS","style","propTypes","CLEAR_BUTTON_STYLE","fontWeight","padding","width","FilterRange","props","context","title","titleAriaLabel","onClear","options","translate","min","max","step","value","minLabel","maxLabel","onChange","theme","isDragging","setIsDragging","pendingValue","setPendingValue","handleRangeChange","newValue","handleMouseDown","handleMouseUp","hasValue","length","createElement","className","container","header","type","titleSize","ariaLabel","customStyle","label","onClick","hoverColor","primary_600","rangeContainer","onMouseDown","onMouseUp","onTouchStart","onTouchEnd","multi","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/organism/filter-range/index.tsx"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport Range from '../../atom/range';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport propTypes, {FilterRangeProps} from './prop-types';\n\nconst CLEAR_BUTTON_STYLE = {fontWeight: 'normal', padding: 0, width: 'auto'};\n\nconst FilterRange = (props: FilterRangeProps, context: WebContextValues) => {\n const {title, titleAriaLabel, onClear, options} = props;\n const translate = GetTranslateFromContext(context);\n const {min, max, step, value, minLabel, maxLabel, onChange, theme} = options;\n\n const [isDragging, setIsDragging] = useState(false);\n const [pendingValue, setPendingValue] = useState<number[] | null>(null);\n\n const handleRangeChange = useCallback(\n (newValue: number[]) => {\n setPendingValue(newValue);\n // Don't call onChange during drag, only on release\n },\n [onChange]\n );\n\n const handleMouseDown = useCallback(() => {\n setIsDragging(true);\n }, []);\n\n const handleMouseUp = useCallback(() => {\n setIsDragging(false);\n if (pendingValue) {\n onChange(pendingValue);\n setPendingValue(null);\n }\n }, [pendingValue, onChange]);\n\n const hasValue = value && value.length > 0 && (value[0] !== min || value[1] !== max);\n\n return (\n <div className={style.container}>\n <div className={style.header}>\n <Title\n title={title}\n type=\"form-group\"\n titleSize=\"standard-light-weight\"\n ariaLabel={titleAriaLabel}\n />\n {hasValue ? (\n <ButtonLink\n customStyle={CLEAR_BUTTON_STYLE}\n label={translate('clear')}\n type=\"text\"\n data-name=\"range-clear-button\"\n aria-label=\"range clear button\"\n onClick={onClear}\n hoverColor={COLORS.primary_600}\n />\n ) : null}\n </div>\n <div\n className={style.rangeContainer}\n onMouseDown={handleMouseDown}\n onMouseUp={handleMouseUp}\n onTouchStart={handleMouseDown}\n onTouchEnd={handleMouseUp}\n >\n <Range\n multi\n theme={theme || 'mooc'}\n min={min}\n max={max}\n step={step}\n value={pendingValue || value}\n minLabel={minLabel}\n maxLabel={maxLabel}\n onChange={handleRangeChange}\n />\n </div>\n </div>\n );\n};\n\nFilterRange.propTypes = propTypes;\n\nFilterRange.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nexport default FilterRange;\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-range/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAGjE,OAAkB,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAIzD,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;CA2EtE,CAAC;AAQF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-range/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAGjE,OAAkB,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAIzD,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;CAwEtE,CAAC;AAQF,eAAe,WAAW,CAAC"}
@@ -39,12 +39,9 @@ const FilterRange = (props, context) => {
39
39
  const [isDragging, setIsDragging] = (0, _react.useState)(false);
40
40
  const [pendingValue, setPendingValue] = (0, _react.useState)(null);
41
41
  const handleRangeChange = (0, _react.useCallback)(newValue => {
42
- if (isDragging) {
43
- setPendingValue(newValue);
44
- } else {
45
- onChange(newValue);
46
- }
47
- }, [isDragging, onChange]);
42
+ setPendingValue(newValue);
43
+ // Don't call onChange during drag, only on release
44
+ }, [onChange]);
48
45
  const handleMouseDown = (0, _react.useCallback)(() => {
49
46
  setIsDragging(true);
50
47
  }, []);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_range","_interopRequireDefault","_title","_buttonLink","_provider","_colors","_style","_propTypes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CLEAR_BUTTON_STYLE","fontWeight","padding","width","FilterRange","props","context","title","titleAriaLabel","onClear","options","translate","GetTranslateFromContext","min","max","step","value","minLabel","maxLabel","onChange","theme","isDragging","setIsDragging","useState","pendingValue","setPendingValue","handleRangeChange","useCallback","newValue","handleMouseDown","handleMouseUp","hasValue","length","createElement","className","style","container","header","type","titleSize","ariaLabel","customStyle","label","onClick","hoverColor","COLORS","primary_600","rangeContainer","onMouseDown","onMouseUp","onTouchStart","onTouchEnd","multi","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/organism/filter-range/index.tsx"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport Range from '../../atom/range';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport propTypes, {FilterRangeProps} from './prop-types';\n\nconst CLEAR_BUTTON_STYLE = {fontWeight: 'normal', padding: 0, width: 'auto'};\n\nconst FilterRange = (props: FilterRangeProps, context: WebContextValues) => {\n const {title, titleAriaLabel, onClear, options} = props;\n const translate = GetTranslateFromContext(context);\n const {min, max, step, value, minLabel, maxLabel, onChange, theme} = options;\n\n const [isDragging, setIsDragging] = useState(false);\n const [pendingValue, setPendingValue] = useState<number[] | null>(null);\n\n const handleRangeChange = useCallback(\n (newValue: number[]) => {\n if (isDragging) {\n setPendingValue(newValue);\n } else {\n onChange(newValue);\n }\n },\n [isDragging, onChange]\n );\n\n const handleMouseDown = useCallback(() => {\n setIsDragging(true);\n }, []);\n\n const handleMouseUp = useCallback(() => {\n setIsDragging(false);\n if (pendingValue) {\n onChange(pendingValue);\n setPendingValue(null);\n }\n }, [pendingValue, onChange]);\n\n const hasValue = value && value.length > 0 && (value[0] !== min || value[1] !== max);\n\n return (\n <div className={style.container}>\n <div className={style.header}>\n <Title\n title={title}\n type=\"form-group\"\n titleSize=\"standard-light-weight\"\n ariaLabel={titleAriaLabel}\n />\n {hasValue ? (\n <ButtonLink\n customStyle={CLEAR_BUTTON_STYLE}\n label={translate('clear')}\n type=\"text\"\n data-name=\"range-clear-button\"\n aria-label=\"range clear button\"\n onClick={onClear}\n hoverColor={COLORS.primary_600}\n />\n ) : null}\n </div>\n <div\n className={style.rangeContainer}\n onMouseDown={handleMouseDown}\n onMouseUp={handleMouseUp}\n onTouchStart={handleMouseDown}\n onTouchEnd={handleMouseUp}\n >\n <Range\n multi\n theme={theme || 'mooc'}\n min={min}\n max={max}\n step={step}\n value={pendingValue || value}\n minLabel={minLabel}\n maxLabel={maxLabel}\n onChange={handleRangeChange}\n />\n </div>\n </div>\n );\n};\n\nFilterRange.propTypes = propTypes;\n\nFilterRange.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nexport default FilterRange;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_range","_interopRequireDefault","_title","_buttonLink","_provider","_colors","_style","_propTypes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CLEAR_BUTTON_STYLE","fontWeight","padding","width","FilterRange","props","context","title","titleAriaLabel","onClear","options","translate","GetTranslateFromContext","min","max","step","value","minLabel","maxLabel","onChange","theme","isDragging","setIsDragging","useState","pendingValue","setPendingValue","handleRangeChange","useCallback","newValue","handleMouseDown","handleMouseUp","hasValue","length","createElement","className","style","container","header","type","titleSize","ariaLabel","customStyle","label","onClick","hoverColor","COLORS","primary_600","rangeContainer","onMouseDown","onMouseUp","onTouchStart","onTouchEnd","multi","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/organism/filter-range/index.tsx"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport Range from '../../atom/range';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport propTypes, {FilterRangeProps} from './prop-types';\n\nconst CLEAR_BUTTON_STYLE = {fontWeight: 'normal', padding: 0, width: 'auto'};\n\nconst FilterRange = (props: FilterRangeProps, context: WebContextValues) => {\n const {title, titleAriaLabel, onClear, options} = props;\n const translate = GetTranslateFromContext(context);\n const {min, max, step, value, minLabel, maxLabel, onChange, theme} = options;\n\n const [isDragging, setIsDragging] = useState(false);\n const [pendingValue, setPendingValue] = useState<number[] | null>(null);\n\n const handleRangeChange = useCallback(\n (newValue: number[]) => {\n setPendingValue(newValue);\n // Don't call onChange during drag, only on release\n },\n [onChange]\n );\n\n const handleMouseDown = useCallback(() => {\n setIsDragging(true);\n }, []);\n\n const handleMouseUp = useCallback(() => {\n setIsDragging(false);\n if (pendingValue) {\n onChange(pendingValue);\n setPendingValue(null);\n }\n }, [pendingValue, onChange]);\n\n const hasValue = value && value.length > 0 && (value[0] !== min || value[1] !== max);\n\n return (\n <div className={style.container}>\n <div className={style.header}>\n <Title\n title={title}\n type=\"form-group\"\n titleSize=\"standard-light-weight\"\n ariaLabel={titleAriaLabel}\n />\n {hasValue ? (\n <ButtonLink\n customStyle={CLEAR_BUTTON_STYLE}\n label={translate('clear')}\n type=\"text\"\n data-name=\"range-clear-button\"\n aria-label=\"range clear button\"\n onClick={onClear}\n hoverColor={COLORS.primary_600}\n />\n ) : null}\n </div>\n <div\n className={style.rangeContainer}\n onMouseDown={handleMouseDown}\n onMouseUp={handleMouseUp}\n onTouchStart={handleMouseDown}\n onTouchEnd={handleMouseUp}\n >\n <Range\n multi\n theme={theme || 'mooc'}\n min={min}\n max={max}\n step={step}\n value={pendingValue || value}\n minLabel={minLabel}\n maxLabel={maxLabel}\n onChange={handleRangeChange}\n />\n </div>\n </div>\n );\n};\n\nFilterRange.propTypes = propTypes;\n\nFilterRange.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nexport default FilterRange;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAN,uBAAA,CAAAC,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,UAAA,GAAAN,sBAAA,CAAAF,OAAA;AAAyD,SAAAE,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAEzD,MAAMW,kBAAkB,GAAG;EAACC,UAAU,EAAE,QAAQ;EAAEC,OAAO,EAAE,CAAC;EAAEC,KAAK,EAAE;AAAM,CAAC;AAE5E,MAAMC,WAAW,GAAGA,CAACC,KAAuB,EAAEC,OAAyB,KAAK;EAC1E,MAAM;IAACC,KAAK;IAAEC,cAAc;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGL,KAAK;EACvD,MAAMM,SAAS,GAAG,IAAAC,iCAAuB,EAACN,OAAO,CAAC;EAClD,MAAM;IAACO,GAAG;IAAEC,GAAG;IAAEC,IAAI;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGV,OAAO;EAE5E,MAAM,CAACW,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACnD,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAF,eAAQ,EAAkB,IAAI,CAAC;EAEvE,MAAMG,iBAAiB,GAAG,IAAAC,kBAAW,EAClCC,QAAkB,IAAK;IACtBH,eAAe,CAACG,QAAQ,CAAC;IACzB;EACF,CAAC,EACD,CAACT,QAAQ,CACX,CAAC;EAED,MAAMU,eAAe,GAAG,IAAAF,kBAAW,EAAC,MAAM;IACxCL,aAAa,CAAC,IAAI,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMQ,aAAa,GAAG,IAAAH,kBAAW,EAAC,MAAM;IACtCL,aAAa,CAAC,KAAK,CAAC;IACpB,IAAIE,YAAY,EAAE;MAChBL,QAAQ,CAACK,YAAY,CAAC;MACtBC,eAAe,CAAC,IAAI,CAAC;IACvB;EACF,CAAC,EAAE,CAACD,YAAY,EAAEL,QAAQ,CAAC,CAAC;EAE5B,MAAMY,QAAQ,GAAGf,KAAK,IAAIA,KAAK,CAACgB,MAAM,GAAG,CAAC,KAAKhB,KAAK,CAAC,CAAC,CAAC,KAAKH,GAAG,IAAIG,KAAK,CAAC,CAAC,CAAC,KAAKF,GAAG,CAAC;EAEpF,oBACE7C,MAAA,CAAAa,OAAA,CAAAmD,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAU,gBAC9BnE,MAAA,CAAAa,OAAA,CAAAmD,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACE;EAAO,gBAC3BpE,MAAA,CAAAa,OAAA,CAAAmD,aAAA,CAAC3D,MAAA,CAAAQ,OAAK;IACJyB,KAAK,EAAEA,KAAM;IACb+B,IAAI,EAAC,YAAY;IACjBC,SAAS,EAAC,uBAAuB;IACjCC,SAAS,EAAEhC;EAAe,CAC3B,CAAC,EACDuB,QAAQ,gBACP9D,MAAA,CAAAa,OAAA,CAAAmD,aAAA,CAAC1D,WAAA,CAAAO,OAAU;IACT2D,WAAW,EAAEzC,kBAAmB;IAChC0C,KAAK,EAAE/B,SAAS,CAAC,OAAO,CAAE;IAC1B2B,IAAI,EAAC,MAAM;IACX,aAAU,oBAAoB;IAC9B,cAAW,oBAAoB;IAC/BK,OAAO,EAAElC,OAAQ;IACjBmC,UAAU,EAAEC,cAAM,CAACC;EAAY,CAChC,CAAC,GACA,IACD,CAAC,eACN7E,MAAA,CAAAa,OAAA,CAAAmD,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACY,cAAe;IAChCC,WAAW,EAAEnB,eAAgB;IAC7BoB,SAAS,EAAEnB,aAAc;IACzBoB,YAAY,EAAErB,eAAgB;IAC9BsB,UAAU,EAAErB;EAAc,gBAE1B7D,MAAA,CAAAa,OAAA,CAAAmD,aAAA,CAAC7D,MAAA,CAAAU,OAAK;IACJsE,KAAK;IACLhC,KAAK,EAAEA,KAAK,IAAI,MAAO;IACvBP,GAAG,EAAEA,GAAI;IACTC,GAAG,EAAEA,GAAI;IACTC,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEQ,YAAY,IAAIR,KAAM;IAC7BC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEO;EAAkB,CAC7B,CACE,CACF,CAAC;AAEV,CAAC;AAEDtB,WAAW,CAACiD,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,kBAAS;AAEjCjD,WAAW,CAACqD,YAAY,GAAG;EACzB9C,SAAS,EAAE+C,iBAAQ,CAACC,iBAAiB,CAAChD;AACxC,CAAC;AAAC,IAAAiD,QAAA,GAAAC,OAAA,CAAA/E,OAAA,GAEasB,WAAW","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "11.40.14-alpha.10+767313006",
3
+ "version": "11.40.14-alpha.11+f8811e2be",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -166,5 +166,5 @@
166
166
  "last 2 versions",
167
167
  "IE 11"
168
168
  ],
169
- "gitHead": "7673130064b95d10f2737f8831401613689ad509"
169
+ "gitHead": "f8811e2be5e1a2698bb559a9d5dee33badd87b75"
170
170
  }