@orfium/ictinus 4.16.0 → 4.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/components/Breadcrumb/Breadcrumb.js +17 -54
  2. package/dist/components/Breadcrumb/Breadcrumb.style.d.ts +3 -2
  3. package/dist/components/Breadcrumb/Breadcrumb.style.js +10 -15
  4. package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.d.ts +0 -6
  5. package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.js +5 -16
  6. package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.style.d.ts +2 -1
  7. package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.style.js +2 -2
  8. package/dist/components/Breadcrumb/Separator/Separator.js +3 -2
  9. package/dist/components/Breadcrumb/Separator/Separator.style.d.ts +2 -1
  10. package/dist/components/Breadcrumb/Separator/Separator.style.js +1 -1
  11. package/dist/components/Breadcrumb/types.d.ts +1 -5
  12. package/dist/components/ButtonBase/ButtonBase.js +2 -1
  13. package/dist/components/DatePicker/DatePickInput/DatePickInput.d.ts +15 -1
  14. package/dist/components/DatePicker/DatePickInput/DatePickInput.js +52 -26
  15. package/dist/components/DatePicker/DatePicker.d.ts +10 -0
  16. package/dist/components/DatePicker/DatePicker.js +21 -10
  17. package/dist/components/DatePicker/Month/Month.utils.d.ts +1 -1
  18. package/dist/components/ExpandCollapse/ExpandCollapse.d.ts +2 -2
  19. package/dist/components/Filter/Filter.js +24 -84
  20. package/dist/components/Filter/Filter.style.d.ts +6 -9
  21. package/dist/components/Filter/Filter.style.js +12 -15
  22. package/dist/components/Filter/components/FilterBase/FilterBase.d.ts +15 -0
  23. package/dist/components/Filter/components/FilterBase/FilterBase.js +125 -0
  24. package/dist/components/Filter/components/FilterBase/index.d.ts +1 -0
  25. package/dist/components/Filter/components/FilterBase/index.js +10 -0
  26. package/dist/components/Icon/assets/iconSelector.js +5 -4
  27. package/dist/components/List/ListItem/ListItem.js +7 -7
  28. package/dist/components/List/ListItem/ListItem.style.js +6 -6
  29. package/dist/components/Select/Select.js +26 -32
  30. package/dist/components/Select/Select.style.d.ts +1 -0
  31. package/dist/components/Select/Select.style.js +18 -3
  32. package/package.json +1 -1
  33. package/dist/components/Breadcrumb/BreadcrumbCollapsed/BreadcrumbCollapsed.d.ts +0 -7
  34. package/dist/components/Breadcrumb/BreadcrumbCollapsed/BreadcrumbCollapsed.js +0 -81
  35. package/dist/components/Breadcrumb/BreadcrumbCollapsed/BreadcrumbCollapsed.style.d.ts +0 -16
  36. package/dist/components/Breadcrumb/BreadcrumbCollapsed/BreadcrumbCollapsed.style.js +0 -52
  37. package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbAdvancedItem.d.ts +0 -11
  38. package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbAdvancedItem.js +0 -46
@@ -20,7 +20,7 @@ var listItemStyle = function listItemStyle(_ref2) {
20
20
  /*#__PURE__*/
21
21
 
22
22
  /*#__PURE__*/
23
- (0, _react.css)("height:", size === 'normal' ? (0, _utils.rem)(56) : (0, _utils.rem)(46), ";font-size:", theme.typography.fontSizes[size === 'normal' ? '16' : '14'], ";background-color:", selected ? theme.utils.getColor('blue', 50) : theme.palette.white, ";display:flex;align-items:center;padding:0px ", theme.spacing.md, " 0px ", isGroupItem ? theme.spacing.xl : theme.spacing.md, ";font-weight:", selected && theme.typography.weights.medium, ";", highlighted && 'font-weight: 500;', " &:hover{background-color:", theme.utils.getColor('lightGrey', 50), ";}", disabled && "\n opacity: 0.5;\n cursor: not-allowed;\n ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG4gIGlzR3JvdXBJdGVtLFxufToge1xuICBzaXplOiBMaXN0Um93U2l6ZTtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGhpZ2hsaWdodGVkOiBib29sZWFuO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNHcm91cEl0ZW0/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfSAwcHggJHtpc0dyb3VwSXRlbSA/IHRoZW1lLnNwYWNpbmcueGwgOiB0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7c2VsZWN0ZWQgJiYgdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG5cbiAgJHtoaWdobGlnaHRlZCAmJiAnZm9udC13ZWlnaHQ6IDUwMDsnfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDUwKX07XG4gIH1cblxuICAke2Rpc2FibGVkICYmXG4gICAgYFxuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;")
23
+ (0, _react.css)("height:", size === 'normal' ? (0, _utils.rem)(56) : (0, _utils.rem)(46), ";font-size:", theme.typography.fontSizes[size === 'normal' ? '16' : '14'], ";background-color:", selected ? theme.utils.getColor('blue', 50) : theme.palette.white, ";display:flex;align-items:center;padding:0px ", theme.spacing.md, " 0px ", isGroupItem ? theme.spacing.xl : theme.spacing.md, ";font-weight:", selected && theme.typography.weights.medium, ";cursor:pointer;", highlighted && 'font-weight: 500;', " &:hover{background-color:", theme.utils.getColor('lightGrey', 50), ";}", disabled && "\n opacity: 0.5;\n cursor: not-allowed;\n ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG4gIGlzR3JvdXBJdGVtLFxufToge1xuICBzaXplOiBMaXN0Um93U2l6ZTtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGhpZ2hsaWdodGVkOiBib29sZWFuO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNHcm91cEl0ZW0/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfSAwcHggJHtpc0dyb3VwSXRlbSA/IHRoZW1lLnNwYWNpbmcueGwgOiB0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7c2VsZWN0ZWQgJiYgdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAke2hpZ2hsaWdodGVkICYmICdmb250LXdlaWdodDogNTAwOyd9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNTApfTtcbiAgfVxuXG4gICR7ZGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRTdHlsZSA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGN1cnNvcjogaW5oZXJpdDtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;")
24
24
  );
25
25
  };
26
26
  };
