@equinor/cpl-feature-flag-react 2.0.9 → 2.0.10

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 (5) hide show
  1. package/dist/index.d.mts +2 -3
  2. package/dist/index.d.ts +2 -3
  3. package/dist/index.js +35 -24
  4. package/dist/index.mjs +35 -24
  5. package/package.json +11 -11
package/dist/index.d.mts CHANGED
@@ -1,6 +1,5 @@
1
1
  import * as react from 'react';
2
2
  import { PropsWithChildren } from 'react';
3
- import * as react_jsx_runtime from 'react/jsx-runtime';
4
3
 
5
4
  type BaseConfig<Key extends string, Env extends string> = Record<Key, Record<Env, boolean>>;
6
5
  type inferFeatureFlagKey<T extends BaseConfig<string, string>> = keyof T;
@@ -19,10 +18,10 @@ interface Props<Key extends string, Env extends string> {
19
18
  useCurrentEnvironment: () => string | undefined;
20
19
  }
21
20
  declare function buildFeatureFlagModule<Env extends string, Key extends string>({ config, storage, storageKey, environments, useCurrentEnvironment, }: Props<Key, Env>): {
22
- FeatureFlagProvider: ({ children }: PropsWithChildren) => react_jsx_runtime.JSX.Element;
21
+ FeatureFlagProvider: ({ children }: PropsWithChildren) => react.JSX.Element;
23
22
  useFeatureFlagValue: (featureFlagKey: Key) => boolean;
24
23
  useSetFeatureFlag: (featureFlagKey: Key) => (newValue: boolean) => void;
25
- DevPanel: () => react_jsx_runtime.JSX.Element;
24
+ DevPanel: () => react.JSX.Element;
26
25
  FeatureFlag: ({ featureFlagKey, showWhen, children, }: PropsWithChildren<{
27
26
  showWhen: "enabled" | "disabled";
28
27
  featureFlagKey: Key;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import * as react from 'react';
2
2
  import { PropsWithChildren } from 'react';
3
- import * as react_jsx_runtime from 'react/jsx-runtime';
4
3
 
5
4
  type BaseConfig<Key extends string, Env extends string> = Record<Key, Record<Env, boolean>>;
6
5
  type inferFeatureFlagKey<T extends BaseConfig<string, string>> = keyof T;
@@ -19,10 +18,10 @@ interface Props<Key extends string, Env extends string> {
19
18
  useCurrentEnvironment: () => string | undefined;
20
19
  }
21
20
  declare function buildFeatureFlagModule<Env extends string, Key extends string>({ config, storage, storageKey, environments, useCurrentEnvironment, }: Props<Key, Env>): {
22
- FeatureFlagProvider: ({ children }: PropsWithChildren) => react_jsx_runtime.JSX.Element;
21
+ FeatureFlagProvider: ({ children }: PropsWithChildren) => react.JSX.Element;
23
22
  useFeatureFlagValue: (featureFlagKey: Key) => boolean;
24
23
  useSetFeatureFlag: (featureFlagKey: Key) => (newValue: boolean) => void;
25
- DevPanel: () => react_jsx_runtime.JSX.Element;
24
+ DevPanel: () => react.JSX.Element;
26
25
  FeatureFlag: ({ featureFlagKey, showWhen, children, }: PropsWithChildren<{
27
26
  showWhen: "enabled" | "disabled";
28
27
  featureFlagKey: Key;
package/dist/index.js CHANGED
@@ -211,30 +211,41 @@ function DevPanelPure({
211
211
  ]
212
212
  }
213
213
  ),
214
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_eds_core_react2.Popover, { open: isOpen, anchorEl: buttonRef.current, onClose: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(StyledPopoverContent, { children: [
215
- featureFlagKeys.map((featureFlagKey) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
216
- FeatureFlagItem,
217
- {
218
- featureFlagKey,
219
- useFeatureFlagValue,
220
- useSetFeatureFlag
221
- },
222
- `feature-flag-item-${featureFlagKey}`
223
- )),
224
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
225
- import_eds_core_react2.Button,
226
- {
227
- variant: "ghost",
228
- color: "danger",
229
- onClick: () => {
230
- localStorage.clear();
231
- sessionStorage.clear();
232
- window.location.reload();
233
- },
234
- children: "Delete cache and reload"
235
- }
236
- )
237
- ] }) })
214
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
215
+ import_eds_core_react2.Popover,
216
+ {
217
+ open: isOpen,
218
+ anchorEl: (
219
+ // eslint-disable-next-line react-hooks/refs -- current EDS implementation
220
+ buttonRef.current
221
+ ),
222
+ onClose: handleClose,
223
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(StyledPopoverContent, { children: [
224
+ featureFlagKeys.map((featureFlagKey) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
225
+ FeatureFlagItem,
226
+ {
227
+ featureFlagKey,
228
+ useFeatureFlagValue,
229
+ useSetFeatureFlag
230
+ },
231
+ `feature-flag-item-${featureFlagKey}`
232
+ )),
233
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
234
+ import_eds_core_react2.Button,
235
+ {
236
+ variant: "ghost",
237
+ color: "danger",
238
+ onClick: () => {
239
+ localStorage.clear();
240
+ sessionStorage.clear();
241
+ window.location.reload();
242
+ },
243
+ children: "Delete cache and reload"
244
+ }
245
+ )
246
+ ] })
247
+ }
248
+ )
238
249
  ] }) });
