@coorpacademy/components 11.36.3 → 11.36.4-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.
- package/es/atom/button-link/index.d.ts.map +1 -1
- package/es/atom/button-link/index.js +1 -0
- package/es/atom/button-link/index.js.map +1 -1
- package/es/atom/input-select/index.d.ts +5 -0
- package/es/atom/input-select/index.d.ts.map +1 -0
- package/es/atom/input-select/index.js +98 -0
- package/es/atom/input-select/index.js.map +1 -0
- package/es/atom/input-select/style.css +169 -0
- package/es/atom/input-select/types.d.ts +31 -0
- package/es/atom/input-select/types.d.ts.map +1 -0
- package/es/atom/input-select/types.js +17 -0
- package/es/atom/input-select/types.js.map +1 -0
- package/es/atom/input-switch/index.d.ts +1 -0
- package/es/atom/input-switch/index.d.ts.map +1 -1
- package/es/atom/input-switch/index.js +18 -5
- package/es/atom/input-switch/index.js.map +1 -1
- package/es/atom/input-switch/style.css +75 -0
- package/es/atom/link/index.d.ts.map +1 -1
- package/es/atom/link/index.js +3 -0
- package/es/atom/link/index.js.map +1 -1
- package/es/molecule/button-menu-action/index.d.ts +1 -0
- package/es/molecule/button-menu-action/index.d.ts.map +1 -1
- package/es/molecule/button-menu-action/index.js +11 -2
- package/es/molecule/button-menu-action/index.js.map +1 -1
- package/es/molecule/button-menu-action/types.d.ts +2 -0
- package/es/molecule/button-menu-action/types.d.ts.map +1 -1
- package/es/molecule/button-menu-action/types.js +2 -1
- package/es/molecule/button-menu-action/types.js.map +1 -1
- package/es/molecule/cm-popin/types.d.ts +3 -0
- package/es/molecule/cm-popin/types.d.ts.map +1 -1
- package/es/molecule/draggable-list/index.d.ts +1 -0
- package/es/molecule/setup-section/index.d.ts +1 -0
- package/es/molecule/setup-section/index.d.ts.map +1 -1
- package/es/molecule/setup-sections/index.d.ts +1 -0
- package/es/organism/brand-learning-priorities/index.d.ts +1 -0
- package/es/organism/content-skill-modal/index.d.ts +2 -0
- package/es/organism/content-skill-modal/index.d.ts.map +1 -1
- package/es/organism/content-skill-modal/types.d.ts +2 -0
- package/es/organism/content-skill-modal/types.d.ts.map +1 -1
- package/es/organism/list-items/index.d.ts +2 -0
- package/es/organism/mooc-header/index.d.ts +1 -0
- package/es/organism/mooc-header/index.d.ts.map +1 -1
- package/es/organism/mooc-header/index.js +53 -55
- package/es/organism/mooc-header/index.js.map +1 -1
- package/es/organism/mooc-header/style.css +118 -110
- package/es/organism/user-preferences/index.d.ts +1 -0
- package/es/template/app-player/loading/index.d.ts +3 -0
- package/es/template/app-player/player/index.d.ts +6 -0
- package/es/template/app-player/player/slides/index.d.ts +3 -0
- package/es/template/app-player/player/slides/index.d.ts.map +1 -1
- package/es/template/app-player/popin-correction/index.d.ts +3 -0
- package/es/template/app-player/popin-correction/index.d.ts.map +1 -1
- package/es/template/app-player/popin-end/index.d.ts +3 -0
- package/es/template/app-review/index.d.ts +3 -0
- package/es/template/app-review/index.d.ts.map +1 -1
- package/es/template/app-review/player/prop-types.d.ts +3 -0
- package/es/template/app-review/player/prop-types.d.ts.map +1 -1
- package/es/template/app-review/prop-types.d.ts +3 -0
- package/es/template/app-review/prop-types.d.ts.map +1 -1
- package/es/template/back-office/brand-update/index.d.ts +8 -0
- package/es/template/common/dashboard/index.d.ts +6 -0
- package/es/template/common/search-page/index.d.ts +3 -0
- package/es/template/external-course/index.d.ts +3 -0
- package/es/variables/colors.css +8 -6
- package/lib/atom/button-link/index.d.ts.map +1 -1
- package/lib/atom/button-link/index.js +1 -0
- package/lib/atom/button-link/index.js.map +1 -1
- package/lib/atom/input-select/index.d.ts +5 -0
- package/lib/atom/input-select/index.d.ts.map +1 -0
- package/lib/atom/input-select/index.js +105 -0
- package/lib/atom/input-select/index.js.map +1 -0
- package/lib/atom/input-select/style.css +169 -0
- package/lib/atom/input-select/types.d.ts +31 -0
- package/lib/atom/input-select/types.d.ts.map +1 -0
- package/lib/atom/input-select/types.js +22 -0
- package/lib/atom/input-select/types.js.map +1 -0
- package/lib/atom/input-switch/index.d.ts +1 -0
- package/lib/atom/input-switch/index.d.ts.map +1 -1
- package/lib/atom/input-switch/index.js +18 -5
- package/lib/atom/input-switch/index.js.map +1 -1
- package/lib/atom/input-switch/style.css +75 -0
- package/lib/atom/link/index.d.ts.map +1 -1
- package/lib/atom/link/index.js +3 -0
- package/lib/atom/link/index.js.map +1 -1
- package/lib/molecule/button-menu-action/index.d.ts +1 -0
- package/lib/molecule/button-menu-action/index.d.ts.map +1 -1
- package/lib/molecule/button-menu-action/index.js +11 -2
- package/lib/molecule/button-menu-action/index.js.map +1 -1
- package/lib/molecule/button-menu-action/types.d.ts +2 -0
- package/lib/molecule/button-menu-action/types.d.ts.map +1 -1
- package/lib/molecule/button-menu-action/types.js +2 -1
- package/lib/molecule/button-menu-action/types.js.map +1 -1
- package/lib/molecule/cm-popin/types.d.ts +3 -0
- package/lib/molecule/cm-popin/types.d.ts.map +1 -1
- package/lib/molecule/draggable-list/index.d.ts +1 -0
- package/lib/molecule/setup-section/index.d.ts +1 -0
- package/lib/molecule/setup-section/index.d.ts.map +1 -1
- package/lib/molecule/setup-sections/index.d.ts +1 -0
- package/lib/organism/brand-learning-priorities/index.d.ts +1 -0
- package/lib/organism/content-skill-modal/index.d.ts +2 -0
- package/lib/organism/content-skill-modal/index.d.ts.map +1 -1
- package/lib/organism/content-skill-modal/types.d.ts +2 -0
- package/lib/organism/content-skill-modal/types.d.ts.map +1 -1
- package/lib/organism/list-items/index.d.ts +2 -0
- package/lib/organism/mooc-header/index.d.ts +1 -0
- package/lib/organism/mooc-header/index.d.ts.map +1 -1
- package/lib/organism/mooc-header/index.js +52 -54
- package/lib/organism/mooc-header/index.js.map +1 -1
- package/lib/organism/mooc-header/style.css +118 -110
- package/lib/organism/user-preferences/index.d.ts +1 -0
- package/lib/template/app-player/loading/index.d.ts +3 -0
- package/lib/template/app-player/player/index.d.ts +6 -0
- package/lib/template/app-player/player/slides/index.d.ts +3 -0
- package/lib/template/app-player/player/slides/index.d.ts.map +1 -1
- package/lib/template/app-player/popin-correction/index.d.ts +3 -0
- package/lib/template/app-player/popin-correction/index.d.ts.map +1 -1
- package/lib/template/app-player/popin-end/index.d.ts +3 -0
- package/lib/template/app-review/index.d.ts +3 -0
- package/lib/template/app-review/index.d.ts.map +1 -1
- package/lib/template/app-review/player/prop-types.d.ts +3 -0
- package/lib/template/app-review/player/prop-types.d.ts.map +1 -1
- package/lib/template/app-review/prop-types.d.ts +3 -0
- package/lib/template/app-review/prop-types.d.ts.map +1 -1
- package/lib/template/back-office/brand-update/index.d.ts +8 -0
- package/lib/template/common/dashboard/index.d.ts +6 -0
- package/lib/template/common/search-page/index.d.ts +3 -0
- package/lib/template/external-course/index.d.ts +3 -0
- package/lib/variables/colors.css +8 -6
- package/package.json +2 -2
|
@@ -205,6 +205,7 @@ declare namespace SlidesPlayer {
|
|
|
205
205
|
details: PropTypes.Requireable<string>;
|
|
206
206
|
'data-name': PropTypes.Requireable<string>;
|
|
207
207
|
requiredSelection: PropTypes.Requireable<boolean>;
|
|
208
|
+
icon: PropTypes.Requireable<string>;
|
|
208
209
|
}> | null | undefined)[]>;
|
|
209
210
|
items: PropTypes.Requireable<PropTypes.InferProps<{
|
|
210
211
|
type: PropTypes.Requireable<string>;
|
|
@@ -479,6 +480,7 @@ declare namespace SlidesPlayer {
|
|
|
479
480
|
}>>;
|
|
480
481
|
type: PropTypes.Requireable<string>;
|
|
481
482
|
primaryColor: PropTypes.Requireable<string>;
|
|
483
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
482
484
|
}> | null | undefined>>;
|
|
483
485
|
}>>;
|
|
484
486
|
}> | PropTypes.InferProps<{
|
|
@@ -816,6 +818,7 @@ declare namespace SlidesPlayer {
|
|
|
816
818
|
}>>;
|
|
817
819
|
type: PropTypes.Requireable<string>;
|
|
818
820
|
primaryColor: PropTypes.Requireable<string>;
|
|
821
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
819
822
|
}>>;
|
|
820
823
|
}> | null | undefined>>;
|
|
821
824
|
}>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AA+aA,qEAkBC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AA+aA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1ID;;uBAyBC;;;;;;;;;;;;;;;;;;;;;;;;;AArPD;;;gBAaC;;;;;;;;;;;;;;AAyDD;;;;gBAEC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlHD,oEAQC;;;;;;;;;AAgND;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}
|
|
@@ -235,6 +235,7 @@ declare class PopinCorrection extends React.Component<any, any, any> {
|
|
|
235
235
|
details: PropTypes.Requireable<string>;
|
|
236
236
|
'data-name': PropTypes.Requireable<string>;
|
|
237
237
|
requiredSelection: PropTypes.Requireable<boolean>;
|
|
238
|
+
icon: PropTypes.Requireable<string>;
|
|
238
239
|
}> | null | undefined)[]>;
|
|
239
240
|
items: PropTypes.Requireable<PropTypes.InferProps<{
|
|
240
241
|
type: PropTypes.Requireable<string>;
|
|
@@ -509,6 +510,7 @@ declare class PopinCorrection extends React.Component<any, any, any> {
|
|
|
509
510
|
}>>;
|
|
510
511
|
type: PropTypes.Requireable<string>;
|
|
511
512
|
primaryColor: PropTypes.Requireable<string>;
|
|
513
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
512
514
|
}> | null | undefined>>;
|
|
513
515
|
}>>;
|
|
514
516
|
}> | PropTypes.InferProps<{
|
|
@@ -846,6 +848,7 @@ declare class PopinCorrection extends React.Component<any, any, any> {
|
|
|
846
848
|
}>>;
|
|
847
849
|
type: PropTypes.Requireable<string>;
|
|
848
850
|
primaryColor: PropTypes.Requireable<string>;
|
|
851
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
849
852
|
}>>;
|
|
850
853
|
}> | null | undefined>>;
|
|
851
854
|
}>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}
|
|
@@ -335,6 +335,7 @@ declare namespace PopinEnd {
|
|
|
335
335
|
details: PropTypes.Requireable<string>;
|
|
336
336
|
'data-name': PropTypes.Requireable<string>;
|
|
337
337
|
requiredSelection: PropTypes.Requireable<boolean>;
|
|
338
|
+
icon: PropTypes.Requireable<string>;
|
|
338
339
|
}> | null | undefined)[]>;
|
|
339
340
|
items: PropTypes.Requireable<PropTypes.InferProps<{
|
|
340
341
|
type: PropTypes.Requireable<string>;
|
|
@@ -609,6 +610,7 @@ declare namespace PopinEnd {
|
|
|
609
610
|
}>>;
|
|
610
611
|
type: PropTypes.Requireable<string>;
|
|
611
612
|
primaryColor: PropTypes.Requireable<string>;
|
|
613
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
612
614
|
}> | null | undefined>>;
|
|
613
615
|
}>>;
|
|
614
616
|
}> | PropTypes.InferProps<{
|
|
@@ -946,6 +948,7 @@ declare namespace PopinEnd {
|
|
|
946
948
|
}>>;
|
|
947
949
|
type: PropTypes.Requireable<string>;
|
|
948
950
|
primaryColor: PropTypes.Requireable<string>;
|
|
951
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
949
952
|
}>>;
|
|
950
953
|
}> | null | undefined>>;
|
|
951
954
|
}>>;
|
|
@@ -656,6 +656,7 @@ declare const AppReview: {
|
|
|
656
656
|
details: import("prop-types").Requireable<string>;
|
|
657
657
|
'data-name': import("prop-types").Requireable<string>;
|
|
658
658
|
requiredSelection: import("prop-types").Requireable<boolean>;
|
|
659
|
+
icon: import("prop-types").Requireable<string>;
|
|
659
660
|
}> | null | undefined)[]>;
|
|
660
661
|
items: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
661
662
|
type: import("prop-types").Requireable<string>;
|
|
@@ -930,6 +931,7 @@ declare const AppReview: {
|
|
|
930
931
|
}>>;
|
|
931
932
|
type: import("prop-types").Requireable<string>;
|
|
932
933
|
primaryColor: import("prop-types").Requireable<string>;
|
|
934
|
+
closeOnClick: import("prop-types").Requireable<boolean>;
|
|
933
935
|
}> | null | undefined>>;
|
|
934
936
|
}>>;
|
|
935
937
|
}> | import("prop-types").InferProps<{
|
|
@@ -1267,6 +1269,7 @@ declare const AppReview: {
|
|
|
1267
1269
|
}>>;
|
|
1268
1270
|
type: import("prop-types").Requireable<string>;
|
|
1269
1271
|
primaryColor: import("prop-types").Requireable<string>;
|
|
1272
|
+
closeOnClick: import("prop-types").Requireable<boolean>;
|
|
1270
1273
|
}>>;
|
|
1271
1274
|
}> | null | undefined>>;
|
|
1272
1275
|
}>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEvD,QAAA,MAAM,SAAS;2BAAwB,cAAc
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEvD,QAAA,MAAM,SAAS;2BAAwB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpD,CAAC;AAIF,eAAe,SAAS,CAAC"}
|
|
@@ -657,6 +657,7 @@ declare const propTypes: {
|
|
|
657
657
|
details: PropTypes.Requireable<string>;
|
|
658
658
|
'data-name': PropTypes.Requireable<string>;
|
|
659
659
|
requiredSelection: PropTypes.Requireable<boolean>;
|
|
660
|
+
icon: PropTypes.Requireable<string>;
|
|
660
661
|
}> | null | undefined)[]>;
|
|
661
662
|
items: PropTypes.Requireable<PropTypes.InferProps<{
|
|
662
663
|
type: PropTypes.Requireable<string>;
|
|
@@ -931,6 +932,7 @@ declare const propTypes: {
|
|
|
931
932
|
}>>;
|
|
932
933
|
type: PropTypes.Requireable<string>;
|
|
933
934
|
primaryColor: PropTypes.Requireable<string>;
|
|
935
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
934
936
|
}> | null | undefined>>;
|
|
935
937
|
}>>;
|
|
936
938
|
}> | PropTypes.InferProps<{
|
|
@@ -1268,6 +1270,7 @@ declare const propTypes: {
|
|
|
1268
1270
|
}>>;
|
|
1269
1271
|
type: PropTypes.Requireable<string>;
|
|
1270
1272
|
primaryColor: PropTypes.Requireable<string>;
|
|
1273
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
1271
1274
|
}>>;
|
|
1272
1275
|
}> | null | undefined>>;
|
|
1273
1276
|
}>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAgC,EAC9B,mBAAmB,EACpB,MAAM,8CAA8C,CAAC;AAEtD,OAA8B,EAAC,WAAW,EAAC,MAAM,uCAAuC,CAAC;AAEzF,OAA+B,EAC7B,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAE5D,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAgC,EAC9B,mBAAmB,EACpB,MAAM,8CAA8C,CAAC;AAEtD,OAA8B,EAAC,WAAW,EAAC,MAAM,uCAAuC,CAAC;AAEzF,OAA+B,EAC7B,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAE5D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC"}
|
|
@@ -661,6 +661,7 @@ declare const propTypes: {
|
|
|
661
661
|
details: PropTypes.Requireable<string>;
|
|
662
662
|
'data-name': PropTypes.Requireable<string>;
|
|
663
663
|
requiredSelection: PropTypes.Requireable<boolean>;
|
|
664
|
+
icon: PropTypes.Requireable<string>;
|
|
664
665
|
}> | null | undefined)[]>;
|
|
665
666
|
items: PropTypes.Requireable<PropTypes.InferProps<{
|
|
666
667
|
type: PropTypes.Requireable<string>;
|
|
@@ -935,6 +936,7 @@ declare const propTypes: {
|
|
|
935
936
|
}>>;
|
|
936
937
|
type: PropTypes.Requireable<string>;
|
|
937
938
|
primaryColor: PropTypes.Requireable<string>;
|
|
939
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
938
940
|
}> | null | undefined>>;
|
|
939
941
|
}>>;
|
|
940
942
|
}> | PropTypes.InferProps<{
|
|
@@ -1272,6 +1274,7 @@ declare const propTypes: {
|
|
|
1272
1274
|
}>>;
|
|
1273
1275
|
type: PropTypes.Requireable<string>;
|
|
1274
1276
|
primaryColor: PropTypes.Requireable<string>;
|
|
1277
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
1275
1278
|
}>>;
|
|
1276
1279
|
}> | null | undefined>>;
|
|
1277
1280
|
}>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -730,6 +730,7 @@ declare namespace BrandUpdate {
|
|
|
730
730
|
}>>;
|
|
731
731
|
type: PropTypes.Requireable<string>;
|
|
732
732
|
primaryColor: PropTypes.Requireable<string>;
|
|
733
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
733
734
|
}> | null | undefined>>;
|
|
734
735
|
}>>;
|
|
735
736
|
}> | PropTypes.InferProps<{
|
|
@@ -1067,6 +1068,7 @@ declare namespace BrandUpdate {
|
|
|
1067
1068
|
}>>;
|
|
1068
1069
|
type: PropTypes.Requireable<string>;
|
|
1069
1070
|
primaryColor: PropTypes.Requireable<string>;
|
|
1071
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
1070
1072
|
}>>;
|
|
1071
1073
|
}> | PropTypes.InferProps<{
|
|
1072
1074
|
key: PropTypes.Requireable<string>;
|
|
@@ -1406,6 +1408,7 @@ declare namespace BrandUpdate {
|
|
|
1406
1408
|
details: PropTypes.Requireable<string>;
|
|
1407
1409
|
'data-name': PropTypes.Requireable<string>;
|
|
1408
1410
|
requiredSelection: PropTypes.Requireable<boolean>;
|
|
1411
|
+
icon: PropTypes.Requireable<string>;
|
|
1409
1412
|
}>>;
|
|
1410
1413
|
contentTypes: PropTypes.Requireable<PropTypes.InferProps<{
|
|
1411
1414
|
modified: PropTypes.Requireable<boolean>;
|
|
@@ -1861,6 +1864,7 @@ declare namespace BrandUpdate {
|
|
|
1861
1864
|
details: PropTypes.Requireable<string>;
|
|
1862
1865
|
'data-name': PropTypes.Requireable<string>;
|
|
1863
1866
|
requiredSelection: PropTypes.Requireable<boolean>;
|
|
1867
|
+
icon: PropTypes.Requireable<string>;
|
|
1864
1868
|
}> | null | undefined)[]>;
|
|
1865
1869
|
items: PropTypes.Requireable<PropTypes.InferProps<{
|
|
1866
1870
|
type: PropTypes.Requireable<string>;
|
|
@@ -2135,6 +2139,7 @@ declare namespace BrandUpdate {
|
|
|
2135
2139
|
}>>;
|
|
2136
2140
|
type: PropTypes.Requireable<string>;
|
|
2137
2141
|
primaryColor: PropTypes.Requireable<string>;
|
|
2142
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
2138
2143
|
}> | null | undefined>>;
|
|
2139
2144
|
}>>;
|
|
2140
2145
|
}> | PropTypes.InferProps<{
|
|
@@ -2472,6 +2477,7 @@ declare namespace BrandUpdate {
|
|
|
2472
2477
|
}>>;
|
|
2473
2478
|
type: PropTypes.Requireable<string>;
|
|
2474
2479
|
primaryColor: PropTypes.Requireable<string>;
|
|
2480
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
2475
2481
|
}>>;
|
|
2476
2482
|
}> | null | undefined>>;
|
|
2477
2483
|
}>>;
|
|
@@ -2766,6 +2772,7 @@ declare namespace BrandUpdate {
|
|
|
2766
2772
|
}>>;
|
|
2767
2773
|
type: PropTypes.Requireable<string>;
|
|
2768
2774
|
primaryColor: PropTypes.Requireable<string>;
|
|
2775
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
2769
2776
|
}> | null | undefined>>;
|
|
2770
2777
|
}>>;
|
|
2771
2778
|
}> | PropTypes.InferProps<{
|
|
@@ -3103,6 +3110,7 @@ declare namespace BrandUpdate {
|
|
|
3103
3110
|
}>>;
|
|
3104
3111
|
type: PropTypes.Requireable<string>;
|
|
3105
3112
|
primaryColor: PropTypes.Requireable<string>;
|
|
3113
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
3106
3114
|
}>>;
|
|
3107
3115
|
}>>>;
|
|
3108
3116
|
filters: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
|
|
@@ -152,6 +152,7 @@ declare namespace Dashboard {
|
|
|
152
152
|
details: PropTypes.Requireable<string>;
|
|
153
153
|
'data-name': PropTypes.Requireable<string>;
|
|
154
154
|
requiredSelection: PropTypes.Requireable<boolean>;
|
|
155
|
+
icon: PropTypes.Requireable<string>;
|
|
155
156
|
}> | null | undefined)[]>;
|
|
156
157
|
items: PropTypes.Requireable<PropTypes.InferProps<{
|
|
157
158
|
type: PropTypes.Requireable<string>;
|
|
@@ -426,6 +427,7 @@ declare namespace Dashboard {
|
|
|
426
427
|
}>>;
|
|
427
428
|
type: PropTypes.Requireable<string>;
|
|
428
429
|
primaryColor: PropTypes.Requireable<string>;
|
|
430
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
429
431
|
}> | null | undefined>>;
|
|
430
432
|
}>>;
|
|
431
433
|
}> | PropTypes.InferProps<{
|
|
@@ -763,6 +765,7 @@ declare namespace Dashboard {
|
|
|
763
765
|
}>>;
|
|
764
766
|
type: PropTypes.Requireable<string>;
|
|
765
767
|
primaryColor: PropTypes.Requireable<string>;
|
|
768
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
766
769
|
}>>;
|
|
767
770
|
}> | null | undefined>>;
|
|
768
771
|
}>>;
|
|
@@ -933,6 +936,7 @@ declare namespace Dashboard {
|
|
|
933
936
|
details: PropTypes.Requireable<string>;
|
|
934
937
|
'data-name': PropTypes.Requireable<string>;
|
|
935
938
|
requiredSelection: PropTypes.Requireable<boolean>;
|
|
939
|
+
icon: PropTypes.Requireable<string>;
|
|
936
940
|
}> | null | undefined)[]>;
|
|
937
941
|
items: PropTypes.Requireable<PropTypes.InferProps<{
|
|
938
942
|
type: PropTypes.Requireable<string>;
|
|
@@ -1207,6 +1211,7 @@ declare namespace Dashboard {
|
|
|
1207
1211
|
}>>;
|
|
1208
1212
|
type: PropTypes.Requireable<string>;
|
|
1209
1213
|
primaryColor: PropTypes.Requireable<string>;
|
|
1214
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
1210
1215
|
}> | null | undefined>>;
|
|
1211
1216
|
}>>;
|
|
1212
1217
|
}> | PropTypes.InferProps<{
|
|
@@ -1544,6 +1549,7 @@ declare namespace Dashboard {
|
|
|
1544
1549
|
}>>;
|
|
1545
1550
|
type: PropTypes.Requireable<string>;
|
|
1546
1551
|
primaryColor: PropTypes.Requireable<string>;
|
|
1552
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
1547
1553
|
}>>;
|
|
1548
1554
|
}> | null | undefined>>;
|
|
1549
1555
|
}>>;
|
|
@@ -333,6 +333,7 @@ declare namespace SearchPage {
|
|
|
333
333
|
details: PropTypes.Requireable<string>;
|
|
334
334
|
'data-name': PropTypes.Requireable<string>;
|
|
335
335
|
requiredSelection: PropTypes.Requireable<boolean>;
|
|
336
|
+
icon: PropTypes.Requireable<string>;
|
|
336
337
|
}> | null | undefined)[]>;
|
|
337
338
|
items: PropTypes.Requireable<PropTypes.InferProps<{
|
|
338
339
|
type: PropTypes.Requireable<string>;
|
|
@@ -607,6 +608,7 @@ declare namespace SearchPage {
|
|
|
607
608
|
}>>;
|
|
608
609
|
type: PropTypes.Requireable<string>;
|
|
609
610
|
primaryColor: PropTypes.Requireable<string>;
|
|
611
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
610
612
|
}> | null | undefined>>;
|
|
611
613
|
}>>;
|
|
612
614
|
}> | PropTypes.InferProps<{
|
|
@@ -944,6 +946,7 @@ declare namespace SearchPage {
|
|
|
944
946
|
}>>;
|
|
945
947
|
type: PropTypes.Requireable<string>;
|
|
946
948
|
primaryColor: PropTypes.Requireable<string>;
|
|
949
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
947
950
|
}>>;
|
|
948
951
|
}> | null | undefined>>;
|
|
949
952
|
}>>;
|
|
@@ -170,6 +170,7 @@ declare namespace ExternalCourse {
|
|
|
170
170
|
details: PropTypes.Requireable<string>;
|
|
171
171
|
'data-name': PropTypes.Requireable<string>;
|
|
172
172
|
requiredSelection: PropTypes.Requireable<boolean>;
|
|
173
|
+
icon: PropTypes.Requireable<string>;
|
|
173
174
|
}> | null | undefined)[]>;
|
|
174
175
|
items: PropTypes.Requireable<PropTypes.InferProps<{
|
|
175
176
|
type: PropTypes.Requireable<string>;
|
|
@@ -444,6 +445,7 @@ declare namespace ExternalCourse {
|
|
|
444
445
|
}>>;
|
|
445
446
|
type: PropTypes.Requireable<string>;
|
|
446
447
|
primaryColor: PropTypes.Requireable<string>;
|
|
448
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
447
449
|
}> | null | undefined>>;
|
|
448
450
|
}>>;
|
|
449
451
|
}> | PropTypes.InferProps<{
|
|
@@ -781,6 +783,7 @@ declare namespace ExternalCourse {
|
|
|
781
783
|
}>>;
|
|
782
784
|
type: PropTypes.Requireable<string>;
|
|
783
785
|
primaryColor: PropTypes.Requireable<string>;
|
|
786
|
+
closeOnClick: PropTypes.Requireable<boolean>;
|
|
784
787
|
}>>;
|
|
785
788
|
}> | null | undefined>>;
|
|
786
789
|
}>>;
|
package/es/variables/colors.css
CHANGED
|
@@ -93,11 +93,13 @@
|
|
|
93
93
|
@value warning_100: #FFEECC;
|
|
94
94
|
@value warning_700: #B87A00;
|
|
95
95
|
|
|
96
|
-
@value negative_600 #C91214;
|
|
97
|
-
@value red_200 #FF9E9E;
|
|
98
|
-
@value turquoise_100: '#D9F4F7';
|
|
99
|
-
@value pink_100: '#FAD6DE';
|
|
100
|
-
@value orange_100: '#FFDCD1';
|
|
101
|
-
@value primary_100: '#D6E6FF';
|
|
102
96
|
@value purple_100: #DDD1FF;
|
|
103
97
|
@value purple_600: #3900D6;
|
|
98
|
+
@value negative_600: #C91214;
|
|
99
|
+
@value red_200: #FF9E9E;
|
|
100
|
+
@value turquoise_100: #D9F4F7;
|
|
101
|
+
@value pink_100: #FAD6DE;
|
|
102
|
+
@value orange_100: #FFDCD1;
|
|
103
|
+
@value primary_100: #D6E6FF;
|
|
104
|
+
|
|
105
|
+
@value negative_700: #B81400;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AAoD7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AAoD7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoIzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_link","_icon","_buttonIcons","_tooltip","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","getButtonContent","icon","content","hovered","hoverBackgroundColor","hoverColor","type","faIcon","position","Icon","ICONS","createElement","className","style","buttonContent","label","iconComponent","iconName","name","iconColor","color","DEFAULT_ICON_COLOR","backgroundColor","size","faSize","wrapperSize","customStyle","theme","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","tooltipText","tooltipPlacement","link","onClick","_noop2","onKeyDown","useTitle","styleButton","classnames","button","iconButton","primary","secondary","tertiary","text","dangerous","setHovered","useState","handleOnClick","useCallback","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","TooltipContent","tooltipContentWrapper","renderToolTip","closeToolTipInformationTextAriaLabel","fontSize","anchorId","toolTipIsVisible","placement","_customStyle","useMemo","title","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon, {DEFAULT_ICON_COLOR, IconProps} from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport ToolTip from '../tooltip';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (\n icon?: IconType,\n content?: string | React.ReactNode,\n hovered?: boolean,\n hoverBackgroundColor?: string,\n hoverColor?: string\n) => {\n const {type, faIcon, position} = icon || {type: '', position: ''};\n const Icon = type && ICONS[type];\n\n if (!Icon && !faIcon) {\n return (\n <div className={style.buttonContent}>\n <span className={style.label}>{content}</span>\n </div>\n );\n }\n\n const iconComponent = faIcon ? (\n <FaIcon\n {...({\n iconName: faIcon.name,\n iconColor: hovered && hoverColor ? hoverColor : faIcon.color ?? DEFAULT_ICON_COLOR,\n // eslint-disable-next-line no-nested-ternary\n backgroundColor: !faIcon?.backgroundColor\n ? null\n : hovered && hoverBackgroundColor\n ? hoverBackgroundColor\n : faIcon.backgroundColor,\n size: {\n faSize: faIcon.size,\n wrapperSize: faIcon.size\n },\n customStyle: faIcon.customStyle\n } as IconProps)}\n />\n ) : (\n <Icon className={style.icon} theme=\"coorpmanager\" />\n );\n\n return (\n <div className={style.buttonContent}>\n {position === 'left' ? iconComponent : null}\n {content ? <span className={style.label}>{content}</span> : null}\n {position === 'right' ? iconComponent : null}\n </div>\n );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n const {\n type,\n usage = 'button',\n label,\n content,\n hoverBackgroundColor,\n hoverColor,\n disabled = false,\n icon,\n 'data-name': dataName,\n 'data-testid': dataTestId = 'button-link',\n 'aria-label': ariaLabel,\n tooltipText,\n tooltipPlacement = 'left',\n link,\n onClick = noop,\n onKeyDown = noop,\n className,\n customStyle,\n useTitle = true\n } = props;\n const styleButton = classnames(\n link && style.link,\n className,\n style.button,\n !label && style.iconButton,\n type === 'primary' && style.primary,\n type === 'secondary' && style.secondary,\n type === 'tertiary' && style.tertiary,\n type === 'text' && style.text,\n type === 'dangerous' && style.dangerous,\n disabled && style.disabled\n );\n\n const [hovered, setHovered] = useState(false);\n\n const handleOnClick = useCallback(event => onClick(event), [onClick]);\n\n const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n const handleMouseOver = useCallback(() => {\n setHovered(true);\n }, [setHovered]);\n\n const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n const TooltipContent = useCallback(\n () => <span className={style.tooltipContentWrapper}>{tooltipText || ariaLabel}</span>,\n [tooltipText, ariaLabel]\n );\n\n const renderToolTip = () => {\n const closeToolTipInformationTextAriaLabel = tooltipText || ariaLabel;\n if (!closeToolTipInformationTextAriaLabel) return null;\n return (\n <ToolTip\n fontSize={12}\n anchorId=\"button-icon\"\n toolTipIsVisible={hovered}\n placement={tooltipPlacement}\n TooltipContent={TooltipContent}\n closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n />\n );\n };\n\n const _customStyle = useMemo(() => {\n return {\n ...customStyle,\n ...((hoverBackgroundColor || hoverColor) && hovered\n ? {\n backgroundColor: hoverBackgroundColor,\n color: hoverColor\n }\n : null)\n };\n }, [hoverBackgroundColor, hoverColor, hovered, customStyle]);\n\n if (link) {\n return (\n <Link\n {...link}\n {...(useTitle && {\n title: ariaLabel || label\n })}\n className={styleButton}\n style={customStyle}\n data-name={dataName}\n data-testid={dataTestId}\n aria-label={ariaLabel || label}\n hoverColor={hoverColor}\n hoverBackgroundColor={hoverBackgroundColor}\n onMouseEnter={handleMouseOver}\n onMouseLeave={handleMouseLeave}\n >\n {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\n {renderToolTip()}\n </Link>\n );\n }\n\n return (\n <button\n {...(useTitle && {\n title: ariaLabel || label\n })}\n {...(ariaLabel && !label\n ? {\n 'data-for': 'button-icon',\n 'data-tip': hovered\n }\n : {})}\n // eslint-disable-next-line react/button-has-type\n type={usage}\n aria-label={ariaLabel || label}\n data-name={dataName}\n data-testid={dataTestId}\n style={_customStyle}\n className={styleButton}\n onClick={handleOnClick}\n onKeyDown={handleOnKeyDown}\n onMouseOver={handleMouseOver}\n onMouseLeave={handleMouseLeave}\n tabIndex={0}\n disabled={disabled}\n >\n {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\n {renderToolTip()}\n </button>\n );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_link","_icon","_buttonIcons","_tooltip","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","getButtonContent","icon","content","hovered","hoverBackgroundColor","hoverColor","type","faIcon","position","Icon","ICONS","createElement","className","style","buttonContent","label","iconComponent","iconName","name","iconColor","color","DEFAULT_ICON_COLOR","backgroundColor","size","faSize","wrapperSize","customStyle","theme","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","tooltipText","tooltipPlacement","link","onClick","_noop2","onKeyDown","useTitle","styleButton","classnames","button","iconButton","primary","secondary","tertiary","text","dangerous","setHovered","useState","handleOnClick","useCallback","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","TooltipContent","tooltipContentWrapper","renderToolTip","closeToolTipInformationTextAriaLabel","fontSize","anchorId","toolTipIsVisible","placement","_customStyle","useMemo","title","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon, {DEFAULT_ICON_COLOR, IconProps} from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport ToolTip from '../tooltip';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (\n icon?: IconType,\n content?: string | React.ReactNode,\n hovered?: boolean,\n hoverBackgroundColor?: string,\n hoverColor?: string\n) => {\n const {type, faIcon, position} = icon || {type: '', position: ''};\n const Icon = type && ICONS[type];\n\n if (!Icon && !faIcon) {\n return (\n <div className={style.buttonContent}>\n <span className={style.label}>{content}</span>\n </div>\n );\n }\n\n const iconComponent = faIcon ? (\n <FaIcon\n {...({\n iconName: faIcon.name,\n iconColor: hovered && hoverColor ? hoverColor : faIcon.color ?? DEFAULT_ICON_COLOR,\n // eslint-disable-next-line no-nested-ternary\n backgroundColor: !faIcon?.backgroundColor\n ? null\n : hovered && hoverBackgroundColor\n ? hoverBackgroundColor\n : faIcon.backgroundColor,\n size: {\n faSize: faIcon.size,\n wrapperSize: faIcon.size\n },\n customStyle: faIcon.customStyle\n } as IconProps)}\n />\n ) : (\n <Icon className={style.icon} theme=\"coorpmanager\" />\n );\n\n return (\n <div className={style.buttonContent}>\n {position === 'left' ? iconComponent : null}\n {content ? <span className={style.label}>{content}</span> : null}\n {position === 'right' ? iconComponent : null}\n </div>\n );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n const {\n type,\n usage = 'button',\n label,\n content,\n hoverBackgroundColor,\n hoverColor,\n disabled = false,\n icon,\n 'data-name': dataName,\n 'data-testid': dataTestId = 'button-link',\n 'aria-label': ariaLabel,\n tooltipText,\n tooltipPlacement = 'left',\n link,\n onClick = noop,\n onKeyDown = noop,\n className,\n customStyle,\n useTitle = true\n } = props;\n const styleButton = classnames(\n link && style.link,\n className,\n style.button,\n !label && style.iconButton,\n type === 'primary' && style.primary,\n type === 'secondary' && style.secondary,\n type === 'tertiary' && style.tertiary,\n type === 'text' && style.text,\n type === 'dangerous' && style.dangerous,\n disabled && style.disabled\n );\n\n const [hovered, setHovered] = useState(false);\n\n const handleOnClick = useCallback(event => onClick(event), [onClick]);\n\n const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n const handleMouseOver = useCallback(() => {\n setHovered(true);\n }, [setHovered]);\n\n const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n const TooltipContent = useCallback(\n () => <span className={style.tooltipContentWrapper}>{tooltipText || ariaLabel}</span>,\n [tooltipText, ariaLabel]\n );\n\n const renderToolTip = () => {\n const closeToolTipInformationTextAriaLabel = tooltipText || ariaLabel;\n if (!closeToolTipInformationTextAriaLabel) return null;\n return (\n <ToolTip\n fontSize={12}\n anchorId=\"button-icon\"\n toolTipIsVisible={hovered}\n placement={tooltipPlacement}\n TooltipContent={TooltipContent}\n closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n />\n );\n };\n\n const _customStyle = useMemo(() => {\n return {\n ...customStyle,\n ...((hoverBackgroundColor || hoverColor) && hovered\n ? {\n backgroundColor: hoverBackgroundColor,\n color: hoverColor\n }\n : null)\n };\n }, [hoverBackgroundColor, hoverColor, hovered, customStyle]);\n\n if (link) {\n return (\n <Link\n {...link}\n {...(useTitle && {\n title: ariaLabel || label\n })}\n className={styleButton}\n style={customStyle}\n data-name={dataName}\n data-testid={dataTestId}\n onClick={handleOnClick}\n aria-label={ariaLabel || label}\n hoverColor={hoverColor}\n hoverBackgroundColor={hoverBackgroundColor}\n onMouseEnter={handleMouseOver}\n onMouseLeave={handleMouseLeave}\n >\n {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\n {renderToolTip()}\n </Link>\n );\n }\n\n return (\n <button\n {...(useTitle && {\n title: ariaLabel || label\n })}\n {...(ariaLabel && !label\n ? {\n 'data-for': 'button-icon',\n 'data-tip': hovered\n }\n : {})}\n // eslint-disable-next-line react/button-has-type\n type={usage}\n aria-label={ariaLabel || label}\n data-name={dataName}\n data-testid={dataTestId}\n style={_customStyle}\n className={styleButton}\n onClick={handleOnClick}\n onKeyDown={handleOnKeyDown}\n onMouseOver={handleMouseOver}\n onMouseLeave={handleMouseLeave}\n tabIndex={0}\n disabled={disabled}\n >\n {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\n {renderToolTip()}\n </button>\n );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAC,gBAAgB,EAAoB,MAAM,SAAS,CAAC;AAI5D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuG3C,CAAC;AAIF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
6
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
7
|
+
var _reactFontawesome = require("@fortawesome/react-fontawesome");
|
|
8
|
+
var _style = _interopRequireDefault(require("./style.css"));
|
|
9
|
+
var _types = require("./types");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
const COMPONENT_ID = 'input-select';
|
|
14
|
+
const InputSelect = ({
|
|
15
|
+
options = [],
|
|
16
|
+
value,
|
|
17
|
+
onChange,
|
|
18
|
+
placeholder,
|
|
19
|
+
className,
|
|
20
|
+
'aria-label': ariaLabel,
|
|
21
|
+
iconClosed = 'chevron-down',
|
|
22
|
+
selectedIcon = 'circle-check'
|
|
23
|
+
}) => {
|
|
24
|
+
const [open, setOpen] = (0, _react.useState)(false);
|
|
25
|
+
const wrapperRef = (0, _react.useRef)(null);
|
|
26
|
+
const componentId = `${COMPONENT_ID}-${placeholder?.toLowerCase().replace(/\s+/g, '-') || 'default'}`;
|
|
27
|
+
const handleToggle = (0, _react.useCallback)(() => {
|
|
28
|
+
setOpen(o => !o);
|
|
29
|
+
}, []);
|
|
30
|
+
const handleOnOptionClick = (0, _react.useCallback)(optionValue => {
|
|
31
|
+
onChange(optionValue);
|
|
32
|
+
setOpen(false);
|
|
33
|
+
}, [onChange]);
|
|
34
|
+
_react.default.useEffect(() => {
|
|
35
|
+
if (!open) return;
|
|
36
|
+
const handleClickOutside = event => {
|
|
37
|
+
if (!wrapperRef.current?.contains(event.target)) {
|
|
38
|
+
setOpen(false);
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
42
|
+
return () => document.removeEventListener('mousedown', handleClickOutside);
|
|
43
|
+
}, [open]);
|
|
44
|
+
const selectedOption = options.find(opt => opt.value === value);
|
|
45
|
+
const renderOption = option => {
|
|
46
|
+
function handleClick() {
|
|
47
|
+
handleOnOptionClick(option.value);
|
|
48
|
+
}
|
|
49
|
+
const isSelected = option.value === value;
|
|
50
|
+
return /*#__PURE__*/_react.default.createElement("li", {
|
|
51
|
+
key: option.value,
|
|
52
|
+
className: (0, _classnames.default)(_style.default.option, isSelected && _style.default.selected),
|
|
53
|
+
role: "option",
|
|
54
|
+
"aria-selected": isSelected,
|
|
55
|
+
onClick: handleClick
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
57
|
+
className: _style.default.optionIcon
|
|
58
|
+
}, option.icon), /*#__PURE__*/_react.default.createElement("span", {
|
|
59
|
+
className: _style.default.optionLabel
|
|
60
|
+
}, option.label), isSelected ? /*#__PURE__*/_react.default.createElement("span", {
|
|
61
|
+
className: _style.default.checkIcon
|
|
62
|
+
}, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
|
|
63
|
+
icon: selectedIcon
|
|
64
|
+
})) : null);
|
|
65
|
+
};
|
|
66
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
67
|
+
className: (0, _classnames.default)(_style.default.outerWrapper, {
|
|
68
|
+
[_style.default.open]: open
|
|
69
|
+
})
|
|
70
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
71
|
+
ref: wrapperRef,
|
|
72
|
+
className: (0, _classnames.default)(_style.default.wrapper, className),
|
|
73
|
+
"aria-label": ariaLabel
|
|
74
|
+
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
75
|
+
type: "button",
|
|
76
|
+
className: _style.default.display,
|
|
77
|
+
onClick: handleToggle,
|
|
78
|
+
"aria-haspopup": "listbox",
|
|
79
|
+
"aria-expanded": open,
|
|
80
|
+
"aria-controls": open ? `${componentId}-listbox` : undefined,
|
|
81
|
+
id: componentId
|
|
82
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
83
|
+
className: _style.default.content
|
|
84
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
85
|
+
className: _style.default.label
|
|
86
|
+
}, placeholder), selectedOption ? /*#__PURE__*/_react.default.createElement("span", {
|
|
87
|
+
className: _style.default.value
|
|
88
|
+
}, selectedOption.label) : null), /*#__PURE__*/_react.default.createElement("span", {
|
|
89
|
+
className: (0, _classnames.default)(_style.default.iconWrapper, {
|
|
90
|
+
[_style.default.open]: open
|
|
91
|
+
})
|
|
92
|
+
}, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
|
|
93
|
+
className: (0, _classnames.default)(_style.default.icon, {
|
|
94
|
+
[_style.default.rotated]: open
|
|
95
|
+
}),
|
|
96
|
+
icon: iconClosed
|
|
97
|
+
}))), open ? /*#__PURE__*/_react.default.createElement("ul", {
|
|
98
|
+
id: `${componentId}-listbox`,
|
|
99
|
+
className: _style.default.menu,
|
|
100
|
+
role: "listbox"
|
|
101
|
+
}, options.map(renderOption)) : null));
|
|
102
|
+
};
|
|
103
|
+
InputSelect.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
|
|
104
|
+
var _default = exports.default = InputSelect;
|
|
105
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_reactFontawesome","_style","_types","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","COMPONENT_ID","InputSelect","options","value","onChange","placeholder","className","ariaLabel","iconClosed","selectedIcon","open","setOpen","useState","wrapperRef","useRef","componentId","toLowerCase","replace","handleToggle","useCallback","o","handleOnOptionClick","optionValue","React","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","selectedOption","find","opt","renderOption","option","handleClick","isSelected","createElement","key","classnames","style","selected","role","onClick","optionIcon","icon","optionLabel","label","checkIcon","FontAwesomeIcon","outerWrapper","ref","wrapper","type","display","undefined","id","content","iconWrapper","rotated","menu","map","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/atom/input-select/index.tsx"],"sourcesContent":["import React, {useState, useRef, useCallback} from 'react';\nimport classnames from 'classnames';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {IconName} from '@fortawesome/fontawesome-svg-core';\nimport style from './style.css';\nimport {InputSelectProps, Option, propTypes} from './types';\n\nconst COMPONENT_ID = 'input-select';\n\nconst InputSelect: React.FC<InputSelectProps> = ({\n options = [],\n value,\n onChange,\n placeholder,\n className,\n 'aria-label': ariaLabel,\n iconClosed = 'chevron-down',\n selectedIcon = 'circle-check'\n}) => {\n const [open, setOpen] = useState(false);\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n const componentId = `${COMPONENT_ID}-${\n placeholder?.toLowerCase().replace(/\\s+/g, '-') || 'default'\n }`;\n\n const handleToggle = useCallback(() => {\n setOpen(o => !o);\n }, []);\n\n const handleOnOptionClick = useCallback(\n (optionValue: string) => {\n onChange(optionValue);\n setOpen(false);\n },\n [onChange]\n );\n\n React.useEffect(() => {\n if (!open) return;\n const handleClickOutside = (event: MouseEvent) => {\n if (!wrapperRef.current?.contains(event.target as Node)) {\n setOpen(false);\n }\n };\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, [open]);\n\n const selectedOption = options.find(opt => opt.value === value);\n\n const renderOption = (option: Option) => {\n function handleClick() {\n handleOnOptionClick(option.value);\n }\n\n const isSelected = option.value === value;\n\n return (\n <li\n key={option.value}\n className={classnames(style.option, isSelected && style.selected)}\n role=\"option\"\n aria-selected={isSelected}\n onClick={handleClick}\n >\n <span className={style.optionIcon}>{option.icon}</span>\n <span className={style.optionLabel}>{option.label}</span>\n {isSelected ? (\n <span className={style.checkIcon}>\n <FontAwesomeIcon icon={selectedIcon as IconName} />\n </span>\n ) : null}\n </li>\n );\n };\n\n return (\n <div\n className={classnames(style.outerWrapper, {\n [style.open]: open\n })}\n >\n <div ref={wrapperRef} className={classnames(style.wrapper, className)} aria-label={ariaLabel}>\n <button\n type=\"button\"\n className={style.display}\n onClick={handleToggle}\n aria-haspopup=\"listbox\"\n aria-expanded={open}\n aria-controls={open ? `${componentId}-listbox` : undefined}\n id={componentId}\n >\n <div className={style.content}>\n <span className={style.label}>{placeholder}</span>\n {selectedOption ? <span className={style.value}>{selectedOption.label}</span> : null}\n </div>\n <span className={classnames(style.iconWrapper, {[style.open]: open})}>\n <FontAwesomeIcon\n className={classnames(style.icon, {[style.rotated]: open})}\n icon={iconClosed as IconName}\n />\n </span>\n </button>\n {open ? (\n <ul id={`${componentId}-listbox`} className={style.menu} role=\"listbox\">\n {options.map(renderOption)}\n </ul>\n ) : null}\n </div>\n </div>\n );\n};\n\nInputSelect.propTypes = propTypes;\n\nexport default InputSelect;\n"],"mappings":"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","ignoreList":[]}
|