@mikezimm/fps-library-v2 2.0.157 → 2.0.159
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/lib/PackageVersion.js +3 -3
- package/lib/PackageVersionStyles.d.ts.map +1 -1
- package/lib/PackageVersionStyles.js +3 -3
- package/lib/PackageVersionStyles.js.map +1 -1
- package/lib/components/atoms/Inputs/Toggle/component.d.ts.map +1 -1
- package/lib/components/atoms/Inputs/Toggle/component.js +8 -5
- package/lib/components/atoms/Inputs/Toggle/component.js.map +1 -1
- package/package.json +3 -3
package/lib/PackageVersion.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export const PackageNameFpsLv2 = 'fps-library-v2';
|
|
2
|
-
export const PackageVersionFpsLv2 = '2.0.
|
|
3
|
-
export const PackageVersionLabelFpsLv2 = 'fps-library-v2@2.0.
|
|
4
|
-
export const PackageVersionTimeFpsLv2 = '
|
|
2
|
+
export const PackageVersionFpsLv2 = '2.0.159';
|
|
3
|
+
export const PackageVersionLabelFpsLv2 = 'fps-library-v2@2.0.159';
|
|
4
|
+
export const PackageVersionTimeFpsLv2 = '12/2/2025, 11:13:01 PM EST';
|
|
5
5
|
//# sourceMappingURL=PackageVersion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PackageVersionStyles.d.ts","sourceRoot":"","sources":["../src/PackageVersionStyles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB,EAAE,MAAqB,CAAC;AACtD,eAAO,MAAM,oBAAoB,EAAE,MAAiB,CAAC;AACrD,eAAO,MAAM,yBAAyB,EAAE,MAA4B,CAAC;AACrE,eAAO,MAAM,wBAAwB,EAAE,
|
|
1
|
+
{"version":3,"file":"PackageVersionStyles.d.ts","sourceRoot":"","sources":["../src/PackageVersionStyles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB,EAAE,MAAqB,CAAC;AACtD,eAAO,MAAM,oBAAoB,EAAE,MAAiB,CAAC;AACrD,eAAO,MAAM,yBAAyB,EAAE,MAA4B,CAAC;AACrE,eAAO,MAAM,wBAAwB,EAAE,MAAoC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export const PackageNameFpsSty = 'fps-styles';
|
|
2
|
-
export const PackageVersionFpsSty = '1.0.
|
|
3
|
-
export const PackageVersionLabelFpsSty = 'fps-styles@1.0.
|
|
4
|
-
export const PackageVersionTimeFpsSty = '
|
|
2
|
+
export const PackageVersionFpsSty = '1.0.99';
|
|
3
|
+
export const PackageVersionLabelFpsSty = 'fps-styles@1.0.99';
|
|
4
|
+
export const PackageVersionTimeFpsSty = '12/1/2025, 8:12:57 PM EST';
|
|
5
5
|
//# sourceMappingURL=PackageVersionStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PackageVersionStyles.js","sourceRoot":"","sources":["../src/PackageVersionStyles.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,iBAAiB,GAAW,YAAY,CAAC;AACtD,MAAM,CAAC,MAAM,oBAAoB,GAAW,QAAQ,CAAC;AACrD,MAAM,CAAC,MAAM,yBAAyB,GAAW,mBAAmB,CAAC;AACrE,MAAM,CAAC,MAAM,wBAAwB,GAAW,
|
|
1
|
+
{"version":3,"file":"PackageVersionStyles.js","sourceRoot":"","sources":["../src/PackageVersionStyles.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,iBAAiB,GAAW,YAAY,CAAC;AACtD,MAAM,CAAC,MAAM,oBAAoB,GAAW,QAAQ,CAAC;AACrD,MAAM,CAAC,MAAM,yBAAyB,GAAW,mBAAmB,CAAC;AACrE,MAAM,CAAC,MAAM,wBAAwB,GAAW,2BAA2B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Toggle/component.tsx"],"names":[],"mappings":"AACA;;GAEG;;AAIH,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,QAAA,MAAM,SAAS,UAAW,eAAe,KAAG,
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Toggle/component.tsx"],"names":[],"mappings":"AACA;;GAEG;;AAIH,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,QAAA,MAAM,SAAS,UAAW,eAAe,KAAG,WA4D3C,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -6,7 +6,10 @@ import { useState, } from 'react';
|
|
|
6
6
|
import '@mikezimm/fps-styles/dist/fps-Toggle.css'; // Import the CSS file for styling
|
|
7
7
|
const FPSToggle = (props) => {
|
|
8
8
|
const { layout = 'labelUp', label, onText, offText, onChange, containerStyle = {}, labelStyle = {}, onOffTextStyle = {}, disabled = false, forceChecked, fluentStyle = true, dangerStyle = false } = props;
|
|
9
|
-
const
|
|
9
|
+
const useContainerStyle = { ...containerStyle };
|
|
10
|
+
let FpsToggleClassName = fluentStyle === true ? "fps-toggle-container" : "fps-toggle-container oldStyle";
|
|
11
|
+
if (disabled === true)
|
|
12
|
+
FpsToggleClassName += ' disabled';
|
|
10
13
|
const SliderClassName = dangerStyle === true ? "slider danger" : "slider";
|
|
11
14
|
const [isChecked, setIsChecked] = useState(forceChecked === true || forceChecked === false ? forceChecked : false);
|
|
12
15
|
const handleToggleChange = () => {
|
|
@@ -24,17 +27,17 @@ const FPSToggle = (props) => {
|
|
|
24
27
|
React.createElement("input", { type: "checkbox", checked: isChecked, onChange: handleToggleChange, id: "toggle", disabled: disabled }),
|
|
25
28
|
React.createElement("span", { className: SliderClassName }));
|
|
26
29
|
const toggleText = React.createElement("div", { className: "toggle-texts", style: toggleTextsStyle },
|
|
27
|
-
React.createElement("span", { style: { opacity: isChecked ? 1 : 0, transition: 'opacity 0.4s ease' } }, onText),
|
|
28
|
-
React.createElement("span", { style: { opacity: isChecked ? 0 : 1, position: 'absolute', transition: 'opacity 0.4s ease' } }, offText));
|
|
30
|
+
React.createElement("span", { style: { opacity: isChecked ? (disabled ? .6 : 1) : 0, transition: 'opacity 0.4s ease' } }, onText),
|
|
31
|
+
React.createElement("span", { style: { opacity: isChecked ? 0 : (disabled ? .6 : 1), position: 'absolute', transition: 'opacity 0.4s ease' } }, offText));
|
|
29
32
|
if (layout === 'labelUp') {
|
|
30
|
-
return React.createElement("div", { className: FpsToggleClassName, style: { display: 'flex', flexDirection: 'column', alignItems: 'flex-start', gap: '0.3em', ...
|
|
33
|
+
return React.createElement("div", { className: FpsToggleClassName, style: { display: 'flex', flexDirection: 'column', alignItems: 'flex-start', gap: '0.3em', ...useContainerStyle } },
|
|
31
34
|
labelEle,
|
|
32
35
|
React.createElement("div", { style: { display: 'flex', justifyContent: 'start', } },
|
|
33
36
|
toggleSwitch,
|
|
34
37
|
toggleText));
|
|
35
38
|
}
|
|
36
39
|
else {
|
|
37
|
-
return React.createElement("div", { className: FpsToggleClassName, style:
|
|
40
|
+
return React.createElement("div", { className: FpsToggleClassName, style: useContainerStyle },
|
|
38
41
|
labelEle,
|
|
39
42
|
toggleSwitch,
|
|
40
43
|
toggleText);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Toggle/component.tsx"],"names":[],"mappings":"AACA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,GAAG,MAAM,OAAO,CAAC;AAClC,OAAO,0CAA0C,CAAC,CAAE,kCAAkC;AAItF,MAAM,SAAS,GAAG,CAAC,KAAsB,EAAe,EAAE;IACxD,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAE,cAAc,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,YAAY,EAAE,WAAW,GAAG,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3M,MAAM,kBAAkB,GAAW,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Toggle/component.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mikezimm/fps-library-v2",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.159",
|
|
4
4
|
"description": "Library of reusable typescript/javascript functions, interfaces and constants",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "./lib/index.js",
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"@fluentui/react": "^7.199.1",
|
|
47
47
|
"@microlink/react-json-view": "^1.24.0",
|
|
48
|
-
"@mikezimm/fps-core-v7": "1.0.
|
|
49
|
-
"@mikezimm/fps-styles": "1.0.
|
|
48
|
+
"@mikezimm/fps-core-v7": "1.0.151",
|
|
49
|
+
"@mikezimm/fps-styles": "1.0.99",
|
|
50
50
|
"@monaco-editor/loader": "^1.3.1",
|
|
51
51
|
"react": "^17.0.1",
|
|
52
52
|
"react-dom": "^17.0.1"
|