@@ -28,12 +28,12 @@ var listItemStyle = function listItemStyle(_ref2) {
28
28
  exports.listItemStyle = listItemStyle;
29
29
 
30
30
  var _ref = process.env.NODE_ENV === "production" ? {
31
- name: "l8l8b8",
32
- styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
31
+ name: "1q5s19c",
32
+ styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:inherit"
33
33
  } : {
34
- name: "4irdtt-contentStyle",
35
- styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;label:contentStyle;",
36
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0N1RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG4gIGlzR3JvdXBJdGVtLFxufToge1xuICBzaXplOiBMaXN0Um93U2l6ZTtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGhpZ2hsaWdodGVkOiBib29sZWFuO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNHcm91cEl0ZW0/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfSAwcHggJHtpc0dyb3VwSXRlbSA/IHRoZW1lLnNwYWNpbmcueGwgOiB0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7c2VsZWN0ZWQgJiYgdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG5cbiAgJHtoaWdobGlnaHRlZCAmJiAnZm9udC13ZWlnaHQ6IDUwMDsnfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDUwKX07XG4gIH1cblxuICAke2Rpc2FibGVkICYmXG4gICAgYFxuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuYDtcbiJdfQ== */",
34
+ name: "to6zl5-contentStyle",
35
+ styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:inherit;label:contentStyle;",
36
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUN1RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG4gIGlzR3JvdXBJdGVtLFxufToge1xuICBzaXplOiBMaXN0Um93U2l6ZTtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGhpZ2hsaWdodGVkOiBib29sZWFuO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNHcm91cEl0ZW0/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfSAwcHggJHtpc0dyb3VwSXRlbSA/IHRoZW1lLnNwYWNpbmcueGwgOiB0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7c2VsZWN0ZWQgJiYgdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAke2hpZ2hsaWdodGVkICYmICdmb250LXdlaWdodDogNTAwOyd9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNTApfTtcbiAgfVxuXG4gICR7ZGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRTdHlsZSA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGN1cnNvcjogaW5oZXJpdDtcbmA7XG4iXX0= */",
37
37
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
38
38
  };
39
39
 
@@ -3,13 +3,9 @@
3
3
  exports.__esModule = true;
4
4
  exports["default"] = void 0;
5
5
 
6
- var _react = require("@emotion/react");
7
-
8
6
  var _lodash = require("lodash");
9
7
 
10
- var _react2 = _interopRequireWildcard(require("react"));
11
-
12
- var _utils = require("../../theme/utils");
8
+ var _react = _interopRequireWildcard(require("react"));
13
9
 
14
10
  var _helpers = require("../../utils/helpers");
15
11
 
@@ -31,6 +27,8 @@ var _Select = require("./Select.style");
31
27
 
32
28
  var _Loader = _interopRequireDefault(require("../Loader"));
33
29
 
30
+ var _react2 = require("@emotion/react");
31
+
34
32
  var _excluded = ["handleSelectedOption", "defaultValue", "selectedOption", "multi", "options", "isAsync", "isLoading", "asyncSearch", "status", "minCharactersToSearch", "highlightSearch", "isSearchable", "isVirtualized", "styleType", "disabled", "locked", "dataTestId"];
35
33
 
36
34
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -50,7 +48,7 @@ var emptyValue = {
50
48
 
51
49
  var ON_CHANGE_MOCK = function ON_CHANGE_MOCK() {};
52
50
 
53
- var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
51
+ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
54
52
  var _ref$handleSelectedOp = _ref.handleSelectedOption,
55
53
  handleSelectedOption = _ref$handleSelectedOp === void 0 ? function () {} : _ref$handleSelectedOp,
56
54
  _ref$defaultValue = _ref.defaultValue,
@@ -84,23 +82,23 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
84
82
 
85
83
  var theme = (0, _useTheme["default"])();
86
84
 
87
- var _React$useState = _react2["default"].useState(false),
85
+ var _React$useState = _react["default"].useState(false),
88
86
  open = _React$useState[0],
89
87
  setOpen = _React$useState[1];
90
88
 
91
- var inputRef = _react2["default"].useRef(null);
89
+ var inputRef = _react["default"].useRef(null);
92
90
 
93
91
  var combinedRefs = (0, _useCombinedRefs["default"])(inputRef, ref);
94
92
 
95
- var _React$useState2 = _react2["default"].useState(defaultValue || selectedOption),
93
+ var _React$useState2 = _react["default"].useState(defaultValue || selectedOption),
96
94
  inputValue = _React$useState2[0],
97
95
  setInputValue = _React$useState2[1];
98
96
 
99
- var _React$useState3 = _react2["default"].useState(''),
97
+ var _React$useState3 = _react["default"].useState(''),
100
98
  searchValue = _React$useState3[0],
101
99
  setSearchValue = _React$useState3[1];
102
100
 
103
- (0, _react2.useEffect)(function () {
101
+ (0, _react.useEffect)(function () {
104
102
  setInputValue(defaultValue || selectedOption);
105
103
  }, [defaultValue, selectedOption]);
106
104
 
@@ -124,11 +122,11 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
124
122
  }
125
123
  };
126
124
 
127
- var debouncedOnChange = _react2["default"].useCallback((0, _lodash.debounce)(function (term) {
125
+ var debouncedOnChange = _react["default"].useCallback((0, _lodash.debounce)(function (term) {
128
126
  asyncSearch(term);
129
127
  }, 400), []);
130
128
 
131
- var handleOnInput = _react2["default"].useCallback(function (event) {
129
+ var handleOnInput = _react["default"].useCallback(function (event) {
132
130
  (0, _handleSearch["default"])({
133
131
  event: event,
134
132
  isSearchable: isSearchable,
@@ -139,7 +137,7 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
139
137
  });
140
138
  }, [debouncedOnChange, isAsync, isSearchable, minCharactersToSearch]);
141
139
 
142
- var filteredOptions = (0, _react2.useMemo)(function () {
140
+ var filteredOptions = (0, _react.useMemo)(function () {
143
141
  if (isAsync) {
144
142
  return options;
145
143
  }
@@ -160,15 +158,15 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
160
158
  });
161
159
  });
162
160
  }, [searchValue, options, isAsync]);
163
- var rightIconNameSelector = (0, _react2.useMemo)(function () {
161
+ var rightIconNameSelector = (0, _react.useMemo)(function () {
164
162
  if (isSearchable) {
165
163
  return searchValue || inputValue.value ? 'close' : 'search';
166
164
  }
167
165
 
168
- return open ? 'chevronLargeUp' : 'chevronLargeDown';
169
- }, [inputValue.value, isSearchable, open, searchValue]);
166
+ return 'triangleDown';
167
+ }, [inputValue.value, isSearchable, searchValue]);
170
168
 
171
- var handleIconClick = _react2["default"].useCallback(function () {
169
+ var handleIconClick = _react["default"].useCallback(function () {
172
170
  if (isSearchable && open) {
173
171
  setOpen(!open);
174
172
  }
@@ -180,21 +178,17 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
180
178
  }
181
179
  }, [asyncSearch, inputValue.value, isSearchable, open, searchValue]);
182
180
 
183
- var rightIconRender = (0, _react2.useMemo)(function () {
184
- return (0, _react.jsx)("div", {
185
- css:
186
- /*#__PURE__*/
187
-
188
- /*#__PURE__*/
189
- (0, _react.css)("display:flex;gap:", (0, _utils.rem)(25), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconRender;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBMa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0LCB1c2VNZW1vLCBLZXlib2FyZEV2ZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuaW1wb3J0IHsgZ2VuZXJhdGVUZXN0RGF0YUlkIH0gZnJvbSAndXRpbHMvaGVscGVycyc7XG5cbmltcG9ydCB1c2VDb21iaW5lZFJlZnMgZnJvbSAnLi4vLi4vaG9va3MvdXNlQ29tYmluZWRSZWZzJztcbmltcG9ydCB1c2VUaGVtZSBmcm9tICcuLi8uLi9ob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgeyBDaGFuZ2VFdmVudCB9IGZyb20gJy4uLy4uL3V0aWxzL2NvbW1vbic7XG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJztcbmltcG9ydCBUZXh0RmllbGQgZnJvbSAnLi4vVGV4dEZpZWxkJztcbmltcG9ydCB7IFByb3BzIGFzIFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vVGV4dEZpZWxkL1RleHRGaWVsZCc7XG5pbXBvcnQgQ2xpY2tBd2F5TGlzdGVuZXIgZnJvbSAnLi4vdXRpbHMvQ2xpY2tBd2F5TGlzdGVuZXInO1xuaW1wb3J0IGhhbmRsZVNlYXJjaCBmcm9tICcuLi91dGlscy9oYW5kbGVTZWFyY2gnO1xuaW1wb3J0IFNlbGVjdE1lbnUgZnJvbSAnLi9jb21wb25lbnRzL1NlbGVjdE1lbnUvU2VsZWN0TWVudSc7XG5pbXBvcnQgeyBzZWxlY3RXcmFwcGVyIH0gZnJvbSAnLi9TZWxlY3Quc3R5bGUnO1xuaW1wb3J0IExvYWRlciBmcm9tICdjb21wb25lbnRzL0xvYWRlcic7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbiA9IHtcbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWw6IHN0cmluZztcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIHRvb2x0aXBJbmZvPzogc3RyaW5nO1xuICBvcHRpb25zPzogU2VsZWN0T3B0aW9uW107XG59O1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IGlzIHVzZWQgdG8gcmV0dXJuIHRoZSBzZWxlY3RlZCBvcHRpb25zICovXG4gIGhhbmRsZVNlbGVjdGVkT3B0aW9uPzogKHNlbGVjdGVkT3B0aW9uOiBTZWxlY3RPcHRpb24pID0+IHZvaWQ7XG4gIC8qKiB0aGUgZGVmYXVsdCB2YWx1ZSBvZiB0aGUgc2VsZWN0IGlmIG5lZWRlZCAqL1xuICAvKiogVE9ETzogZGVmYXVsdFZhbHVlIGlzIGR1cGxpY2F0aW9uIG9mIHNlbGVjdGVkT3B0aW9uKi9cbiAgZGVmYXVsdFZhbHVlPzogU2VsZWN0T3B0aW9uO1xuICAvKiogdGhlIHZhbHVlIG9mIHRoZSBzZWxlY3QgaWYgc2VsZWN0IGlzIGNvbnRyb2xsZWQgKi9cbiAgc2VsZWN0ZWRPcHRpb24/OiBTZWxlY3RPcHRpb247XG4gIC8qKiBpZiB0aGUgc2VsZWN0IGhhcyB0YWdzICovXG4gIG11bHRpPzogYm9vbGVhbjtcbiAgLyoqIE9wdGlvbnMgZm9yIHRoZSBzZWxlY3QgZHJvcGRvd24gKi9cbiAgb3B0aW9uczogU2VsZWN0T3B0aW9uW107XG4gIC8qKiBpZiB0aGUgY29tcG9uZW50IGlzIHVzZWQgYXN5bmNocm9ub3VzbHkgKi9cbiAgaXNBc3luYz86IGJvb2xlYW47XG4gIC8qKiB0aGUgZnVuY3Rpb24gdG8gZmV0Y2ggbmV3IG9wdGlvbnMgKi9cbiAgYXN5bmNTZWFyY2g/OiAodGVybTogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogYWZ0ZXIgaG93IG1hbnkgY2hhcmFjdGVycyB0byBzdGFydCBzZWFyY2hpbmcgKGRlZmF1bHQgPSAwKSAqL1xuICBtaW5DaGFyYWN0ZXJzVG9TZWFyY2g/OiBudW1iZXI7XG4gIC8qKiBpZiBzZWFyY2hlZCB0ZXh0IHNob3VsZCBiZSBoaWdobGlnaHRlZCBpbiBhdmFpbGFibGUgb3B0aW9ucyAqL1xuICBoaWdobGlnaHRTZWFyY2g/OiBib29sZWFuO1xuICAvKiogaWYgdGhlIG9wdGlvbnMgYXJlIHNlYXJjaGFibGUgKi9cbiAgaXNTZWFyY2hhYmxlPzogYm9vbGVhbjtcbiAgLyoqIGRhdGEtdGVzdGlkIHN1ZmZpeCAqL1xuICBkYXRhVGVzdElkPzogc3RyaW5nO1xuICAvKiogaWYgY29tcG9uZW50IGlzIGxvYWRpbmcgKi9cbiAgaXNMb2FkaW5nPzogYm9vbGVhbjtcbiAgLyoqIGlmIG9wdGlvbnMgbGlzdCBpcyB2aXJ0dWFsaXplZCAqL1xuICBpc1ZpcnR1YWxpemVkPzogYm9vbGVhbjtcbn0gJiBUZXh0RmllbGRQcm9wcztcblxuY29uc3QgZW1wdHlWYWx1ZSA9IHsgbGFiZWw6ICcnLCB2YWx1ZTogJycgfTtcblxuLy8gTW9ja3Mgb25DaGFuZ2UgdG8gYXZvaWQgcmVhZG9ubHkgd2FybmluZyBmb3IgVGV4dEZpZWxkIENvbXBvbmVudFxuY29uc3QgT05fQ0hBTkdFX01PQ0sgPSAoKSA9PiB7fTtcblxudHlwZSBJbnB1dFByb3BzID0gUGFydGlhbDxPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdzaXplJz4+O1xuXG5jb25zdCBTZWxlY3QgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFByb3BzICYgSW5wdXRQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBoYW5kbGVTZWxlY3RlZE9wdGlvbiA9ICgpID0+IHt9LFxuICAgICAgZGVmYXVsdFZhbHVlID0gdW5kZWZpbmVkLFxuICAgICAgc2VsZWN0ZWRPcHRpb24gPSBlbXB0eVZhbHVlLFxuICAgICAgbXVsdGkgPSBmYWxzZSxcbiAgICAgIG9wdGlvbnMsXG4gICAgICBpc0FzeW5jID0gZmFsc2UsXG4gICAgICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgICAgIGFzeW5jU2VhcmNoID0gKCkgPT4ge30sXG4gICAgICBzdGF0dXMgPSAnbm9ybWFsJyxcbiAgICAgIG1pbkNoYXJhY3RlcnNUb1NlYXJjaCA9IDAsXG4gICAgICBoaWdobGlnaHRTZWFyY2ggPSBmYWxzZSxcbiAgICAgIGlzU2VhcmNoYWJsZSA9IHRydWUsXG4gICAgICBpc1ZpcnR1YWxpemVkID0gZmFsc2UsXG4gICAgICBzdHlsZVR5cGUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGxvY2tlZCxcbiAgICAgIGRhdGFUZXN0SWQsXG4gICAgICAuLi5yZXN0SW5wdXRQcm9wc1xuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBbb3Blbiwgc2V0T3Blbl0gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSBSZWFjdC51c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG4gICAgY29uc3QgY29tYmluZWRSZWZzID0gdXNlQ29tYmluZWRSZWZzKGlucHV0UmVmLCByZWYpO1xuICAgIGNvbnN0IFtpbnB1dFZhbHVlLCBzZXRJbnB1dFZhbHVlXSA9IFJlYWN0LnVzZVN0YXRlKGRlZmF1bHRWYWx1ZSB8fCBzZWxlY3RlZE9wdGlvbik7XG4gICAgY29uc3QgW3NlYXJjaFZhbHVlLCBzZXRTZWFyY2hWYWx1ZV0gPSBSZWFjdC51c2VTdGF0ZSgnJyk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0SW5wdXRWYWx1ZShkZWZhdWx0VmFsdWUgfHwgc2VsZWN0ZWRPcHRpb24pO1xuICAgIH0sIFtkZWZhdWx0VmFsdWUsIHNlbGVjdGVkT3B0aW9uXSk7XG5cbiAgICBjb25zdCBoYW5kbGVPcHRpb25DbGljayA9IChvcHRpb246IFNlbGVjdE9wdGlvbikgPT4ge1xuICAgICAgc2V0SW5wdXRWYWx1ZShvcHRpb24pO1xuICAgICAgc2V0T3BlbihmYWxzZSk7XG5cbiAgICAgIGlmIChpc1NlYXJjaGFibGUpIHtcbiAgICAgICAgc2V0U2VhcmNoVmFsdWUoJycpO1xuICAgICAgfVxuICAgICAgaGFuZGxlU2VsZWN0ZWRPcHRpb24ob3B0aW9uKTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlT25LZXlEb3duID0gKGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IGlzQmFja3NwYWNlS2V5ID0gZS5rZXlDb2RlID09PSA4O1xuXG4gICAgICBpZiAoaXNCYWNrc3BhY2VLZXkpIHtcbiAgICAgICAgc2V0SW5wdXRWYWx1ZShlbXB0eVZhbHVlKTtcbiAgICAgICAgZGVib3VuY2VkT25DaGFuZ2UoJycpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBkZWJvdW5jZWRPbkNoYW5nZSA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgICAgZGVib3VuY2UodGVybSA9PiB7XG4gICAgICAgIGFzeW5jU2VhcmNoKHRlcm0pO1xuICAgICAgfSwgNDAwKSxcbiAgICAgIFtdXG4gICAgKTtcblxuICAgIGNvbnN0IGhhbmRsZU9uSW5wdXQgPSBSZWFjdC51c2VDYWxsYmFjayhcbiAgICAgIChldmVudDogQ2hhbmdlRXZlbnQpID0+IHtcbiAgICAgICAgaGFuZGxlU2VhcmNoKHtcbiAgICAgICAgICBldmVudCxcbiAgICAgICAgICBpc1NlYXJjaGFibGUsXG4gICAgICAgICAgaXNBc3luYyxcbiAgICAgICAgICBzZXRTZWFyY2hWYWx1ZSxcbiAgICAgICAgICBvbkNoYW5nZTogZGVib3VuY2VkT25DaGFuZ2UsXG4gICAgICAgICAgbWluQ2hhcmFjdGVyc1RvU2VhcmNoLFxuICAgICAgICB9KTtcbiAgICAgIH0sXG4gICAgICBbZGVib3VuY2VkT25DaGFuZ2UsIGlzQXN5bmMsIGlzU2VhcmNoYWJsZSwgbWluQ2hhcmFjdGVyc1RvU2VhcmNoXVxuICAgICk7XG5cbiAgICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmIChpc0FzeW5jKSB7XG4gICAgICAgIHJldHVybiBvcHRpb25zO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gb3B0aW9uc1xuICAgICAgICAuZmlsdGVyKFxuICAgICAgICAgIG9wdGlvbiA9PlxuICAgICAgICAgICAgIXNlYXJjaFZhbHVlIHx8XG4gICAgICAgICAgICBvcHRpb24ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzZWFyY2hWYWx1ZS50b0xvd2VyQ2FzZSgpKSB8fFxuICAgICAgICAgICAgISFvcHRpb24ub3B0aW9ucz8uZmluZChvcHRpb24gPT5cbiAgICAgICAgICAgICAgb3B0aW9uLmxhYmVsLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoc2VhcmNoVmFsdWUudG9Mb3dlckNhc2UoKSlcbiAgICAgICAgICAgIClcbiAgICAgICAgKVxuICAgICAgICAubWFwKG9wdGlvbiA9PiB7XG4gICAgICAgICAgcmV0dXJuIG9wdGlvbi5sYWJlbC50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHNlYXJjaFZhbHVlLnRvTG93ZXJDYXNlKCkpXG4gICAgICAgICAgICA/IG9wdGlvblxuICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgLi4ub3B0aW9uLFxuICAgICAgICAgICAgICAgIG9wdGlvbnM6IG9wdGlvbi5vcHRpb25zPy5maWx0ZXIob3B0aW9uID0+XG4gICAgICAgICAgICAgICAgICBvcHRpb24ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzZWFyY2hWYWx1ZS50b0xvd2VyQ2FzZSgpKVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH0sIFtzZWFyY2hWYWx1ZSwgb3B0aW9ucywgaXNBc3luY10pO1xuXG4gICAgY29uc3QgcmlnaHRJY29uTmFtZVNlbGVjdG9yID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBpZiAoaXNTZWFyY2hhYmxlKSB7XG4gICAgICAgIHJldHVybiBzZWFyY2hWYWx1ZSB8fCBpbnB1dFZhbHVlLnZhbHVlID8gJ2Nsb3NlJyA6ICdzZWFyY2gnO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gb3BlbiA/ICdjaGV2cm9uTGFyZ2VVcCcgOiAnY2hldnJvbkxhcmdlRG93bic7XG4gICAgfSwgW2lucHV0VmFsdWUudmFsdWUsIGlzU2VhcmNoYWJsZSwgb3Blbiwgc2VhcmNoVmFsdWVdKTtcblxuICAgIGNvbnN0IGhhbmRsZUljb25DbGljayA9IFJlYWN0LnVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChpc1NlYXJjaGFibGUgJiYgb3Blbikge1xuICAgICAgICBzZXRPcGVuKCFvcGVuKTtcbiAgICAgIH1cbiAgICAgIGlmIChpc1NlYXJjaGFibGUgJiYgKHNlYXJjaFZhbHVlIHx8IGlucHV0VmFsdWUudmFsdWUpKSB7XG4gICAgICAgIHNldFNlYXJjaFZhbHVlKCcnKTtcbiAgICAgICAgc2V0SW5wdXRWYWx1ZShlbXB0eVZhbHVlKTtcbiAgICAgICAgYXN5bmNTZWFyY2goJycpO1xuICAgICAgfVxuICAgIH0sIFthc3luY1NlYXJjaCwgaW5wdXRWYWx1ZS52YWx1ZSwgaXNTZWFyY2hhYmxlLCBvcGVuLCBzZWFyY2hWYWx1ZV0pO1xuXG4gICAgY29uc3QgcmlnaHRJY29uUmVuZGVyID0gdXNlTWVtbyhcbiAgICAgICgpID0+IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogJHtyZW0oMjUpfTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2lzTG9hZGluZyAmJiA8TG9hZGVyIC8+fVxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPXsyMH1cbiAgICAgICAgICAgIG5hbWU9e3JpZ2h0SWNvbk5hbWVTZWxlY3Rvcn1cbiAgICAgICAgICAgIGNvbG9yPXt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUljb25DbGlja31cbiAgICAgICAgICAgIGRhdGFUZXN0SWQ9XCJzZWxlY3QtcmlnaHQtaWNvblwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApLFxuICAgICAgW2lzTG9hZGluZywgcmlnaHRJY29uTmFtZVNlbGVjdG9yLCB0aGVtZS51dGlscywgaGFuZGxlSWNvbkNsaWNrXVxuICAgICk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9ICgpID0+IHtcbiAgICAgIGlmICghb3Blbikge1xuICAgICAgICBzZXRPcGVuKHRydWUpO1xuICAgICAgICBjb21iaW5lZFJlZnM/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICB9IGVsc2UgaWYgKCFpc1NlYXJjaGFibGUpIHtcbiAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgIGNvbWJpbmVkUmVmcz8uY3VycmVudD8uYmx1cigpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENsaWNrQXdheUxpc3RlbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBzZXRPcGVuKGZhbHNlKTtcbiAgICAgICAgICBzZXRTZWFyY2hWYWx1ZSgnJyk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICB7Li4uKCEoZGlzYWJsZWQgfHwgbG9ja2VkKSAmJiB7IG9uQ2xpY2s6IGhhbmRsZUNsaWNrIH0pfVxuICAgICAgICAgIGNzcz17c2VsZWN0V3JhcHBlcih7IG9wZW4sIHN0YXR1cywgc3R5bGVUeXBlLCBpc1NlYXJjaGFibGUgfSl9XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dEZpZWxkXG4gICAgICAgICAgICBzdHlsZVR5cGU9e3N0eWxlVHlwZX1cbiAgICAgICAgICAgIHJpZ2h0SWNvbj17cmlnaHRJY29uUmVuZGVyfVxuICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVPbktleURvd259XG4gICAgICAgICAgICBvbklucHV0PXtoYW5kbGVPbklucHV0fVxuICAgICAgICAgICAgb25DaGFuZ2U9e09OX0NIQU5HRV9NT0NLfVxuICAgICAgICAgICAgcmVhZE9ubHk9eyFpc1NlYXJjaGFibGV9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBsb2NrZWQ9e2xvY2tlZH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtnZW5lcmF0ZVRlc3REYXRhSWQoJ3NlbGVjdC1pbnB1dCcsIGRhdGFUZXN0SWQpfVxuICAgICAgICAgICAgey4uLnJlc3RJbnB1dFByb3BzfVxuICAgICAgICAgICAgc3RhdHVzPXtzdGF0dXN9XG4gICAgICAgICAgICB2YWx1ZT17c2VhcmNoVmFsdWUgfHwgaW5wdXRWYWx1ZS5sYWJlbH1cbiAgICAgICAgICAgIHJlZj17Y29tYmluZWRSZWZzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge29wZW4gJiYgKFxuICAgICAgICAgICAgPFNlbGVjdE1lbnVcbiAgICAgICAgICAgICAgZmlsdGVyZWRPcHRpb25zPXtmaWx0ZXJlZE9wdGlvbnN9XG4gICAgICAgICAgICAgIGhhbmRsZU9wdGlvbkNsaWNrPXtoYW5kbGVPcHRpb25DbGlja31cbiAgICAgICAgICAgICAgc2VsZWN0ZWRPcHRpb249e2lucHV0VmFsdWUudmFsdWV9XG4gICAgICAgICAgICAgIHNpemU9e3Jlc3RJbnB1dFByb3BzLnNpemV9XG4gICAgICAgICAgICAgIHN0YXR1cz17c3RhdHVzfVxuICAgICAgICAgICAgICBpc0xvYWRpbmc9e2lzTG9hZGluZ31cbiAgICAgICAgICAgICAgaXNWaXJ0dWFsaXplZD17aXNWaXJ0dWFsaXplZH1cbiAgICAgICAgICAgICAgc2VhcmNoVGVybT17aGlnaGxpZ2h0U2VhcmNoID8gc2VhcmNoVmFsdWUgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9DbGlja0F3YXlMaXN0ZW5lcj5cbiAgICApO1xuICB9XG4pO1xuXG5TZWxlY3QuZGlzcGxheU5hbWUgPSAnU2VsZWN0JztcblxuZXhwb3J0IGRlZmF1bHQgU2VsZWN0O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconRender;")
190
- }, isLoading && (0, _react.jsx)(_Loader["default"], null), (0, _react.jsx)(_Icon["default"], {
191
- size: 20,
181
+ var rightIconRender = (0, _react.useMemo)(function () {
182
+ return (0, _react2.jsx)("div", {
183
+ css: (0, _Select.rightIconContainer)(open, isSearchable)
184
+ }, isLoading && (0, _react2.jsx)(_Loader["default"], null), (0, _react2.jsx)(_Icon["default"], {
185
+ size: isSearchable ? 20 : 12,
192
186
  name: rightIconNameSelector,
193
187
  color: theme.utils.getColor('lightGrey', 650),
194
188
  onClick: handleIconClick,
195
189
  dataTestId: "select-right-icon"
196
190
  }));
197
- }, [isLoading, rightIconNameSelector, theme.utils, handleIconClick]);
191
+ }, [open, isLoading, isSearchable, rightIconNameSelector, theme.utils, handleIconClick]);
198
192
 
199
193
  var handleClick = function handleClick() {
200
194
  if (!open) {
@@ -210,12 +204,12 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
210
204
  }
211
205
  };
212
206
 
213
- return (0, _react.jsx)(_ClickAwayListener["default"], {
207
+ return (0, _react2.jsx)(_ClickAwayListener["default"], {
214
208
  onClick: function onClick() {
215
209
  setOpen(false);
216
210
  setSearchValue('');
217
211
  }
218
- }, (0, _react.jsx)("div", _extends({}, !(disabled || locked) && {
212
+ }, (0, _react2.jsx)("div", _extends({}, !(disabled || locked) && {
219
213
  onClick: handleClick
220
214
  }, {
221
215
  css: (0, _Select.selectWrapper)({
@@ -224,7 +218,7 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
224
218
  styleType: styleType,
225
219
  isSearchable: isSearchable
226
220
  })
227
- }), (0, _react.jsx)(_TextField["default"], _extends({
221
+ }), (0, _react2.jsx)(_TextField["default"], _extends({
228
222
  styleType: styleType,
229
223
  rightIcon: rightIconRender,
230
224
  onKeyDown: handleOnKeyDown,
@@ -238,7 +232,7 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
238
232
  status: status,
239
233
  value: searchValue || inputValue.label,
240
234
  ref: combinedRefs
241
- })), open && (0, _react.jsx)(_SelectMenu["default"], {
235
+ })), open && (0, _react2.jsx)(_SelectMenu["default"], {
242
236
  filteredOptions: filteredOptions,
243
237
  handleOptionClick: handleOptionClick,
244
238
  selectedOption: inputValue.value,
@@ -7,3 +7,4 @@ export declare const selectWrapper: ({ styleType, open, status, isSearchable, }:
7
7
  status?: "success" | "error" | "normal" | "hint" | undefined;
8
8
  isSearchable: boolean;
9
9
  }) => (theme: Theme) => SerializedStyles;
10
+ export declare const rightIconContainer: (open: boolean, isSearchable: boolean) => () => SerializedStyles;
@@ -1,10 +1,12 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.selectWrapper = void 0;
4
+ exports.rightIconContainer = exports.selectWrapper = void 0;
5
5
 
6
6
  var _react = require("@emotion/react");
7
7
 
8
+ var _functions = require("../../theme/functions");
9
+
8
10
  var _utils = require("../../theme/utils");
9
11
 
10
12
  var selectWrapper = function selectWrapper(_ref) {
@@ -17,9 +19,22 @@ var selectWrapper = function selectWrapper(_ref) {
17
19
  /*#__PURE__*/
18
20
 
19
21
  /*#__PURE__*/
20
- (0, _react.css)("position:relative;min-width:", (0, _utils.rem)(150), ";max-width:", (0, _utils.rem)(620), ";&>div:nth-of-type(1)>div{", open && status !== 'error' && "border: 2px solid " + theme.utils.getColor('lightGrey', 200) + ";", " ", open && status !== 'error' && styleType === 'outlined' && "box-shadow: none;", ";}*{cursor:", !isSearchable && 'pointer', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I2QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGZvcm1GaWVsZFN0eWxlcyB9IGZyb20gJy4uLy4uL3RoZW1lL3BhbGV0dGUnO1xuXG5leHBvcnQgY29uc3Qgc2VsZWN0V3JhcHBlciA9ICh7XG4gIHN0eWxlVHlwZSxcbiAgb3BlbixcbiAgc3RhdHVzLFxuICBpc1NlYXJjaGFibGUsXG59OiB7XG4gIG9wZW46IGJvb2xlYW47XG4gIHN0eWxlVHlwZT86IGZvcm1GaWVsZFN0eWxlcztcbiAgc3RhdHVzPzogJ3N1Y2Nlc3MnIHwgJ25vcm1hbCcgfCAnaGludCcgfCAnZXJyb3InO1xuICBpc1NlYXJjaGFibGU6IGJvb2xlYW47XG59KSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLXdpZHRoOiAke3JlbSgxNTApfTtcbiAgbWF4LXdpZHRoOiAke3JlbSg2MjApfTtcbiAgJiA+IGRpdjpudGgtb2YtdHlwZSgxKSA+IGRpdiB7XG4gICAgJHtvcGVuICYmIHN0YXR1cyAhPT0gJ2Vycm9yJyAmJiBgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMjAwKX07YH1cbiAgICAke29wZW4gJiYgc3RhdHVzICE9PSAnZXJyb3InICYmIHN0eWxlVHlwZSA9PT0gJ291dGxpbmVkJyAmJiBgYm94LXNoYWRvdzogbm9uZTtgfVxuICB9XG5cbiAgKiB7XG4gICAgY3Vyc29yOiAkeyFpc1NlYXJjaGFibGUgJiYgJ3BvaW50ZXInfTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;")
22
+ (0, _react.css)("position:relative;min-width:", (0, _utils.rem)(150), ";max-width:", (0, _utils.rem)(620), ";&>div:nth-of-type(1)>div{", open && status !== 'error' && "border: 2px solid " + theme.utils.getColor('lightGrey', 200) + ";", " ", open && status !== 'error' && styleType === 'outlined' && "box-shadow: none;", ";}*{cursor:", !isSearchable && 'pointer', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI2QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgZm9ybUZpZWxkU3R5bGVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvcGFsZXR0ZSc7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RXcmFwcGVyID0gKHtcbiAgc3R5bGVUeXBlLFxuICBvcGVuLFxuICBzdGF0dXMsXG4gIGlzU2VhcmNoYWJsZSxcbn06IHtcbiAgb3BlbjogYm9vbGVhbjtcbiAgc3R5bGVUeXBlPzogZm9ybUZpZWxkU3R5bGVzO1xuICBzdGF0dXM/OiAnc3VjY2VzcycgfCAnbm9ybWFsJyB8ICdoaW50JyB8ICdlcnJvcic7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7cmVtKDE1MCl9O1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuICAmID4gZGl2Om50aC1vZi10eXBlKDEpID4gZGl2IHtcbiAgICAke29wZW4gJiYgc3RhdHVzICE9PSAnZXJyb3InICYmIGBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyMDApfTtgfVxuICAgICR7b3BlbiAmJiBzdGF0dXMgIT09ICdlcnJvcicgJiYgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnICYmIGBib3gtc2hhZG93OiBub25lO2B9XG4gIH1cblxuICAqIHtcbiAgICBjdXJzb3I6ICR7IWlzU2VhcmNoYWJsZSAmJiAncG9pbnRlcid9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uQ29udGFpbmVyID0gKFxuICBvcGVuOiBib29sZWFuLFxuICBpc1NlYXJjaGFibGU6IGJvb2xlYW5cbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7b3BlbiAmJiAhaXNTZWFyY2hhYmxlID8gJzE4MCcgOiAnMCd9ZGVnKTtcbiAgJHt0cmFuc2l0aW9uKDAuMil9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;")
23
+ );
24
+ };
25
+ };
26
+
27
+ exports.selectWrapper = selectWrapper;
28
+
29
+ var rightIconContainer = function rightIconContainer(open, isSearchable) {
30
+ return function () {
31
+ return (
32
+ /*#__PURE__*/
33
+
34
+ /*#__PURE__*/
35
+ (0, _react.css)("display:flex;cursor:pointer;transform:rotate(", open && !isSearchable ? '180' : '0', "deg);", (0, _functions.transition)(0.2), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgZm9ybUZpZWxkU3R5bGVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvcGFsZXR0ZSc7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RXcmFwcGVyID0gKHtcbiAgc3R5bGVUeXBlLFxuICBvcGVuLFxuICBzdGF0dXMsXG4gIGlzU2VhcmNoYWJsZSxcbn06IHtcbiAgb3BlbjogYm9vbGVhbjtcbiAgc3R5bGVUeXBlPzogZm9ybUZpZWxkU3R5bGVzO1xuICBzdGF0dXM/OiAnc3VjY2VzcycgfCAnbm9ybWFsJyB8ICdoaW50JyB8ICdlcnJvcic7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7cmVtKDE1MCl9O1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuICAmID4gZGl2Om50aC1vZi10eXBlKDEpID4gZGl2IHtcbiAgICAke29wZW4gJiYgc3RhdHVzICE9PSAnZXJyb3InICYmIGBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyMDApfTtgfVxuICAgICR7b3BlbiAmJiBzdGF0dXMgIT09ICdlcnJvcicgJiYgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnICYmIGBib3gtc2hhZG93OiBub25lO2B9XG4gIH1cblxuICAqIHtcbiAgICBjdXJzb3I6ICR7IWlzU2VhcmNoYWJsZSAmJiAncG9pbnRlcid9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uQ29udGFpbmVyID0gKFxuICBvcGVuOiBib29sZWFuLFxuICBpc1NlYXJjaGFibGU6IGJvb2xlYW5cbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7b3BlbiAmJiAhaXNTZWFyY2hhYmxlID8gJzE4MCcgOiAnMCd9ZGVnKTtcbiAgJHt0cmFuc2l0aW9uKDAuMil9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;")
21
36
  );
22
37
  };
23
38
  };
24
39
 
25
- exports.selectWrapper = selectWrapper;
40
+ exports.rightIconContainer = rightIconContainer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orfium/ictinus",
3
- "version": "4.16.0",
3
+ "version": "4.19.0",
4
4
  "main": "./dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "license": "MIT",
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- declare type Props = {
3
- /** Defines the react nodes that will be included in the breadcrumb's collapsed view */
4
- collapsedItems: React.ReactNode[];
5
- };
6
- declare const BreadcrumbCollapsed: React.FC<Props>;
7
- export default BreadcrumbCollapsed;
@@ -1,81 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports["default"] = void 0;
5
-
6
- var React = _interopRequireWildcard(require("react"));
7
-
8
- var _useTheme = _interopRequireDefault(require("../../../hooks/useTheme"));
9
-
10
- var _Separator = _interopRequireDefault(require("../../Breadcrumb/Separator/Separator"));
11
-
12
- var _Icon = _interopRequireDefault(require("../../Icon"));
13
-
14
- var _List = _interopRequireDefault(require("../../List"));
15
-
16
- var _ClickAwayListener = _interopRequireDefault(require("../../utils/ClickAwayListener"));
17
-
18
- var _DropdownOptions = require("../../utils/DropdownOptions");
19
-
20
- var _BreadcrumbCollapsed = require("./BreadcrumbCollapsed.style");
21
-
22
- var _react2 = require("@emotion/react");
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
-
26
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
-
28
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
-
30
- var BreadcrumbCollapsed = function BreadcrumbCollapsed(props) {
31
- var _React$useState = React.useState(false),
32
- open = _React$useState[0],
33
- setOpen = _React$useState[1];
34
-
35
- var collapsedItems = props.collapsedItems;
36
- var theme = (0, _useTheme["default"])();
37
-
38
- var expandHandler = function expandHandler() {
39
- setOpen(function (prevState) {
40
- return !prevState;
41
- });
42
- };
43
-
44
- var collapsedItemsList = (0, _react2.jsx)("div", {
45
- style: _BreadcrumbCollapsed.inlineBreadcrumbWrapperStyles,
46
- css: (0, _DropdownOptions.optionsStyle)({
47
- menuPosition: 'left'
48
- })
49
- }, (0, _react2.jsx)(_List["default"], {
50
- data: collapsedItems,
51
- rowSize: 'small',
52
- dataTestId: 'collapsed_',
53
- handleOptionClick: function handleOptionClick() {
54
- setOpen(false);
55
- }
56
- }));
57
- var iconColor = 'lightGrey';
58
- var iconColorShade = open ? 100 : 700;
59
- return (0, _react2.jsx)(_ClickAwayListener["default"], {
60
- CustomHtmlTag: "li",
61
- ariaRole: "listitem",
62
- onClick: function onClick() {
63
- return setOpen(false);
64
- },
65
- cssStyles: _BreadcrumbCollapsed.ClickAwayListenerStyle
66
- }, (0, _react2.jsx)("div", {
67
- css: (0, _BreadcrumbCollapsed.breadcrumbCollapsedWrapperStyles)()
68
- }, (0, _react2.jsx)("span", {
69
- css: (0, _BreadcrumbCollapsed.breadcrumbCollapsedStyles)({
70
- open: open
71
- }),
72
- onClick: expandHandler
73
- }, (0, _react2.jsx)(_Icon["default"], {
74
- name: "dotsVertical",
75
- size: 22,
76
- color: theme.utils.getColor(iconColor, iconColorShade)
77
- })), (0, _react2.jsx)(_Separator["default"], null), open && collapsedItemsList));
78
- };
79
-
80
- var _default = BreadcrumbCollapsed;
81
- exports["default"] = _default;
@@ -1,16 +0,0 @@
1
- import { Theme } from '../../../theme';
2
- declare type BreadcrumbIconStyle = {
3
- open: boolean;
4
- };
5
- export declare const ClickAwayListenerStyle: {
6
- margin: string;
7
- };
8
- export declare const breadcrumbCollapsedStyles: ({ open }: BreadcrumbIconStyle) => (theme: Theme) => import("@emotion/react").SerializedStyles;
9
- export declare const breadcrumbCollapsedWrapperStyles: () => import("@emotion/react").SerializedStyles;
10
- export declare const inlineBreadcrumbWrapperStyles: {
11
- padding: number;
12
- boxShadow: string;
13
- top: string;
14
- width: string;
15
- };
16
- export {};
@@ -1,52 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.inlineBreadcrumbWrapperStyles = exports.breadcrumbCollapsedWrapperStyles = exports.breadcrumbCollapsedStyles = exports.ClickAwayListenerStyle = void 0;
5
-
6
- var _react = require("@emotion/react");
7
-
8
- var _utils = require("../../../theme/utils");
9
-
10
- function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
11
-
12
- var ClickAwayListenerStyle = {
13
- margin: 'auto'
14
- };
15
- exports.ClickAwayListenerStyle = ClickAwayListenerStyle;
16
-
17
- var breadcrumbCollapsedStyles = function breadcrumbCollapsedStyles(_ref2) {
18
- var open = _ref2.open;
19
- return function (theme) {
20
- return (
21
- /*#__PURE__*/
22
-
23
- /*#__PURE__*/
24
- (0, _react.css)("padding:", (0, _utils.rem)(2), ";margin-top:", (0, _utils.rem)(1), ";transform:rotate(90deg);border-radius:3rem;background-color:", open ? theme.utils.getColor('lightGrey', 650) : theme.utils.getColor('lightGrey', 200), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbCollapsedStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYkNvbGxhcHNlZC9CcmVhZGNydW1iQ29sbGFwc2VkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlpRyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CcmVhZGNydW1iL0JyZWFkY3J1bWJDb2xsYXBzZWQvQnJlYWRjcnVtYkNvbGxhcHNlZC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi90aGVtZSc7XG5cbnR5cGUgQnJlYWRjcnVtYkljb25TdHlsZSA9IHtcbiAgb3BlbjogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBDbGlja0F3YXlMaXN0ZW5lclN0eWxlID0ge1xuICBtYXJnaW46ICdhdXRvJyxcbn07XG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYkNvbGxhcHNlZFN0eWxlcyA9ICh7IG9wZW4gfTogQnJlYWRjcnVtYkljb25TdHlsZSkgPT4gKHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICBwYWRkaW5nOiAke3JlbSgyKX07XG4gIG1hcmdpbi10b3A6ICR7cmVtKDEpfTtcbiAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICBib3JkZXItcmFkaXVzOiAzcmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke29wZW5cbiAgICA/IHRoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApXG4gICAgOiB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMjAwKX07XG5gO1xuXG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYkNvbGxhcHNlZFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGlubGluZUJyZWFkY3J1bWJXcmFwcGVyU3R5bGVzID0ge1xuICBwYWRkaW5nOiAwLFxuICBib3hTaGFkb3c6IGAjODA4MDgwMmIgMHB4IDBweCAke3JlbSgxNil9YCxcbiAgdG9wOiByZW0oNDApLFxuICB3aWR0aDogcmVtKDE2NCksXG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbCollapsedStyles;")
25
- );
26
- };
27
- };
28
-
29
- exports.breadcrumbCollapsedStyles = breadcrumbCollapsedStyles;
30
-
31
- var _ref = process.env.NODE_ENV === "production" ? {
32
- name: "5o2vmf",
33
- styles: "display:flex;cursor:pointer;position:relative"
34
- } : {
35
- name: "orgln1-breadcrumbCollapsedWrapperStyles",
36
- styles: "display:flex;cursor:pointer;position:relative;label:breadcrumbCollapsedWrapperStyles;",
37
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYkNvbGxhcHNlZC9CcmVhZGNydW1iQ29sbGFwc2VkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCeUQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9CcmVhZGNydW1iQ29sbGFwc2VkL0JyZWFkY3J1bWJDb2xsYXBzZWQuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUnO1xuXG50eXBlIEJyZWFkY3J1bWJJY29uU3R5bGUgPSB7XG4gIG9wZW46IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgQ2xpY2tBd2F5TGlzdGVuZXJTdHlsZSA9IHtcbiAgbWFyZ2luOiAnYXV0bycsXG59O1xuZXhwb3J0IGNvbnN0IGJyZWFkY3J1bWJDb2xsYXBzZWRTdHlsZXMgPSAoeyBvcGVuIH06IEJyZWFkY3J1bWJJY29uU3R5bGUpID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgcGFkZGluZzogJHtyZW0oMil9O1xuICBtYXJnaW4tdG9wOiAke3JlbSgxKX07XG4gIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcbiAgYm9yZGVyLXJhZGl1czogM3JlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtvcGVuXG4gICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKVxuICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDIwMCl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGJyZWFkY3J1bWJDb2xsYXBzZWRXcmFwcGVyU3R5bGVzID0gKCkgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBpbmxpbmVCcmVhZGNydW1iV3JhcHBlclN0eWxlcyA9IHtcbiAgcGFkZGluZzogMCxcbiAgYm94U2hhZG93OiBgIzgwODA4MDJiIDBweCAwcHggJHtyZW0oMTYpfWAsXG4gIHRvcDogcmVtKDQwKSxcbiAgd2lkdGg6IHJlbSgxNjQpLFxufTtcbiJdfQ== */",
38
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
39
- };
40
-
41
- var breadcrumbCollapsedWrapperStyles = function breadcrumbCollapsedWrapperStyles() {
42
- return _ref;
43
- };
44
-
45
- exports.breadcrumbCollapsedWrapperStyles = breadcrumbCollapsedWrapperStyles;
46
- var inlineBreadcrumbWrapperStyles = {
47
- padding: 0,
48
- boxShadow: "#8080802b 0px 0px " + (0, _utils.rem)(16),
49
- top: (0, _utils.rem)(40),
50
- width: (0, _utils.rem)(164)
51
- };
52
- exports.inlineBreadcrumbWrapperStyles = inlineBreadcrumbWrapperStyles;
@@ -1,11 +0,0 @@
1
- import * as React from 'react';
2
- declare type Props = {
3
- /** Defines the options used to render a Menu button */
4
- options?: string[];
5
- /** Defines the method where a developer can manipulate the selection of an menu item */
6
- onChangeHandler?: (selectedItem: string) => void;
7
- /** Defines the label of the current level of breadcrumb */
8
- label?: string;
9
- };
10
- declare const BreadcrumbAdvancedItem: React.FC<Props>;
11
- export default BreadcrumbAdvancedItem;
@@ -1,46 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports["default"] = void 0;
5
-
6
- var React = _interopRequireWildcard(require("react"));
7
-
8
- var _index = _interopRequireDefault(require("../../Menu/index"));
9
-
10
- var _react2 = require("@emotion/react");
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
-
14
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
-
16
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
-
18
- var BreadcrumbAdvancedItem = function BreadcrumbAdvancedItem(props) {
19
- var _props$options = props.options,
20
- options = _props$options === void 0 ? undefined : _props$options,
21
- onChangeHandler = props.onChangeHandler,
22
- label = props.label;
23
-
24
- var _React$useState = React.useState(''),
25
- selectedItem = _React$useState[0],
26
- setSelectedItem = _React$useState[1];
27
-
28
- React.useEffect(function () {
29
- if (onChangeHandler) {
30
- onChangeHandler(selectedItem);
31
- }
32
- }, [selectedItem]);
33
- return (0, _react2.jsx)(_index["default"], {
34
- items: options,
35
- selectedItem: selectedItem,
36
- onSelect: function onSelect(option) {
37
- return setSelectedItem(option);
38
- },
39
- buttonText: label,
40
- rightIconName: "arrowDown",
41
- iconSize: 12
42
- });
43
- };
44
-
45
- var _default = BreadcrumbAdvancedItem;
46
- exports["default"] = _default;