239
250
  }
240
251
  var StyledButton = (0, import_styled_components2.default)(import_eds_core_react2.Button)`
package/dist/index.mjs CHANGED
@@ -175,30 +175,41 @@ function DevPanelPure({
175
175
  ]
176
176
  }
177
177
  ),
178
- /* @__PURE__ */ jsx3(Popover, { open: isOpen, anchorEl: buttonRef.current, onClose: handleClose, children: /* @__PURE__ */ jsxs(StyledPopoverContent, { children: [
179
- featureFlagKeys.map((featureFlagKey) => /* @__PURE__ */ jsx3(
180
- FeatureFlagItem,
181
- {
182
- featureFlagKey,
183
- useFeatureFlagValue,
184
- useSetFeatureFlag
185
- },
186
- `feature-flag-item-${featureFlagKey}`
187
- )),
188
- /* @__PURE__ */ jsx3(
189
- Button,
190
- {
191
- variant: "ghost",
192
- color: "danger",
193
- onClick: () => {
194
- localStorage.clear();
195
- sessionStorage.clear();
196
- window.location.reload();
197
- },
198
- children: "Delete cache and reload"
199
- }
200
- )
201
- ] }) })
178
+ /* @__PURE__ */ jsx3(
179
+ Popover,
180
+ {
181
+ open: isOpen,
182
+ anchorEl: (
183
+ // eslint-disable-next-line react-hooks/refs -- current EDS implementation
184
+ buttonRef.current
185
+ ),
186
+ onClose: handleClose,
187
+ children: /* @__PURE__ */ jsxs(StyledPopoverContent, { children: [
188
+ featureFlagKeys.map((featureFlagKey) => /* @__PURE__ */ jsx3(
189
+ FeatureFlagItem,
190
+ {
191
+ featureFlagKey,
192
+ useFeatureFlagValue,
193
+ useSetFeatureFlag
194
+ },
195
+ `feature-flag-item-${featureFlagKey}`
196
+ )),
197
+ /* @__PURE__ */ jsx3(
198
+ Button,
199
+ {
200
+ variant: "ghost",
201
+ color: "danger",
202
+ onClick: () => {
203
+ localStorage.clear();
204
+ sessionStorage.clear();
205
+ window.location.reload();
206
+ },
207
+ children: "Delete cache and reload"
208
+ }
209
+ )
210
+ ] })
211
+ }
212
+ )
202
213
  ] }) });
203
214
  }
204
215
  var StyledButton = styled2(Button)`
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equinor/cpl-feature-flag-react",
3
- "version": "2.0.9",
3
+ "version": "2.0.10",
4
4
  "license": "MIT",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
@@ -16,17 +16,17 @@
16
16
  "dist/**"
17
17
  ],
18
18
  "devDependencies": {
19
- "@equinor/eds-core-react": "2.3.5",
20
- "@storybook/react-vite": "10.2.10",
21
- "@types/react": "19.2.14",
19
+ "@equinor/eds-core-react": "2.6.1",
20
+ "@storybook/react-vite": "10.4.3",
21
+ "@types/react": "19.2.17",
22
22
  "@types/react-dom": "19.2.3",
23
23
  "@types/styled-components": "5.1.36",
24
- "eslint": "10.0.0",
25
- "react": "19.2.4",
26
- "react-dom": "19.2.4",
27
- "styled-components": "6.4.1",
24
+ "eslint": "10.4.1",
25
+ "react": "19.2.7",
26
+ "react-dom": "19.2.7",
27
+ "styled-components": "6.4.2",
28
28
  "tsup": "8.5.1",
29
- "@equinor/cpl-eslint-config": "1.0.10",
29
+ "@equinor/cpl-eslint-config": "1.0.11",
30
30
  "@equinor/cpl-typescript-config": "0.0.8"
31
31
  },
32
32
  "peerDependencies": {
@@ -39,8 +39,8 @@
39
39
  "access": "public"
40
40
  },
41
41
  "dependencies": {
42
- "@equinor/eds-icons": "1.2.2",
43
- "@equinor/eds-tokens": "2.2.0"
42
+ "@equinor/eds-icons": "1.5.0",
43
+ "@equinor/eds-tokens": "2.3.0"
44
44
  },
45
45
  "scripts": {
46
46
  "build": "tsup src/index.ts --format esm,cjs --dts --external react",