@kanda-libs/ks-component-ts 0.2.336 → 0.2.337

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kanda-libs/ks-component-ts",
3
- "version": "0.2.336",
3
+ "version": "0.2.337",
4
4
  "description": "Kanda form component library",
5
5
  "main": "dist/index.esm.js",
6
6
  "module": "dist/index.esm.js",
@@ -39,7 +39,7 @@
39
39
  "license": "MIT",
40
40
  "devDependencies": {
41
41
  "@kanda-libs/ks-amplitude-provider": "0.0.18",
42
- "@kanda-libs/ks-design-library": "0.2.70",
42
+ "@kanda-libs/ks-design-library": "0.2.93",
43
43
  "@kanda-libs/ks-frontend-services": "0.2.140",
44
44
  "@types/browser-image-compression": "^1.0.9",
45
45
  "@types/draft-js": "^0.11.10",
@@ -28,6 +28,7 @@ const PopoverButton: FunctionComponent<PopoverButtonProps> = function ({
28
28
  <div className={CLASS_NAMES.button}>
29
29
  <div className={CLASS_NAMES.wrapper}>
30
30
  <Popover.Standard
31
+ id={`table-row-popover-${id}`}
31
32
  button={<Button.Icon id={id} {...BUTTON_PROPS} />}
32
33
  {...popoverProps}
33
34
  >
@@ -14,6 +14,7 @@ const SettingsButton: FunctionComponent<SettingsButtonProps> = function ({
14
14
  <div className={CLASS_NAMES.button}>
15
15
  <div className={CLASS_NAMES.wrapper}>
16
16
  <Popover.Standard
17
+ id="table-settings"
17
18
  button={<Button.Icon id="table-settings" {...BUTTON_PROPS} />}
18
19
  right
19
20
  >
@@ -25,7 +25,11 @@ const Desktop: FunctionComponent<DesktopProps> = function ({
25
25
 
26
26
  return (
27
27
  <div className={CLASS_NAMES.container}>
28
- <Popover.Standard visible={visible} className="w-full -mt-5">
28
+ <Popover.Standard
29
+ id="company-lookup-input"
30
+ visible={visible}
31
+ className="w-full -mt-5"
32
+ >
29
33
  {({ handleClose }) => (
30
34
  <Card padding="p-2" className={CLASS_NAMES.card}>
31
35
  <>
@@ -33,7 +37,7 @@ const Desktop: FunctionComponent<DesktopProps> = function ({
33
37
  <Button.Link
34
38
  id="company-lookup-not-listed"
35
39
  label="I can't find my company"
36
- className="w-full sticky top-0 px-3 pb-1 bg-neutral-000"
40
+ className="sticky top-0 w-full px-3 pb-1 bg-neutral-000"
37
41
  onClick={() => {
38
42
  handleClose();
39
43
  onClick();
@@ -18,6 +18,7 @@ const Desktop: FunctionComponent<SelectionModalProps> = function ({
18
18
 
19
19
  return (
20
20
  <Popover.Standard
21
+ id="selection-modal"
21
22
  button={
22
23
  <SelectionModalButton
23
24
  id={buttonId}
@@ -30,7 +31,7 @@ const Desktop: FunctionComponent<SelectionModalProps> = function ({
30
31
  >
31
32
  {({ handleClose }) => (
32
33
  <FormTheme variant="popover-clean">
33
- <div className="min-w-36 px-2">
34
+ <div className="px-2 min-w-36">
34
35
  <SelectionModalSelect
35
36
  handleClose={handleClose}
36
37
  variant="popover-clean"