@buoy-gg/redux 2.1.11 → 2.1.13

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 (63) hide show
  1. package/LICENSE +58 -0
  2. package/lib/commonjs/index.js +1 -179
  3. package/lib/commonjs/preset.js +1 -98
  4. package/lib/commonjs/redux/components/ReduxActionButton.js +1 -129
  5. package/lib/commonjs/redux/components/ReduxActionDetailContent.js +1 -380
  6. package/lib/commonjs/redux/components/ReduxActionDetailView.js +1 -401
  7. package/lib/commonjs/redux/components/ReduxActionInfoView.js +1 -838
  8. package/lib/commonjs/redux/components/ReduxActionItem.js +1 -366
  9. package/lib/commonjs/redux/components/ReduxDetailViewToggle.js +1 -134
  10. package/lib/commonjs/redux/components/ReduxIcon.js +1 -18
  11. package/lib/commonjs/redux/components/ReduxModal.js +1 -530
  12. package/lib/commonjs/redux/components/index.js +1 -52
  13. package/lib/commonjs/redux/hooks/index.js +1 -25
  14. package/lib/commonjs/redux/hooks/useAutoInstrumentRedux.js +1 -197
  15. package/lib/commonjs/redux/hooks/useReduxActions.js +1 -75
  16. package/lib/commonjs/redux/index.js +1 -49
  17. package/lib/commonjs/redux/utils/autoInstrument.js +1 -270
  18. package/lib/commonjs/redux/utils/buoyReduxMiddleware.js +1 -166
  19. package/lib/commonjs/redux/utils/createReduxHistoryAdapter.js +1 -146
  20. package/lib/commonjs/redux/utils/index.js +1 -111
  21. package/lib/commonjs/redux/utils/reduxActionStore.js +1 -358
  22. package/lib/module/index.js +1 -87
  23. package/lib/module/preset.js +1 -94
  24. package/lib/module/redux/components/ReduxActionButton.js +1 -126
  25. package/lib/module/redux/components/ReduxActionDetailContent.js +1 -376
  26. package/lib/module/redux/components/ReduxActionDetailView.js +1 -397
  27. package/lib/module/redux/components/ReduxActionInfoView.js +1 -833
  28. package/lib/module/redux/components/ReduxActionItem.js +1 -362
  29. package/lib/module/redux/components/ReduxDetailViewToggle.js +1 -129
  30. package/lib/module/redux/components/ReduxIcon.js +1 -8
  31. package/lib/module/redux/components/ReduxModal.js +1 -525
  32. package/lib/module/redux/components/index.js +1 -7
  33. package/lib/module/redux/hooks/index.js +1 -4
  34. package/lib/module/redux/hooks/useAutoInstrumentRedux.js +1 -193
  35. package/lib/module/redux/hooks/useReduxActions.js +1 -71
  36. package/lib/module/redux/index.js +1 -13
  37. package/lib/module/redux/utils/autoInstrument.js +1 -260
  38. package/lib/module/redux/utils/buoyReduxMiddleware.js +1 -157
  39. package/lib/module/redux/utils/createReduxHistoryAdapter.js +1 -142
  40. package/lib/module/redux/utils/index.js +1 -8
  41. package/lib/module/redux/utils/reduxActionStore.js +1 -354
  42. package/package.json +12 -12
  43. package/lib/typescript/index.d.ts.map +0 -1
  44. package/lib/typescript/preset.d.ts.map +0 -1
  45. package/lib/typescript/redux/components/ReduxActionButton.d.ts.map +0 -1
  46. package/lib/typescript/redux/components/ReduxActionDetailContent.d.ts.map +0 -1
  47. package/lib/typescript/redux/components/ReduxActionDetailView.d.ts.map +0 -1
  48. package/lib/typescript/redux/components/ReduxActionInfoView.d.ts.map +0 -1
  49. package/lib/typescript/redux/components/ReduxActionItem.d.ts.map +0 -1
  50. package/lib/typescript/redux/components/ReduxDetailViewToggle.d.ts.map +0 -1
  51. package/lib/typescript/redux/components/ReduxIcon.d.ts.map +0 -1
  52. package/lib/typescript/redux/components/ReduxModal.d.ts.map +0 -1
  53. package/lib/typescript/redux/components/index.d.ts.map +0 -1
  54. package/lib/typescript/redux/hooks/index.d.ts.map +0 -1
  55. package/lib/typescript/redux/hooks/useAutoInstrumentRedux.d.ts.map +0 -1
  56. package/lib/typescript/redux/hooks/useReduxActions.d.ts.map +0 -1
  57. package/lib/typescript/redux/index.d.ts.map +0 -1
  58. package/lib/typescript/redux/types/index.d.ts.map +0 -1
  59. package/lib/typescript/redux/utils/autoInstrument.d.ts.map +0 -1
  60. package/lib/typescript/redux/utils/buoyReduxMiddleware.d.ts.map +0 -1
  61. package/lib/typescript/redux/utils/createReduxHistoryAdapter.d.ts.map +0 -1
  62. package/lib/typescript/redux/utils/index.d.ts.map +0 -1
  63. package/lib/typescript/redux/utils/reduxActionStore.d.ts.map +0 -1
