sprint-asia-custom-component 0.1.177 → 0.1.179

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 (11) hide show
  1. package/dist/index.js +20 -11
  2. package/package.json +1 -1
  3. package/src/components/dropdown/dropdownText/index.js +1 -1
  4. package/src/components/dropdown/dropdownText2/index.js +1 -1
  5. package/src/components/filter/filterCheckbox/index.js +1 -1
  6. package/src/components/filter/filterCheckboxDropdown/index.js +1 -1
  7. package/src/components/filter/filterDropdown/index.js +1 -1
  8. package/src/components/filter/filterText/index.js +1 -1
  9. package/src/components/modal/modalLoading/index.js +2 -1
  10. package/src/components/modal/modalResult/index.js +2 -1
  11. package/src/components/modal/modalState/index.js +2 -1
package/dist/index.js CHANGED
@@ -24177,7 +24177,7 @@
24177
24177
  ${mode === "default" && currentOption === "" && "border-neutral50 bg-neutral20 cursor-pointer"}
24178
24178
  ${mode === "default" && currentOption !== "" && "border-black bg-neutral20 cursor-pointer"}
24179
24179
  ${mode === "danger" && "border-danger500 bg-danger50 cursor-pointer"}
24180
- flex items-center w-full py-2.5 text-left px-4 font-normal text-sm text-neutral300 rounded-md border focus:outline-none overflow-hidden`,
24180
+ flex items-center w-full py-2.5 text-left px-3 font-normal text-sm text-neutral300 rounded-md border focus:outline-none overflow-hidden`,
24181
24181
  onClick: () => isEdited && handleToggleDropdownText()