package/LICENSE ADDED
@@ -0,0 +1,58 @@
1
+ PROPRIETARY SOFTWARE LICENSE
2
+
3
+ Copyright (c) 2024-present Buoy. All rights reserved.
4
+
5
+ This software and its source code are proprietary and confidential.
6
+
7
+ NOTICE: This is NOT open source software. This software is licensed,
8
+ not sold, and is protected by copyright laws and international treaties.
9
+
10
+ TERMS AND CONDITIONS:
11
+
12
+ 1. LICENSE GRANT
13
+ Subject to the terms of this Agreement and payment of applicable fees,
14
+ Buoy grants you a limited, non-exclusive, non-transferable license
15
+ to use the compiled software packages in your applications.
16
+
17
+ 2. RESTRICTIONS
18
+ You may NOT:
19
+ - Copy, modify, or distribute the source code
20
+ - Reverse engineer, decompile, or disassemble the software
21
+ - Remove or alter any proprietary notices or labels
22
+ - Sublicense, rent, lease, or lend the software
23
+ - Use the software to create competing products
24
+ - Share access credentials with unauthorized parties
25
+
26
+ 3. OWNERSHIP
27
+ React Buoy retains all right, title, and interest in the software,
28
+ including all intellectual property rights. This license does not
29
+ grant you any rights to trademarks or service marks.
30
+
31
+ 4. TERMINATION
32
+ This license is effective until terminated. Your rights under this
33
+ license will terminate automatically without notice if you fail to
34
+ comply with any of its terms. Upon termination, you must cease all
35
+ use and destroy all copies of the software.
36
+
37
+ 5. DISCLAIMER OF WARRANTIES
38
+ THE SOFTWARE IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND,
39
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
40
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NONINFRINGEMENT.
41
+
42
+ 6. LIMITATION OF LIABILITY
43
+ IN NO EVENT SHALL BUOY BE LIABLE FOR ANY INDIRECT, INCIDENTAL,
44
+ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES ARISING OUT OF OR IN
45
+ CONNECTION WITH THIS LICENSE OR THE USE OF THE SOFTWARE.
46
+
47
+ 7. GOVERNING LAW
48
+ This Agreement shall be governed by and construed in accordance with
49
+ the laws of the United States, without regard to its conflict of
50
+ law provisions.
51
+
52
+ For licensing inquiries and subscription information:
53
+ - Website: https://buoy.gg
54
+ - Email: AustinLovesWorking@gmail.com
55
+
56
+ Unauthorized reproduction or distribution of this software, or any
57
+ portion of it, may result in severe civil and criminal penalties,
58
+ and will be prosecuted to the maximum extent possible under the law.
@@ -1,179 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "BUOY_JUMP_TO_STATE", {
7
- enumerable: true,
8
- get: function () {
9
- return _buoyReduxMiddleware.BUOY_JUMP_TO_STATE;
10
- }
11
- });
12
- Object.defineProperty(exports, "BUOY_REPLAY_ACTION", {
13
- enumerable: true,
14
- get: function () {
15
- return _buoyReduxMiddleware.BUOY_REPLAY_ACTION;
16
- }
17
- });
18
- Object.defineProperty(exports, "FREE_TIER_ACTION_LIMIT", {
19
- enumerable: true,
20
- get: function () {
21
- return _ReduxModal.FREE_TIER_ACTION_LIMIT;
22
- }
23
- });
24
- Object.defineProperty(exports, "ReduxActionDetailContent", {
25
- enumerable: true,
26
- get: function () {
27
- return _ReduxActionDetailContent.ReduxActionDetailContent;
28
- }
29
- });
30
- Object.defineProperty(exports, "ReduxActionDetailFooter", {
31
- enumerable: true,
32
- get: function () {
33
- return _ReduxActionDetailContent.ReduxActionDetailFooter;
34
- }
35
- });
36
- Object.defineProperty(exports, "ReduxActionDetailView", {
37
- enumerable: true,
38
- get: function () {
39
- return _ReduxActionDetailView.ReduxActionDetailView;
40
- }
41
- });
42
- Object.defineProperty(exports, "ReduxActionItem", {
43
- enumerable: true,
44
- get: function () {
45
- return _ReduxActionItem.ReduxActionItem;
46
- }
47
- });
48
- Object.defineProperty(exports, "ReduxIcon", {
49
- enumerable: true,
50
- get: function () {
51
- return _ReduxIcon.ReduxIcon;
52
- }
53
- });
54
- Object.defineProperty(exports, "ReduxModal", {
55
- enumerable: true,
56
- get: function () {
57
- return _ReduxModal.ReduxModal;
58
- }
59
- });
60
- Object.defineProperty(exports, "buoyReduxMiddleware", {
61
- enumerable: true,
62
- get: function () {
63
- return _buoyReduxMiddleware.buoyReduxMiddleware;
64
- }
65
- });
66
- Object.defineProperty(exports, "createBuoyReduxMiddleware", {
67
- enumerable: true,
68
- get: function () {
69
- return _buoyReduxMiddleware.createBuoyReduxMiddleware;
70
- }
71
- });
72
- Object.defineProperty(exports, "createReduxHistoryAdapter", {
73
- enumerable: true,
74
- get: function () {
75
- return _createReduxHistoryAdapter.createReduxHistoryAdapter;
76
- }
77
- });
78
- Object.defineProperty(exports, "createReduxTool", {
79
- enumerable: true,
80
- get: function () {
81
- return _preset.createReduxTool;
82
- }
83
- });
84
- Object.defineProperty(exports, "getActiveStore", {
85
- enumerable: true,
86
- get: function () {
87
- return _autoInstrument.getActiveStore;
88
- }
89
- });
90
- Object.defineProperty(exports, "instrumentStore", {
91
- enumerable: true,
92
- get: function () {
93
- return _autoInstrument.instrumentStore;
94
- }
95
- });
96
- Object.defineProperty(exports, "isAutoInstrumentActive", {
97
- enumerable: true,
98
- get: function () {
99
- return _autoInstrument.isAutoInstrumentActive;
100
- }
101
- });
102
- Object.defineProperty(exports, "isStoreInstrumented", {
103
- enumerable: true,
104
- get: function () {
105
- return _autoInstrument.isStoreInstrumented;
106
- }
107
- });
108
- Object.defineProperty(exports, "jumpToState", {
109
- enumerable: true,
110
- get: function () {
111
- return _buoyReduxMiddleware.jumpToState;
112
- }
113
- });
114
- Object.defineProperty(exports, "reduxActionStore", {
115
- enumerable: true,
116
- get: function () {
117
- return _reduxActionStore.reduxActionStore;
118
- }
119
- });
120
- Object.defineProperty(exports, "reduxHistoryAdapter", {
121
- enumerable: true,
122
- get: function () {
123
- return _createReduxHistoryAdapter.reduxHistoryAdapter;
124
- }
125
- });
126
- Object.defineProperty(exports, "reduxToolPreset", {
127
- enumerable: true,
128
- get: function () {
129
- return _preset.reduxToolPreset;
130
- }
131
- });
132
- Object.defineProperty(exports, "replayAction", {
133
- enumerable: true,
134
- get: function () {
135
- return _buoyReduxMiddleware.replayAction;
136
- }
137
- });
138
- Object.defineProperty(exports, "uninstrumentStore", {
139
- enumerable: true,
140
- get: function () {
141
- return _autoInstrument.uninstrumentStore;
142
- }
143
- });
144
- Object.defineProperty(exports, "useAutoInstrumentRedux", {
145
- enumerable: true,
146
- get: function () {
147
- return _useAutoInstrumentRedux.useAutoInstrumentRedux;
148
- }
149
- });
150
- Object.defineProperty(exports, "useReduxActions", {
151
- enumerable: true,
152
- get: function () {
153
- return _useReduxActions.useReduxActions;
154
- }
155
- });
156
- Object.defineProperty(exports, "useReduxAvailability", {
157
- enumerable: true,
158
- get: function () {
159
- return _useAutoInstrumentRedux.useReduxAvailability;
160
- }
161
- });
162
- Object.defineProperty(exports, "withBuoyDevTools", {
163
- enumerable: true,
164
- get: function () {
165
- return _buoyReduxMiddleware.withBuoyDevTools;
166
- }
167
- });
168
- var _preset = require("./preset");
169
- var _buoyReduxMiddleware = require("./redux/utils/buoyReduxMiddleware");
170
- var _autoInstrument = require("./redux/utils/autoInstrument");
171
- var _createReduxHistoryAdapter = require("./redux/utils/createReduxHistoryAdapter");
172
- var _useReduxActions = require("./redux/hooks/useReduxActions");
173
- var _useAutoInstrumentRedux = require("./redux/hooks/useAutoInstrumentRedux");
174
- var _ReduxModal = require("./redux/components/ReduxModal");
175
- var _ReduxActionItem = require("./redux/components/ReduxActionItem");
176
- var _ReduxActionDetailView = require("./redux/components/ReduxActionDetailView");
177
- var _ReduxActionDetailContent = require("./redux/components/ReduxActionDetailContent");
178
- var _ReduxIcon = require("./redux/components/ReduxIcon");
179
- var _reduxActionStore = require("./redux/utils/reduxActionStore");
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BUOY_JUMP_TO_STATE",{enumerable:!0,get:function(){return _buoyReduxMiddleware.BUOY_JUMP_TO_STATE}}),Object.defineProperty(exports,"BUOY_REPLAY_ACTION",{enumerable:!0,get:function(){return _buoyReduxMiddleware.BUOY_REPLAY_ACTION}}),Object.defineProperty(exports,"FREE_TIER_ACTION_LIMIT",{enumerable:!0,get:function(){return _ReduxModal.FREE_TIER_ACTION_LIMIT}}),Object.defineProperty(exports,"ReduxActionDetailContent",{enumerable:!0,get:function(){return _ReduxActionDetailContent.ReduxActionDetailContent}}),Object.defineProperty(exports,"ReduxActionDetailFooter",{enumerable:!0,get:function(){return _ReduxActionDetailContent.ReduxActionDetailFooter}}),Object.defineProperty(exports,"ReduxActionDetailView",{enumerable:!0,get:function(){return _ReduxActionDetailView.ReduxActionDetailView}}),Object.defineProperty(exports,"ReduxActionItem",{enumerable:!0,get:function(){return _ReduxActionItem.ReduxActionItem}}),Object.defineProperty(exports,"ReduxIcon",{enumerable:!0,get:function(){return _ReduxIcon.ReduxIcon}}),Object.defineProperty(exports,"ReduxModal",{enumerable:!0,get:function(){return _ReduxModal.ReduxModal}}),Object.defineProperty(exports,"buoyReduxMiddleware",{enumerable:!0,get:function(){return _buoyReduxMiddleware.buoyReduxMiddleware}}),Object.defineProperty(exports,"createBuoyReduxMiddleware",{enumerable:!0,get:function(){return _buoyReduxMiddleware.createBuoyReduxMiddleware}}),Object.defineProperty(exports,"createReduxHistoryAdapter",{enumerable:!0,get:function(){return _createReduxHistoryAdapter.createReduxHistoryAdapter}}),Object.defineProperty(exports,"createReduxTool",{enumerable:!0,get:function(){return _preset.createReduxTool}}),Object.defineProperty(exports,"getActiveStore",{enumerable:!0,get:function(){return _autoInstrument.getActiveStore}}),Object.defineProperty(exports,"instrumentStore",{enumerable:!0,get:function(){return _autoInstrument.instrumentStore}}),Object.defineProperty(exports,"isAutoInstrumentActive",{enumerable:!0,get:function(){return _autoInstrument.isAutoInstrumentActive}}),Object.defineProperty(exports,"isStoreInstrumented",{enumerable:!0,get:function(){return _autoInstrument.isStoreInstrumented}}),Object.defineProperty(exports,"jumpToState",{enumerable:!0,get:function(){return _buoyReduxMiddleware.jumpToState}}),Object.defineProperty(exports,"reduxActionStore",{enumerable:!0,get:function(){return _reduxActionStore.reduxActionStore}}),Object.defineProperty(exports,"reduxHistoryAdapter",{enumerable:!0,get:function(){return _createReduxHistoryAdapter.reduxHistoryAdapter}}),Object.defineProperty(exports,"reduxToolPreset",{enumerable:!0,get:function(){return _preset.reduxToolPreset}}),Object.defineProperty(exports,"replayAction",{enumerable:!0,get:function(){return _buoyReduxMiddleware.replayAction}}),Object.defineProperty(exports,"uninstrumentStore",{enumerable:!0,get:function(){return _autoInstrument.uninstrumentStore}}),Object.defineProperty(exports,"useAutoInstrumentRedux",{enumerable:!0,get:function(){return _useAutoInstrumentRedux.useAutoInstrumentRedux}}),Object.defineProperty(exports,"useReduxActions",{enumerable:!0,get:function(){return _useReduxActions.useReduxActions}}),Object.defineProperty(exports,"useReduxAvailability",{enumerable:!0,get:function(){return _useAutoInstrumentRedux.useReduxAvailability}}),Object.defineProperty(exports,"withBuoyDevTools",{enumerable:!0,get:function(){return _buoyReduxMiddleware.withBuoyDevTools}});var _preset=require("./preset"),_buoyReduxMiddleware=require("./redux/utils/buoyReduxMiddleware"),_autoInstrument=require("./redux/utils/autoInstrument"),_createReduxHistoryAdapter=require("./redux/utils/createReduxHistoryAdapter"),_useReduxActions=require("./redux/hooks/useReduxActions"),_useAutoInstrumentRedux=require("./redux/hooks/useAutoInstrumentRedux"),_ReduxModal=require("./redux/components/ReduxModal"),_ReduxActionItem=require("./redux/components/ReduxActionItem"),_ReduxActionDetailView=require("./redux/components/ReduxActionDetailView"),_ReduxActionDetailContent=require("./redux/components/ReduxActionDetailContent"),_ReduxIcon=require("./redux/components/ReduxIcon"),_reduxActionStore=require("./redux/utils/reduxActionStore");
@@ -1,98 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.createReduxTool = createReduxTool;
7
- exports.reduxToolPreset = void 0;
8
- var _ReduxModal = require("./redux/components/ReduxModal");
9
- var _ReduxIcon = require("./redux/components/ReduxIcon");
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- /**
12
- * Pre-configured Redux DevTools preset for FloatingDevTools
13
- *
14
- * ZERO-CONFIG: This preset is auto-discovered by FloatingDevTools!
15
- * You do NOT need to import or configure anything - just install @buoy-gg/redux
16
- * and the Redux tool will appear automatically in your FloatingDevTools.
17
- *
18
- * @example Automatic (recommended - no code needed!)
19
- * ```tsx
20
- * // Just install: npm install @buoy-gg/redux
21
- * // The Redux tool appears automatically in FloatingDevTools!
22
- *
23
- * <Provider store={store}>
24
- * <App />
25
- * <FloatingDevTools /> // Redux tool is auto-detected
26
- * </Provider>
27
- * ```
28
- *
29
- * @example Manual (only for custom configuration)
30
- * ```tsx
31
- * import { createReduxTool } from '@buoy-gg/redux';
32
- *
33
- * // Only use this if you need to customize the tool
34
- * const customReduxTool = createReduxTool({
35
- * name: "STATE",
36
- * iconColor: "#9945FF",
37
- * });
38
- *
39
- * <FloatingDevTools apps={[customReduxTool]} />
40
- * ```
41
- */
42
-
43
- /**
44
- * Pre-configured Redux DevTools preset for FloatingDevTools.
45
- * Includes:
46
- * - Live action monitoring
47
- * - Action/state inspection
48
- * - State diff visualization
49
- * - Filter by action type
50
- */
51
- const reduxToolPreset = exports.reduxToolPreset = {
52
- id: "redux",
53
- name: "REDUX",
54
- description: "Redux action & state inspector",
55
- slot: "both",
56
- icon: ({
57
- size
58
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReduxIcon.ReduxIcon, {
59
- size: size
60
- }),
61
- component: _ReduxModal.ReduxModal,
62
- props: {
63
- enableSharedModalDimensions: false
64
- }
65
- };
66
-
67
- /**
68
- * Create a custom Redux DevTools configuration.
69
- * Use this if you want to override default settings.
70
- *
71
- * @example
72
- * ```tsx
73
- * import { createReduxTool } from '@buoy-gg/redux';
74
- *
75
- * const myReduxTool = createReduxTool({
76
- * name: "STATE",
77
- * iconColor: "#9945FF", // Purple color
78
- * });
79
- * ```
80
- */
81
- function createReduxTool(options) {
82
- return {
83
- id: options?.id || "redux",
84
- name: options?.name || "REDUX",
85
- description: options?.description || "Redux action & state inspector",
86
- slot: "both",
87
- icon: ({
88
- size
89
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReduxIcon.ReduxIcon, {
90
- size: size,
91
- color: options?.iconColor
92
- }),
93
- component: _ReduxModal.ReduxModal,
94
- props: {
95
- enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : false
96
- }
97
- };
98
- }
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createReduxTool=createReduxTool,exports.reduxToolPreset=void 0;var _ReduxModal=require("./redux/components/ReduxModal"),_ReduxIcon=require("./redux/components/ReduxIcon"),_jsxRuntime=require("react/jsx-runtime");const reduxToolPreset=exports.reduxToolPreset={id:"redux",name:"REDUX",description:"Redux action & state inspector",slot:"both",icon:({size:e})=>(0,_jsxRuntime.jsx)(_ReduxIcon.ReduxIcon,{size:e}),component:_ReduxModal.ReduxModal,props:{enableSharedModalDimensions:!1}};function createReduxTool(e){return{id:e?.id||"redux",name:e?.name||"REDUX",description:e?.description||"Redux action & state inspector",slot:"both",icon:({size:o})=>(0,_jsxRuntime.jsx)(_ReduxIcon.ReduxIcon,{size:o,color:e?.iconColor}),component:_ReduxModal.ReduxModal,props:{enableSharedModalDimensions:void 0!==e?.enableSharedModalDimensions&&e.enableSharedModalDimensions}}}
@@ -1,129 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ReduxActionButton = ReduxActionButton;
7
- var _reactNative = require("react-native");
8
- var _sharedUi = require("@buoy-gg/shared-ui");
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- /**
11
- * ReduxActionButton
12
- *
13
- * Generic action button for Redux DevTools footer
14
- * Matches React Query DevTools ActionButton styling
15
- */
16
-
17
- // Button color configurations matching React Query pattern
18
- const buttonConfigs = {
19
- replay: {
20
- color: _sharedUi.buoyColors.success,
21
- backgroundColor: _sharedUi.buoyColors.success + "15",
22
- borderColor: _sharedUi.buoyColors.success + "40",
23
- textColor: _sharedUi.buoyColors.success
24
- },
25
- copy: {
26
- color: _sharedUi.buoyColors.primary,
27
- backgroundColor: _sharedUi.buoyColors.primary + "15",
28
- borderColor: _sharedUi.buoyColors.primary + "40",
29
- textColor: _sharedUi.buoyColors.primary
30
- },
31
- jump: {
32
- color: _sharedUi.buoyColors.warning,
33
- backgroundColor: _sharedUi.buoyColors.warning + "15",
34
- borderColor: _sharedUi.buoyColors.warning + "40",
35
- textColor: _sharedUi.buoyColors.warning
36
- },
37
- skip: {
38
- color: _sharedUi.buoyColors.textSecondary,
39
- backgroundColor: _sharedUi.buoyColors.textSecondary + "26",
40
- borderColor: _sharedUi.buoyColors.textSecondary + "59",
41
- textColor: _sharedUi.buoyColors.textSecondary
42
- },
43
- clear: {
44
- color: _sharedUi.buoyColors.error,
45
- backgroundColor: _sharedUi.buoyColors.error + "15",
46
- borderColor: _sharedUi.buoyColors.error + "40",
47
- textColor: _sharedUi.buoyColors.error
48
- },
49
- diff: {
50
- color: _sharedUi.buoyColors.info,
51
- backgroundColor: _sharedUi.buoyColors.info + "15",
52
- borderColor: _sharedUi.buoyColors.info + "40",
53
- textColor: _sharedUi.buoyColors.info
54
- }
55
- };
56
- function ReduxActionButton({
57
- onPress,
58
- text,
59
- type,
60
- disabled = false
61
- }) {
62
- const config = buttonConfigs[type];
63
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
64
- disabled: disabled,
65
- onPress: onPress,
66
- style: [styles.button, {
67
- backgroundColor: disabled ? _sharedUi.buoyColors.textMuted + "1A" : config.backgroundColor,
68
- borderColor: disabled ? _sharedUi.buoyColors.textMuted + "33" : config.borderColor,
69
- opacity: disabled ? 0.5 : 1
70
- }],
71
- activeOpacity: 0.7,
72
- accessibilityRole: "button",
73
- accessibilityLabel: text,
74
- accessibilityState: {
75
- disabled
76
- },
77
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
78
- style: [styles.dot, {
79
- backgroundColor: disabled ? _sharedUi.buoyColors.textMuted : config.color
80
- }]
81
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
82
- style: [styles.text, {
83
- color: disabled ? _sharedUi.buoyColors.textMuted : config.textColor
84
- }],
85
- children: text
86
- })]
87
- });
88
- }
89
- const styles = _reactNative.StyleSheet.create({
90
- button: {
91
- flexDirection: "row",
92
- alignItems: "center",
93
- justifyContent: "center",
94
- borderRadius: 6,
95
- borderWidth: 1,
96
- paddingHorizontal: 12,
97
- paddingVertical: 6,
98
- height: 25,
99
- minWidth: 80,
100
- shadowOffset: {
101
- width: 0,
102
- height: 1
103
- },
104
- shadowOpacity: 0.2,
105
- shadowRadius: 2,
106
- elevation: 2
107
- },
108
- dot: {
109
- width: 5,
110
- height: 5,
111
- borderRadius: 3,
112
- marginRight: 6,
113
- shadowColor: _sharedUi.buoyColors.text,
114
- shadowOffset: {
115
- width: 0,
116
- height: 0
117
- },
118
- shadowOpacity: 0.6,
119
- shadowRadius: 2
120
- },
121
- text: {
122
- fontSize: 10,
123
- fontWeight: "600",
124
- letterSpacing: 0.5,
125
- textTransform: "uppercase",
126
- fontFamily: "monospace",
127
- height: 12
128
- }
129
- });
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReduxActionButton=ReduxActionButton;var _reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_jsxRuntime=require("react/jsx-runtime");const buttonConfigs={replay:{color:_sharedUi.buoyColors.success,backgroundColor:_sharedUi.buoyColors.success+"15",borderColor:_sharedUi.buoyColors.success+"40",textColor:_sharedUi.buoyColors.success},copy:{color:_sharedUi.buoyColors.primary,backgroundColor:_sharedUi.buoyColors.primary+"15",borderColor:_sharedUi.buoyColors.primary+"40",textColor:_sharedUi.buoyColors.primary},jump:{color:_sharedUi.buoyColors.warning,backgroundColor:_sharedUi.buoyColors.warning+"15",borderColor:_sharedUi.buoyColors.warning+"40",textColor:_sharedUi.buoyColors.warning},skip:{color:_sharedUi.buoyColors.textSecondary,backgroundColor:_sharedUi.buoyColors.textSecondary+"26",borderColor:_sharedUi.buoyColors.textSecondary+"59",textColor:_sharedUi.buoyColors.textSecondary},clear:{color:_sharedUi.buoyColors.error,backgroundColor:_sharedUi.buoyColors.error+"15",borderColor:_sharedUi.buoyColors.error+"40",textColor:_sharedUi.buoyColors.error},diff:{color:_sharedUi.buoyColors.info,backgroundColor:_sharedUi.buoyColors.info+"15",borderColor:_sharedUi.buoyColors.info+"40",textColor:_sharedUi.buoyColors.info}};function ReduxActionButton({onPress:o,text:r,type:e,disabled:t=!1}){const s=buttonConfigs[e];return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{disabled:t,onPress:o,style:[styles.button,{backgroundColor:t?_sharedUi.buoyColors.textMuted+"1A":s.backgroundColor,borderColor:t?_sharedUi.buoyColors.textMuted+"33":s.borderColor,opacity:t?.5:1}],activeOpacity:.7,accessibilityRole:"button",accessibilityLabel:r,accessibilityState:{disabled:t},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,{backgroundColor:t?_sharedUi.buoyColors.textMuted:s.color}]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.text,{color:t?_sharedUi.buoyColors.textMuted:s.textColor}],children:r})]})}const styles=_reactNative.StyleSheet.create({button:{flexDirection:"row",alignItems:"center",justifyContent:"center",borderRadius:6,borderWidth:1,paddingHorizontal:12,paddingVertical:6,height:25,minWidth:80,shadowOffset:{width:0,height:1},shadowOpacity:.2,shadowRadius:2,elevation:2},dot:{width:5,height:5,borderRadius:3,marginRight:6,shadowColor:_sharedUi.buoyColors.text,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:2},text:{fontSize:10,fontWeight:"600",letterSpacing:.5,textTransform:"uppercase",fontFamily:"monospace",height:12}});