24182
24182
  }, /*#__PURE__*/React__default["default"].createElement("span", {
24183
24183
  className: "flex-grow overflow-hidden"
@@ -26833,7 +26833,7 @@
26833
26833
  className: "rounded-md shadow-sm"
26834
26834
  }, /*#__PURE__*/React__default["default"].createElement("button", {
26835
26835
  type: "button",
26836
- className: "flex items-center w-60 py-2.5 text-left px-4 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none",
26836
+ className: "flex items-center w-60 py-2.5 text-left px-3 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none",
26837
26837
  onClick: handleToggleFilterCheckbox
26838
26838
  }, /*#__PURE__*/React__default["default"].createElement("span", {
26839
26839
  className: "flex-grow"
@@ -26916,7 +26916,7 @@
26916
26916
  className: "rounded-md shadow-sm w-full"
26917
26917
  }, /*#__PURE__*/React__default["default"].createElement("button", {
26918
26918
  type: "button",
26919
- className: "flex items-center w-full py-2.5 text-left px-4 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none",
26919
+ className: "flex items-center w-full py-2.5 text-left px-3 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none",
26920
26920
  onClick: handleToggleFilterCheckboxDropdown
26921
26921
  }, /*#__PURE__*/React__default["default"].createElement("span", {
26922
26922
  className: "flex-grow"
@@ -26988,7 +26988,7 @@
26988
26988
  className: "rounded-md shadow-sm"
26989
26989
  }, /*#__PURE__*/React__default["default"].createElement("button", {
26990
26990
  type: "button",
26991
- className: "flex items-center w-60 py-2.5 text-left px-4 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none",
26991
+ className: "flex items-center w-60 py-2.5 text-left px-3 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none",
26992
26992
  onClick: handleToggleFilterText
26993
26993
  }, /*#__PURE__*/React__default["default"].createElement("span", {
26994
26994
  className: "flex-grow"
@@ -29035,10 +29035,13 @@
29035
29035
  as: React.Fragment
29036
29036
  }, /*#__PURE__*/React__default["default"].createElement(_t, {
29037
29037
  as: "div",
29038
- className: "relative z-[1001]",
29038
+ className: "relative",
29039
29039
  initialFocus: cancelButtonRef,
29040
29040
  onClose: () => props.onClose(),
29041
- static: true
29041
+ static: true,
29042
+ style: {
29043
+ zIndex: 1001
29044
+ }
29042
29045
  }, /*#__PURE__*/React__default["default"].createElement(qe.Child, {
29043
29046
  as: React.Fragment,
29044
29047
  enter: "ease-out duration-300",
@@ -29099,10 +29102,13 @@
29099
29102
  as: React.Fragment
29100
29103
  }, /*#__PURE__*/React__default["default"].createElement(_t, {
29101
29104
  as: "div",
29102
- className: "relative z-[1001]",
29105
+ className: "relative",
29103
29106
  initialFocus: cancelButtonRef,
29104
29107
  onClose: () => props.onClose(),
29105
- static: true
29108
+ static: true,
29109
+ style: {
29110
+ zIndex: 1001
29111
+ }
29106
29112
  }, /*#__PURE__*/React__default["default"].createElement(qe.Child, {
29107
29113
  as: React.Fragment,
29108
29114
  enter: "ease-out duration-300",
@@ -44475,10 +44481,13 @@
44475
44481
  as: React.Fragment
44476
44482
  }, /*#__PURE__*/React__default["default"].createElement(_t, {
44477
44483
  as: "div",
44478
- className: "fixed inset-0 overflow-y-auto z-[1001]",
44484
+ className: "fixed inset-0 overflow-y-auto",
44479
44485
  initialFocus: cancelButtonRef,
44480
44486
  onClose: () => {},
44481
- static: false
44487
+ static: false,
44488
+ style: {
44489
+ zIndex: 1001
44490
+ }
44482
44491
  }, /*#__PURE__*/React__default["default"].createElement(qe.Child, {
44483
44492
  as: React.Fragment,
44484
44493
  enter: "ease-out duration-300",
@@ -52138,7 +52147,7 @@
52138
52147
  className: "flex"
52139
52148
  }, /*#__PURE__*/React__default["default"].createElement("button", {
52140
52149
  type: "button",
52141
- className: `${Object.values(dataFilterResult).flat().length ? "border-black text-black" : "border-neutral50 text-neutral300"} flex items-center w-60 text-left px-4 bg-white font-normal text-sm rounded-md border focus:outline-none`
52150
+ className: `${Object.values(dataFilterResult).flat().length ? "border-black text-black" : "border-neutral50 text-neutral300"} flex items-center w-60 text-left px-3 bg-white font-normal text-sm rounded-md border focus:outline-none`
52142
52151
  }, /*#__PURE__*/React__default["default"].createElement("span", {
52143
52152
  className: "flex-grow py-2.5",
52144
52153
  onClick: () => setShowFilterMenu(!showFilterMenu)
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sprint-asia-custom-component",
3
3
  "main": "dist/index.js",
4
- "version": "0.1.177",
4
+ "version": "0.1.179",
5
5
  "private": false,
6
6
  "dependencies": {
7
7
  "@headlessui/react": "^1.7.18",
package/src/components/dropdown/dropdownText/index.js CHANGED
@@ -66,7 +66,7 @@ const DropdownText = ({
66
66
  ${mode === "default" && currentOption === "" && "border-neutral50 bg-neutral20 cursor-pointer"}
67
67
  ${mode === "default" && currentOption !== "" && "border-black bg-neutral20 cursor-pointer"}
68
68
  ${mode === "danger" && "border-danger500 bg-danger50 cursor-pointer"}
69
- flex items-center w-full py-2.5 text-left px-4 font-normal text-sm text-neutral300 rounded-md border focus:outline-none overflow-hidden`}
69
+ flex items-center w-full py-2.5 text-left px-3 font-normal text-sm text-neutral300 rounded-md border focus:outline-none overflow-hidden`}
70
70
  onClick={() => isEdited && handleToggleDropdownText()}
71
71
  >
72
72
  <span className="flex-grow overflow-hidden">
package/src/components/dropdown/dropdownText2/index.js CHANGED
@@ -56,7 +56,7 @@ const DropdownText2 = ({
56
56
  <span className='rounded-md shadow-sm'>
57
57
  <button
58
58
  type='button'
59
- className="flex items-center w-full py-2.5 text-left px-4 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none overflow-hidden"
59
+ className="flex items-center w-full py-2.5 text-left px-3 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none overflow-hidden"
60
60
  onClick={handleToggleDropdownText}
61
61
  >
62
62
  <span className='flex-grow overflow-hidden'>{selectedOption ? selectedOption : currentOption ? currentOption : placeholder}</span>
package/src/components/filter/filterCheckbox/index.js CHANGED
@@ -49,7 +49,7 @@ const FilterCheckbox = ({ options = ["Type", "Company"], onSelect }) => {
49
49
  <span className='rounded-md shadow-sm'>
50
50
  <button
51
51
  type='button'
52
- className="flex items-center w-60 py-2.5 text-left px-4 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none"
52
+ className="flex items-center w-60 py-2.5 text-left px-3 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none"
53
53
  onClick={handleToggleFilterCheckbox}
54
54
  >
55
55
  <span className='flex-grow'>{buttonText}</span>
package/src/components/filter/filterCheckboxDropdown/index.js CHANGED
@@ -57,7 +57,7 @@ const FilterCheckboxDropdown = ({
57
57
  <span className='rounded-md shadow-sm w-full'>
58
58
  <button
59
59
  type='button'
60
- className="flex items-center w-full py-2.5 text-left px-4 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none"
60
+ className="flex items-center w-full py-2.5 text-left px-3 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none"
61
61
  onClick={handleToggleFilterCheckboxDropdown}
62
62
  >
63
63
  <span className='flex-grow'>{buttonText}</span>
package/src/components/filter/filterDropdown/index.js CHANGED
@@ -140,7 +140,7 @@ const FilterDropdown = ({
140
140
  Object.values(dataFilterResult).flat().length
141
141
  ? "border-black text-black"
142
142
  : "border-neutral50 text-neutral300"
143
- } flex items-center w-60 text-left px-4 bg-white font-normal text-sm rounded-md border focus:outline-none`}
143
+ } flex items-center w-60 text-left px-3 bg-white font-normal text-sm rounded-md border focus:outline-none`}
144
144
  >
145
145
  <span className="flex-grow py-2.5" onClick={() => setShowFilterMenu(!showFilterMenu)}>
146
146
  {buttonText}
package/src/components/filter/filterText/index.js CHANGED
@@ -40,7 +40,7 @@ const FilterText = ({ options = ["Type", "Company"], onSelect }) => {
40
40
  <span className='rounded-md shadow-sm'>
41
41
  <button
42
42
  type='button'
43
- className="flex items-center w-60 py-2.5 text-left px-4 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none"
43
+ className="flex items-center w-60 py-2.5 text-left px-3 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none"
44
44
  onClick={handleToggleFilterText}
45
45
  >
46
46
  <span className='flex-grow'>{selectedOption ? selectedOption : 'Filter'}</span>
package/src/components/modal/modalLoading/index.js CHANGED
@@ -14,10 +14,11 @@ const ModalLoading = (props) => {
14
14
  <Transition.Root show={props.isOpen} as={Fragment}>
15
15
  <Dialog
16
16
  as="div"
17
- className="relative z-[1001]"
17
+ className="relative"
18
18
  initialFocus={cancelButtonRef}
19
19
  onClose={() => props.onClose()}
20
20
  static={true}
21
+ style={{ zIndex: 1001 }}
21
22
  >
22
23
  <Transition.Child
23
24
  as={Fragment}
package/src/components/modal/modalResult/index.js CHANGED
@@ -15,10 +15,11 @@ const ModalResult = (props) => {
15
15
  <Transition.Root show={props.isOpen} as={Fragment}>
16
16
  <Dialog
17
17
  as="div"
18
- className="relative z-[1001]"
18
+ className="relative"
19
19
  initialFocus={cancelButtonRef}
20
20
  onClose={() => props.onClose()}
21
21
  static={true}
22
+ style={{ zIndex: 1001 }}
22
23
  >
23
24
  <Transition.Child
24
25
  as={Fragment}
package/src/components/modal/modalState/index.js CHANGED
@@ -48,10 +48,11 @@ const ModalState = ({
48
48
  <Transition.Root show={isOpen} as={Fragment}>
49
49
  <Dialog
50
50
  as="div"
51
- className="fixed inset-0 overflow-y-auto z-[1001]"
51
+ className="fixed inset-0 overflow-y-auto"
52
52
  initialFocus={cancelButtonRef}
53
53
  onClose={() => {}}
54
54
  static={false}
55
+ style={{ zIndex: 1001 }}
55
56
  >
56
57
  <Transition.Child
57
58
  as={Fragment}